@charset "utf-8";

/*===========================================================
 default
===========================================================*/
/* pc/sp settings */
.pcArea{display:block;}
.spArea{display:none;}

/* p
------------------------------ */
p{margin:0 0 15px;padding:0;}

/* img
------------------------------ */
img{max-width:100%;}

/* a
------------------------------ */
a{color:#57a116;text-decoration:underline;word-break:break-word;}
.skinBlue a{color:#0352a1;}
.skinGreen a{color:#57a116;}
.skinOrange a{color:#ffa51f;}
.skinCorp a{color:#57a116;}
a:hover,
a:hover img{opacity:0.7;text-decoration:none;}

/* animation
------------------------------ */
a,
a:link,
a:visited,
a:before,
a:after,
a img,
input[type="submit"]:not(.submitBtn),
button{transition-delay:0s;transition-timing-function:ease-in-out;transition-duration:0.3s;transition-property:opacity, border, background, color, width, height,
font-size, padding;}

/* title
------------------------------ */
h1{display:flex;padding:0;font-size:3.2rem;text-align:center;align-items:center;justify-content:center;}
h1:before,
h1:after{content:"";display:block;flex:0 0 auto;width:2em;height:3px;margin:0 0.25em;background-color:#ffb74c;}
.skinBlue h1:before,
.skinBlue h1:after,
body h1.typeBlue:before,
body h1.typeBlue:after{background-color:#0352a1;}
.skinGreen h1:before,
.skinGreen h1:after,
body h1.typeGreen:before,
body h1.typeGreen:after{background-color:#6fba2c;}
.skinOrange h1:before,
.skinOrange h1:after,
body h1.typeOrange:before,
body h1.typeOrange:after{background-color:#ffa51f;}
.skinCorp h1:before,
.skinCorp h1:after,
body h1.typeCorp:before,
body h1.typeCorp:after{background-color:#333;}
h2{padding:0 20px 6px;border-bottom:4px solid #ffb74c;font-size:2.8rem;}
.skinBlue h2,
body h2:not(.lineTitle).typeBlue{border-bottom-color:#0352a1;}
.skinGreen h2,
body h2:not(.lineTitle).typeGreen{border-bottom-color:#6fba2c;}
.skinOrange h2,
body h2:not(.lineTitle).typeOrange{border-bottom-color:#ffa51f;}
.skinCorp h2,
body h2:not(.lineTitle).typeCorp{border-bottom-color:#333;}
h3{position:relative;padding:0 0 0 25px;color:#444;font-weight:700;font-size:2.8rem;}
h3:before{content:"";display:block;position:absolute;top:4px;bottom:0;left:0;width:12px;height:calc(100% - 10px);margin:auto 0;border-radius:5px;background-color:#444;}
.skinBlue h3,
body h3.typeBlue{color:#034587;}
.skinGreen h3,
body h3.typeGreen{color:#57a116;}
.skinOrange h3,
body h3.typeOrange{color:#e57905;}
.skinCorp h3,
body h3.typeCorp{color:#444;}
.skinBlue h3:before,
body h3.typeBlue:before{background-color:#034587;}
.skinGreen h3:before,
body h3.typeGreen:before{background-color:#57a116;}
.skinOrange h3:before,
body h3.typeOrange:before{background-color:#e57905;}
.skinCorp h3:before,
body h3.typeCorp:before{border-radius:0;background-color:#444;}
h4{padding:0 0.5em 8px;border-bottom:1px solid rgba(51, 51, 51, 0.3);font-weight:700;font-size:2.4rem;}
.skinBlue h4,
body h4.typeBlue{border-bottom-color:rgba(3, 82, 161, 0.3);}
.skinBlue h4,
body h4.typePurple{border-bottom-color:rgba(192, 162, 206, 0.8);}
.skinGreen h4,
body h4.typeGreen{border-bottom-color:rgba(111, 186, 44, 0.3);}
.skinOrange h4,
body h4.typeOrange{border-bottom-color:rgba(255, 165, 31, 0.3);}
.skinCorp h4,
body h4.typeCorp{border-bottom-color:rgba(51, 51, 51, 0.3);}
h5{position:relative;padding:0 0 0 16px;font-weight:700;font-size:2rem;}
h5:before{content:"";display:block;position:absolute;top:calc(0.6em - 3px);left:1px;width:12px;height:6px;border-radius:3px;background-color:#57a116;}
.skinBlue h5:before,
body h5.typeBlue:before{background-color:#0352a1;}
.skinGreen h5:before,
body h5.typeGreen:before{background-color:#6fba2c;}
.skinOrange h5:before,
body h5.typeOrange:before{background-color:#ffa51f;}
.skinCorp h5:before,
body h5.typeCorp:before{border-radius:0;background-color:#57a116;}
h6{margin:2em 0 0.5em;padding:0;color:#034587;font-weight:700;font-size:1.8rem;}
.skinBlue h6,
body h6.typeBlue{color:#034587;}
.skinGreen h6,
body h6.typeGreen{color:#57a116;}
.skinOrange h6,
body h6.typeOrange{color:#eb7b05;}
.skinCorp h6,
body h6.typeCorp{color:#888;}
.ContentPane h2:first-child,
.ContentBottomPane h2:first-child,
.ContentPane .marginLessTitle,
.ContentBottomPane .marginLessTitle{margin-top:0;}
h1.marginTopLess,
h2.marginTopLess,
h3.marginTopLess,
h4.marginTopLess,
h5.marginTopLess,
h6.marginTopLess{margin-top:0 !important;}
h1.marginBottomLess,
h2.marginBottomLess,
h3.marginBottomLess,
h4.marginBottomLess,
h5.marginBottomLess,
h6.marginBottomLess{margin-bottom:0 !important;}

/* lineTitle
------------------------------ */
h2.lineTitle{position:relative;border-bottom-width:4px;}
h2.lineTitle:before{display:none;}
h2.lineTitle:after{content:"";display:block;position:absolute;bottom:-4px;left:0;z-index:1;width:200px;height:4px;background-color:#d26079;}
h2.lineTitle.typeBlue:after{background-color:#034587;}
h2.lineTitle.typeGreen:after{background-color:#57a116;}
h2.lineTitle.typeOrange:after{background-color:#ffa51f;}
h2.lineTitle.typeBlack:after{background-color:#444;}
h2.lineTitle.typeBeige:after{background-color:#ccb249;}
h2.lineTitle.typePurple:after{background-color:#9551b8;}

/* contentTitle
------------------------------ */
h2.contentTitle{padding:0;border:none;font-size:3.2rem;text-align:center;}
h2.contentTitle:before,
h2.contentTitle:after{display:none;}
h2.contentTitle.colorPink{color:#d26079;}
h2.contentTitle.colorBlue{color:#3a9fc7;}
h2.contentTitle.colorGreen{color:#6eae4d;}
h2.contentTitle.colorYellow{color:#ccb249;}
h2.contentTitle.colorOrange{color:#ffa51f;}
h2.contentTitle.colorBeige{color:#ccb249;}

/* lineHSmall
------------------------------ */
.lineHSmall{line-height:1.2;}

/* ===========================================================
 base
=========================================================== */
/* iframe
------------------------------ */
iframe{max-width:100%;}

/* font
------------------------------ */
.fontNoto{font-family:"Noto Sans JP", sans-serif;font-weight:400;}
.fontMont{font-family:"Montserrat", sans-serif;font-weight:900;}

/* file icon
------------------------------ */
a.externalLink:after{margin:0 10px;vertical-align:baseline;}

/* font color
------------------------------ */
.colorWhite{color:#fff;}
.colorBlue{color:#0352a1;}
.colorGreen{color:#57a116;}
.colorOrange{color:#ffa51f;}
.colorBlack{color:#333;}

/* font-size
------------------------------ */
.txtXSmall{font-size:60%;}
.txtSmall{font-size:80%;}
.txtLarge{font-size:120%;}
.txtXLarge{font-size:150%;}
.txtXXLarge{font-size:180%;}
h2 .txtSmall{font-size:2rem;}
h2 .txtXSmall{font-size:2rem;}
h2 .txtMiddle{font-size:2.8rem;}
h4 .txtSmall{font-size:1.6rem;}

/* font-weight
------------------------------ */
.txtNormal{font-weight:normal;}

/* roundedCornersImg
------------------------------ */
.roundedCornersImg{overflow:hidden;border-radius:20px;}
.roundedCornersImgLarge{overflow:hidden;border-radius:30px;}
.roundedCornersImgSmall{overflow:hidden;border-radius:10px;}

/* layoutItem
------------------------------ */
ul.layoutItem > li,
ol.layoutItem > li{padding:0;}
.layoutItem[class*="col"] > * > h2:first-child,
.layoutItem[class*="col"] > * > h3:first-child,
.layoutItem[class*="col"] > * > h4:first-child,
.layoutItem[class*="col"] > * > h5:first-child,
.layoutItem[class*="col"] > * > h6:first-child,
.layoutItem[class*="firstitem"] > * > h2:first-child,
.layoutItem[class*="firstitem"] > * > h3:first-child,
.layoutItem[class*="firstitem"] > * > h4:first-child,
.layoutItem[class*="firstitem"] > * > h5:first-child,
.layoutItem[class*="firstitem"] > * > h6:first-child{margin-top:0;}

/* linkBtn
------------------------------ */
a.linkBtn,
.linkBtn a{position:relative;max-width:100%;padding:0.85em 3.5em 0.85em 2em;border-radius:10px;background-color:#57a116;color:#fff;font-weight:700;font-size:1.8rem;line-height:1.2;}
a.linkBtn:hover,
.linkBtn a:hover{opacity:0.8;}
a.linkBtn:before,
.linkBtn a:before{content:"";display:block;position:absolute;top:0;bottom:0;left:calc(100% - 42px);width:22px;height:10px;margin:auto 0;background:url(/Portals/0/images/common/ico_linkbtn_white.png) bottom right
no-repeat;background-size:auto 100%;}
a.linkBtn:hover:before,
.linkBtn a:hover:before{width:32px;}
.skinBlue a.linkBtn,
.skinBlue .linkBtn a,
body a.linkBtn.linkBtnBlue,
body .linkBtn.linkBtnBlue a{background-color:#0352a1;}
.skinGreen a.linkBtn,
.skinGreen .linkBtn a,
body a.linkBtn.linkBtnGreen,
body .linkBtn.linkBtnGreen a{background-color:#6fba2c;}
.skinOrange a.linkBtn,
.skinOrange .linkBtn a,
body a.linkBtn.linkBtnOrange,
body .linkBtn.linkBtnOrange a{background-color:#ffa51f;}
.skinCorp a.linkBtn,
.skinCorp .linkBtn a,
body a.linkBtn.linkBtnCorp,
body .linkBtn.linkBtnCorp a{border-radius:0;background-color:#57a116;}
/* --- bulge --- */
a.linkBtn.externalLink:before,
.linkBtn.externalLink a:before,
.linkBtn a.externalLink:before{display:none;}
a.linkBtn.externalLink:after,
.linkBtn.externalLink a:after,
.linkBtn a.externalLink:after{content:"";display:block;position:absolute;top:0;right:20px;bottom:0;width:20px;height:20px;margin:auto 0;background:url(/Portals/0/images/common/ico_external_white.png) 0 0 no-repeat;}
/* --- bulge --- */
a.linkBtn.bulge,
.linkBtn.bulge a{padding:0.85em 3.5em 0.85em 2em;font-size:2.4rem;}
/* --- shrink --- */
a.linkBtn.shrink,
.linkBtn.shrink a{padding:0.85em 3.5em 0.85em 2em;font-size:1.6rem;}
a.linkBtn.shrink:before,
.linkBtn.shrink a:before{left:calc(100% - 1em - 22px);width:18px;height:8px;}
a.linkBtn.shrink:hover:before,
.linkBtn.shrink a:hover:before{width:26px;}
/* --- linkBtn + layoutItem --- */
.layoutItem a.linkBtn,
.layoutItem.linkBtn a{padding:0.85em 2.5em 0.85em 1em;}
ul.layoutItem > li > a.linkBtn,
ul.layoutItem.linkBtn > li > a{display:flex;height:100%;align-items:center;}
ul.layoutItem > li > a.linkBtn.centered,
ul.layoutItem.linkBtn.centered > li > a{justify-content:center;}
/* --- bulge --- */
.layoutItem.bulge a.linkBtn,
.layoutItem a.linkBtn.bulge,
.layoutItem.linkBtn.bulge a{padding:0.85em 3.5em 0.85em 2em;font-size:2.4rem;}
.layoutItem.bulge a.linkBtn:before,
.layoutItem.linkBtn.bulge a:before{left:calc(100% - 38px);}
/* --- shrink --- */
.layoutItem.shrink a.linkBtn,
.layoutItem a.linkBtn.shrink,
.layoutItem.linkBtn.shrink a{padding:0.85em 3.5em 0.85em 2em;font-size:1.6rem;}
.layoutItem.shrink a.linkBtn:before,
.layoutItem.linkBtn.shrink a:before{left:calc(100% - 1em - 22px);width:18px;height:8px;}
.layoutItem.shrink a.linkBtn:hover:before,
.layoutItem.linkBtn.shrink a:hover:before{width:26px;}
/* --- txtSmall --- */
a.linkBtn.txtSmall,
.linkBtn.txtSmall a,
.linkBtn.layoutItem.txtSmall a{font-size:1.4rem;}
/* --- txtLarge --- */
a.linkBtn.txtLarge,
.linkBtn.txtLarge a,
.linkBtn.layoutItem.txtLarge a{font-size:1.8rem;}
/* --- disable --- */
a.linkBtn.disable,
.linkBtn.disable a,
.linkBtn.layoutItem.disable a{background-color:#aaa;cursor:none;pointer-events:none;}
/* --- /company/recruit/ --- */
a.linkBtn.disable span,
.linkBtn.disable a span,
.linkBtn.layoutItem.disable a span{margin-left:1em;padding:0.4em;background:#777;font-weight:normal;font-size:1.4rem;line-height:1;}


/* linkTxt
------------------------------ */
a.linkTxt,
.linkTxt a{position:relative;padding:0 39px 0 0;}
a.linkTxt:hover,
.linkTxt a:hover{font-weight:700;}
a.linkTxt:before,
.linkTxt a:before{content:"";display:block;position:absolute;top:calc(1em - 10px);left:calc(100% - 28px);width:18px;height:10px;margin:0;background:url(/Portals/0/images/common/ico_linkbtn_green.png) bottom right
no-repeat;background-size:auto 100%;}
.skinBlue a.linkTxt:before,
.skinBlue .linkTxt a:before{background:url(/Portals/0/images/common/ico_linkbtn_blue.png) bottom right
no-repeat;}
.skinGreen a.linkTxt:before,
.skinGreen .linkTxt a:before{background:url(/Portals/0/images/common/ico_linkbtn_green.png) bottom right
no-repeat;}
.skinOrange a.linkTxt:before,
.skinOrange .linkTxt a:before{background:url(/Portals/0/images/common/ico_linkbtn_orange.png) bottom right
no-repeat;}
.skinCorp a.linkTxt:before,
.skinCorp .linkTxt a:before{background:url(/Portals/0/images/common/ico_linkbtn_green.png) bottom right
no-repeat;}
a.linkTxt:hover:before,
.linkTxt a:hover:before{width:28px;}

/* linkInpage
------------------------------ */
a.linkInpage,
.linkInpage a{position:relative;padding:13px 40px 12px;border:4px solid #57a116;border-radius:10px;background-color:#fff;color:#333;font-weight:700;font-size:1.8rem;line-height:1.5;text-decoration:none;text-align:left;}
a.linkInpage:hover,
.linkInpage a:hover{opacity:1;border-color:rgba(87, 161, 22, 0.8);background-color:#f5f9f1;}
a.linkInpage:before,
.linkInpage a:before{content:"";display:block;position:absolute;top:4px;right:inherit;bottom:0;left:16px;width:0;height:0;margin:auto 0;border-width:12px 8px 0 8px;border-color:#57a116 transparent transparent transparent;border-style:solid;transition-property:transform, border;}
a.linkInpage:hover:before,
.linkInpage a:hover:before{transform:translateY(2px);border-top-color:rgba(87, 161, 22, 0.8);}
/* --- color --- */
.skinBlue a.linkInpage,
.skinBlue .linkInpage a,
body a.linkInpage.linkInpageBlue,
body .linkInpage.linkInpageBlue a{border-color:#0352a1;}
.skinBlue a.linkInpage:hover,
.skinBlue .linkInpage a:hover,
body a.linkInpage.linkInpageBlue:hover,
body .linkInpage.linkInpageBlue a:hover{border-color:rgba(3, 82, 161, 0.8);background-color:#f0f5f9;}
.skinBlue a.linkInpage:before,
.skinBlue .linkInpage a:before,
body a.linkInpage.linkInpageBlue:before,
body .linkInpage.linkInpageBlue a:before{border-top-color:#0352a1;}
.skinBlue a.linkInpage:hover:before,
.skinBlue .linkInpage a:hover:before,
body a.linkInpage.linkInpageBlue:hover:before,
body .linkInpage.linkInpageBlue a:hover:before{border-top-color:rgba(3, 82, 161, 0.8);}
.skinGreen a.linkInpage,
.skinGreen .linkInpage a,
body a.linkInpage.linkInpageGreen,
body .linkInpage.linkInpageGreen a{border-color:#6fba2c;}
.skinGreen a.linkInpage:hover,
.skinGreen .linkInpage a:hover,
body a.linkInpage.linkInpageGreen:hover,
body .linkInpage.linkInpageGreen a:hover{border-color:rgba(111, 186, 44, 0.8);background-color:#f7fbf3;}
.skinGreen a.linkInpage:before,
.skinGreen .linkInpage a:before,
body a.linkInpage.linkInpageGreen:before,
body .linkInpage.linkInpageGreen a:before{border-top-color:#6fba2c;}
.skinGreen a.linkInpage:hover:before,
.skinGreen .linkInpage a:hover:before,
body a.linkInpage.linkInpageGreen:hover:before,
body .linkInpage.linkInpageGreen a:hover:before{border-top-color:rgba(111, 186, 44, 0.8);}
.skinOrange a.linkInpage,
.skinOrange .linkInpage a,
body a.linkInpage.linkInpageOrange,
body .linkInpage.linkInpageOrange a{border-color:#ffa51f;}
.skinOrange a.linkInpage:hover,
.skinOrange .linkInpage a:hover,
body a.linkInpage.linkInpageOrange:hover,
body .linkInpage.linkInpageOrange a:hover{border-color:rgba(255, 165, 31, 0.8);background-color:#fffaf2;}
.skinOrange a.linkInpage:before,
.skinOrange .linkInpage a:before,
body a.linkInpage.linkInpageOrange:before,
body .linkInpage.linkInpageOrange a:before{border-top-color:#ffa51f;}
.skinOrange a.linkInpage:hover:before,
.skinOrange .linkInpage a:hover:before,
body a.linkInpage.linkInpageOrange:hover:before,
body .linkInpage.linkInpageOrange a:hover:before{border-top-color:rgba(255, 165, 31, 0.8);}
body a.linkInpage.linkInpagePink,
body .linkInpage.linkInpagePink a{border-color:#d26079;}
body a.linkInpage.linkInpagePink:hover,
body .linkInpage.linkInpagePink a:hover{border-color:rgba(210, 96, 121, 0.8);background-color:rgba(210, 96, 121, 0.05);}
body a.linkInpage.linkInpagePink:before,
body .linkInpage.linkInpagePink a:before{border-top-color:#d26079;}
body a.linkInpage.linkInpagePink:hover:before,
body .linkInpage.linkInpagePink a:hover:before{border-top-color:rgba(210, 96, 121, 0.8);}
/* --- shrink --- */
a.linkInpage.shrink,
.linkInpage.shrink a{padding:10px 30px 10px;font-size:1.4rem;line-height:1.2;}
a.linkInpage.shrink:before,
.linkInpage.shrink a:before{top:2px;left:10px;border-width:10px 6px 0 6px;}
/* --- bulge --- */
a.linkInpage.bulge,
.linkInpage.bulge a{padding:15px 30px 14px 50px;font-size:1.8rem;}
a.linkInpage.bulge:before,
.linkInpage.bulge a:before{top:2px;left:20px;border-width:12px 8px 0 8px;}
/* --- linkInpage + layoutItem --- */
ul.layoutItem.linkInpage a,
ul.layoutItem a.linkInpage{display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
ul.layoutItem.linkInpage.alignLeft a,
ul.layoutItem.linkInpage a.alignLeft,
ul.layoutItem a.linkInpage.alignLeft{text-align:left;justify-content:flex-start;}

/* tableBasic
------------------------------ */
table.tableBasic{border-color:#ccc;line-height:1.4;}
table.tableBasic.marginLess{margin-bottom:0.5em;}
table.tableBasic caption{margin:0 0 2px;padding:0 5px;font-weight:700;text-align:left;}
table.tableBasic caption.alignCenter{text-align:center;}
table.tableBasic caption.alignRight{text-align:right;}
table.tableBasic > * > tr > th,
table.tableBasic > * > tr > td{padding:0.5em 0.75em;border-top:1px solid #ccc;border-bottom:1px solid #ccc !important;border-left:1px solid #ccc;text-align:left;word-break:break-all;border-bottom-width:1px !important;}
table.tableBasic > * > tr > th{background-color:#f2f2f2;}
/* --- thead --- */
table.tableBasic > thead > tr > th{background-color:#0352a1;color:#fff;font-size:1.8rem;text-align:center;}
.skinBlue table.tableBasic > thead > tr > th{background-color:#0352a1;}
.skinGreen table.tableBasic > thead > tr > th{background-color:#6fba2c;}
.skinOrange table.tableBasic > thead > tr > th{background-color:#ffa51f;}
/* --- colored --- */
table.tableBasic > * > tr > th.colored{background-color:#57a116;color:#fff;}
table.tableBasic > * > tr > td.colored{background-color:rgba(87, 161, 22, 0.15);}
.skinBlue table.tableBasic > * > tr > th.colored,
body table.tableBasic > * > tr > th.blueColored{background-color:#0352a1;}
.skinGreen table.tableBasic > * > tr > th.colored,
body table.tableBasic > * > tr > th.greenColored{background-color:#6fba2c;}
.skinOrange table.tableBasic > * > tr > th.colored,
body table.tableBasic > * > tr > th.orangeColored{background-color:#ffa51f;}
/* other color */
body table.tableBasic > * > tr > th.pinkColored{background-color:#d26079;}
body table.tableBasic > * > tr > th.yellowColored{background-color:#ccb249;}
body table.tableBasic > tbody > tr > th.blueColored{background-color:rgba(3, 82, 161, 0.15);}
body table.tableBasic > tbody > tr > th.greenColored{background-color:rgba(111, 186, 44, 0.15);}
body table.tableBasic > tbody > tr > th.orangeColored{background-color:rgba(255, 165, 31, 0.15);}
body table.tableBasic > tbody > tr > th.pinkColored{background-color:rgba(210, 96, 121, 0.15);}
body table.tableBasic > tbody > tr > th.yellowColored{background-color:rgba(204, 178, 73, 0.15);}
.skinBlue table.tableBasic > * > tr > td.colored,
body table.tableBasic > * > tr > td.blueColored{background-color:rgba(3, 82, 161, 0.15);}
.skinGreen table.tableBasic > * > tr > td.colored,
body table.tableBasic > * > tr > td.greenColored{background-color:rgba(111, 186, 44, 0.15);}
.skinOrange table.tableBasic > * > tr > td.colored,
body table.tableBasic > * > tr > td.orangeColored{background-color:rgba(255, 165, 31, 0.15);}
body table.tableBasic > * > tr > td.pinkColored{background-color:rgba(210, 96, 121, 0.15);}
body table.tableBasic > * > tr > td.yellowColored{background-color:rgba(204, 178, 73, 0.15);}
table.tableBasic > * > tr > td{background-color:#fff;}
table.tableBasic.bulge > * > tr > th,
table.tableBasic.bulge > * > tr > td{padding:1em 3em;}
table.tableBasic.shrink > * > tr > th,
table.tableBasic.shrink > * > tr > td{padding:0.3em 1em;}
table.tableBasic > * > tr > td > table.tableBasic{margin-bottom:0;}
table.tableBasic > * > tr > th > *:last-child,
table.tableBasic > * > tr > td > *:last-child{margin-bottom:0;}
/* --- tableHorizon --- */
table.tableBasic.tableHorizon{border-right:none;}
table.tableBasic.tableHorizon > * > tr > *{border-right:none;border-left:none;}
/* --- back color --- */
table.tableBasic > * > tr > th.backGreen,
table.tableBasic > * > tr > td.backGreen{background-color:#57a116;color:#fff;}
table.tableBasic > * > tr > th.backYellow,
table.tableBasic > * > tr > td.backYellow{background-color:#ffa51f;color:#fff;}
table.tableBasic > * > tr > th.backBlue,
table.tableBasic > * > tr > td.backBlue{background-color:#0352a1;color:#fff;}

/* boxColored & boxBordered
------------------------------ */
.boxColored{padding:2em;border-radius:10px;background-color:#f2f2f2;}
.boxColored.colorType{background-color:rgba(87, 161, 22, 0.15);}
.boxColored.shrink{padding:1em;}
.boxColored.bulge{padding:3em;}
.boxBordered{padding:1.5em;border:8px solid #f2f2f2;border-radius:10px;}
.boxBordered.colorType{border-color:rgba(87, 161, 22, 0.15);}
.boxBordered.shrink{padding:1em;}
.boxBordered.bulge{padding:2em;}
.skinCorp .boxColored,
.skinCorp .boxBordered{border-radius:0;}
/* --- colorType --- */
.skinBlue .boxColored.colorType,
body .boxColored.boxColorBlue{background-color:rgba(3, 82, 161, 0.15);}
.skinBlue .boxBordered.colorType,
body .boxBordered.boxColorBlue{border-color:rgba(3, 82, 161, 0.15);}
.skinGreen .boxColored.colorType,
body .boxColored.boxColorGreen{background-color:rgba(111, 186, 44, 0.15);}
.skinGreen .boxBordered.colorType,
body .boxBordered.boxColorGreen{border-color:rgba(111, 186, 44, 0.15);}
.skinOrange .boxColored.colorType,
body .boxColored.boxColorOrange{background-color:rgba(255, 165, 31, 0.15);}
.skinOrange .boxBordered.colorType,
body .boxBordered.boxColorOrange{border-color:rgba(255, 165, 31, 0.15);}
.skinCorp .boxColored.colorType,
body .boxColored.boxColorCorp{background-color:rgba(255, 165, 31, 0.15);}
.skinCorp .boxBordered.colorType,
body .boxBordered.boxColorCorp{border-color:rgba(255, 165, 31, 0.15);}
/* --- afterAllow ---*/
.boxColored.afterAllow,
.boxBordered.afterAllow{position:relative;margin-bottom:50px;}
.boxColored.afterAllow:after,
.boxBordered.afterAllow:after{content:"";display:block;position:absolute;top:calc(100% + 15px);right:0;left:0;width:0;height:0;margin:0 auto;border-width:20px 30px 0 30px;border-color:#f2f2f2 transparent transparent transparent;border-style:solid;}
.skinBlue .boxColored.afterAllow.colorType:after,
.skinBlue .boxBordered.afterAllow.colorType:after{border-top-color:rgba(3, 82, 161, 0.15);}
.skinGreen .boxColored.afterAllow.colorType:after,
.skinGreen .boxBordered.afterAllow.colorType:after{border-top-color:rgba(111, 186, 44, 0.15);}
.skinOrange .boxColored.afterAllow.colorType:after,
.skinOrange .boxBordered.afterAllow.colorType:after{border-top-color:rgba(255, 165, 31, 0.15);}
.skinCorp .boxColored.afterAllow.colorType:after,
.skinCorp .boxBordered.afterAllow.colorType:after{border-top-color:rgba(255, 165, 31, 0.15);}

/* rounded corners
------------------------------ */
.roundedCorners10{border-radius:10px;}
.roundedCorners20{border-radius:20px;}

/* definitionList
------------------------------ */
dl.definitionList{display:flex;margin:0 0 20px;align-items:stretch;}
dl.definitionList > dt{display:flex;flex:0 0 22%;margin:0 4px 0 0;padding:15px 20px;border-radius:20px 0 0 20px;background-color:rgba(87, 161, 22, 0.15);font-weight:700;font-size:1.8rem;line-height:1.2;text-align:center;justify-content:center;align-items:center;}
dl.definitionList > dt.alignLeft{text-align:left;justify-content:flex-start;}
dl.definitionList > dd{flex:1 1 auto;margin:0;padding:15px 20px;border-radius:0 20px 20px 0;background-color:#f2f2f2;}
.skinBlue dl.definitionList > dt,
body dl.definitionList > dt.blueType{background-color:rgba(3, 82, 161, 0.15);}
.skinGreen dl.definitionList > dt,
body dl.definitionList > dt.greenType{background-color:rgba(111, 186, 44, 0.15);}
.skinOrange dl.definitionList > dt,
body dl.definitionList > dt.orangeType{background-color:rgba(255, 165, 31, 0.15);}
.skinCorp dl.definitionList > dt{background-color:rgba(255, 165, 31, 0.15);}
.skinCorp dl.definitionList > dt,
.skinCorp dl.definitionList > dd{border-radius:0;}

/* ===========================================================
 header
=========================================================== */
/* headLink
------------------------------ */
ul.headLink{list-style-type:none;margin:0;padding:0;}
ul.headLink li{display:none;margin:0;padding:0;background-color:#fff;}
ul.headLink li a{display:flex;width:80px;height:80px;padding:1em 0.25em 1em;background-color:#333;color:#fff;font-size:1.2rem;text-decoration:none;text-align:center;justify-content:center;align-items:flex-end;}
ul.headLink li.contactBtn a{background:#57a116 url(/Portals/0/images/common/ico_contact.png) center 20px
no-repeat;}
/* --- color --- */
.skinBlue ul.headLink li.contactBtn a{background-color:#0352a1;}
.skinGreen ul.headLink li.contactBtn a{background-color:#6fba2c;}
.skinOrange ul.headLink li.contactBtn a{background-color:#ffa51f;}
.skinCorp ul.headLink li.contactBtn a{background-color:#57a116;}
.skinDefault ul.headLink li.contactBtn.default,
.skinBlue ul.headLink li.contactBtn.newCustomer,
.skinGreen ul.headLink li.contactBtn.support,
.skinOrange ul.headLink li.contactBtn.communityChannel,
.skinCorp ul.headLink li.contactBtn.corporatesite{display:block;}

/* ===========================================================
 footer
=========================================================== */
/* footLink
------------------------------ */
ul.footLink{list-style-type:none;margin:25px 0 5px;padding:0;}
ul.footLink:after{content:"";display:block;clear:both;}
ul.footLink li{float:left;margin:0 40px 20px 0;padding:0;}
ul.footLink li:nth-child(5n + 1){clear:both;}
ul.footLink li a{display:block;position:relative;padding:0 0 0 16px;color:#333;font-size:1.4rem;line-height:1.4;text-decoration:none;}
ul.footLink li a:hover{text-decoration:underline;}
ul.footLink li a:before{content:"";display:block;position:absolute;top:calc(0.7em - 5px);left:0;width:0;height:0;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #56a016;border-style:solid;}

/* footInfo
------------------------------ */
.footInfo{display:flex;justify-content:flex-start;align-items:center;}
.footInfo .fSns{margin:0 40px 0 0;}
.footInfo .fSns > p{margin:0 0 12px;padding:0;font-weight:700;font-size:1.4rem;text-align:center;letter-spacing:0.025em;}
.footInfo .fSns > ul{display:flex;list-style-type:none;margin:0;padding:0;justify-content:center;align-items:center;}
.footInfo .fSns > ul > li{overflow:hidden;width:32px;height:32px;margin:0 24px 0 0;padding:0;}
.footInfo .fSns > ul > li:last-child{margin-right:0;}
.footInfo .fSns > ul > li img{display:block;}

/* ===========================================================
 module - news
=========================================================== */
/* newsListIndex
------------------------------ */
.newsList.newsListIndex{display:flex;overflow:hidden;flex-direction:column;padding:40px 10px 40px 60px;border-radius:20px;background-color:#f2f2f2;}
.newsList.newsListIndex .title{display:flex;flex:0 1 auto;margin:0 0 30px;padding:0 50px 0 0;justify-content:space-between;align-items:flex-end;}
.newsList.newsListIndex .title h2{margin:0;padding:0;border:none;color:#0352a1;font-size:3.2rem;}
.newsList.newsListIndex .title .linkTxt{margin:0;padding:0;}
.newsList.newsListIndex .newsBox{overflow:hidden;position:relative;flex:1 1 100%;}
.newsList.newsListIndex .list ul{list-style-type:none;padding:0 10px 0 0;}
.newsList.newsListIndex .list ul li{margin:0 0 40px;padding:0;font-size:1.8rem;line-height:1.2;}
.newsList.newsListIndex .list ul li:last-child{margin-bottom:0;}
.newsList.newsListIndex .list ul li .newsDate{display:flex;margin:0 0 10px;font-weight:700;line-height:1em;align-items:center;}
.newsList.newsListIndex .list ul li .newsDate .date{display:block;}
.newsList.newsListIndex .list ul li .newsDate img{display:block;margin:2px 0 0 15px;vertical-align:middle;}
.newsList.newsListIndex .list ul li .newsTitle a{display:inline-block;color:#333;line-height:1.2;text-decoration:none;}
.newsList.newsListIndex .list ul li .newsTitle a:hover{text-decoration:underline;}

/* ===========================================================
 module - AnnouncementCategory
=========================================================== */
/* AnnouncementCategory
------------------------------ */
ul.AnnouncementCategory.ulList_vertical{display:flex;list-style-type:none;margin:0 0 1em;padding:0;}
ul.AnnouncementCategory.ulList_vertical li{display:block;flex:1 1 auto;max-width:12em;margin:0 10px 10px 0;}
ul.AnnouncementCategory.ulList_vertical li:first-child{display:none;}
ul.AnnouncementCategory.ulList_vertical li a{padding:9px 1.5em 10px;border-radius:10px;background-color:#57a116;color:#fff;font-weight:500;line-height:1.2;text-decoration:none;text-align:center;letter-spacing:0.02em;}
.skinBlue ul.AnnouncementCategory.ulList_vertical li a{background-color:#0352a1;}
.skinGreen ul.AnnouncementCategory.ulList_vertical li a{background-color:#6fba2c;}
.skinOrange ul.AnnouncementCategory.ulList_vertical li a{background-color:#ffa51f;}
.skinCorp ul.AnnouncementCategory.ulList_vertical li a{background-color:#333;}
ul.AnnouncementCategory.ulList_vertical li.currentItem a{padding:6px 1.5em;border:2px solid #57a116;background-color:#fff;color:#57a116;pointer-events:none;}

/* backnumberCategory
------------------------------ */
.backnumberCategory ul.AnnouncementCategory.ulList_vertical li{flex:0 1 auto;width:8em;max-width:8em;}
.backnumberCategory ul.AnnouncementCategory.ulList_vertical li:first-child{display:block;}
.backnumberCategory ul.AnnouncementCategory.ulList_vertical li:last-child{margin-right:0;}
.backnumberCategory ul.AnnouncementCategory.ulList_vertical li a{padding:9px 1em 10px;}

/* ===========================================================
 module - newsList
=========================================================== */
/* newsList
------------------------------ */
.icmdtp-newsItem ul.newsList .newsDate{width:auto;margin:0 1em 0 0;}
.icmdtp-newsItem ul.newsList .newsTitle a{color:#333;text-decoration:none;}
.icmdtp-newsItem ul.newsList .newsTitle a:hover{color:#57a116;text-decoration:underline;}
.skinBlue .icmdtp-newsItem ul.newsList .newsTitle a:hover{color:#0352a1;}
.skinGreen .icmdtp-newsItem ul.newsList .newsTitle a:hover{color:#57a116;}
.skinOrange .icmdtp-newsItem ul.newsList .newsTitle a:hover{color:#ffa51f;}
.skinCorp .icmdtp-newsItem ul.newsList .newsTitle a:hover{color:#57a116;}

/* ===========================================================
 module - newsDetail
=========================================================== */
/* newsDetail
------------------------------ */
.icmdtp-newsItem .newsDetail .newsDate{float:left;width:auto;margin:0 1em 30px 0;}
.icmdtp-newsItem .newsDetail .newsCategory{float:left;margin:0 0 30px;}
.icmdtp-newsItem .newsDetail .newsCategory:after{content:"";display:block;clear:both;}
.icmdtp-newsItem .newsDetail .newsCategory span{display:block;margin:0;padding:0.25em 1em;border-radius:5px;background-color:#57a116;color:#fff;font-size:1.2rem;}
.skinBlue .icmdtp-newsItem .newsDetail .newsCategory span{background-color:#0352a1;}
.skinGreen .icmdtp-newsItem .newsDetail .newsCategory span{background-color:#6fba2c;}
.skinOrange .icmdtp-newsItem .newsDetail .newsCategory span{background-color:#ffa51f;}
.skinCorp .icmdtp-newsItem .newsDetail .newsCategory span{background-color:#333;}
.icmdtp-newsItem .newsDetail .newsTitle{clear:both;margin:1em 0 0.5em;font-size:2.8rem;}
.icmdtp-newsItem .newsDetail .newsDescription{}
.icmdtp-newsItem .newsDetail .newsBackLink.linkBtn{}

/* ===========================================================
 module - SearchResults
=========================================================== */
/* SearchResultsTitle
------------------------------ */
h3.SearchResultsTitle{padding:0 0 0 30px;}
h3.SearchResultsTitle a{display:block;text-decoration:none;}

/* ===========================================================
 module - ulPaging
=========================================================== */
/* ulPaging
------------------------------ */
ul.ulList_vertical.ulPaging{display:flex;margin:0 0 30px;padding:0;justify-content:center;align-items:flex-start;flex-wrap:wrap;}
ul.ulList_vertical.ulPaging li{margin:0 5px 5px 0;padding:0;border:none;}
ul.ulList_vertical.ulPaging li:last-child{margin-right:0;}
ul.ulList_vertical.ulPaging li a{display:block;padding:7px 10px 9px;border:none;background-color:#eee;color:#666;transition-delay:0s;transition-timing-function:ease-in-out;transition-duration:0.3s;transition-property:opacity, border, background, color, width, height,
font-size, padding;}
ul.ulList_vertical.ulPaging li:hover a,
ul.ulList_vertical.ulPaging li a:hover{border:none;background-color:#eee;color:#57a116;}
ul.ulList_vertical.ulPaging li.Current{padding:7px 10px 9px;border:none;background-color:#57a116;color:#fff;font-weight:400;}
ul.ulList_vertical.ulPaging li.Prev a,
ul.ulList_vertical.ulPaging li.Next a{padding:8px 10px 10px;font-size:1.6rem;}
.skinBlue ul.ulList_vertical.ulPaging li:hover a,
.skinBlue ul.ulList_vertical.ulPaging li a:hover{color:#0352a1;}
.skinBlue ul.ulList_vertical.ulPaging li.Current{background-color:#0352a1;}
.skinGreen ul.ulList_vertical.ulPaging li:hover a,
.skinGreen ul.ulList_vertical.ulPaging li a:hover{color:#6fba2c;}
.skinGreen ul.ulList_vertical.ulPaging li.Current{background-color:#6fba2c;}
.skinOrange ul.ulList_vertical.ulPaging li:hover a,
.skinOrange ul.ulList_vertical.ulPaging li a:hover{color:#ffa51f;}
.skinOrange ul.ulList_vertical.ulPaging li.Current{background-color:#ffa51f;}
.skinCorp ul.ulList_vertical.ulPaging li:hover a,
.skinCorp ul.ulList_vertical.ulPaging li a:hover{color:#333;}
.skinCorp ul.ulList_vertical.ulPaging li.Current{background-color:#333;}

/* ===========================================================
 module - siteMap
=========================================================== */
/* siteMap
------------------------------ */
ul.ulList_horizon.siteMap,
ul.ulList_horizon.siteMap ul,
ul.ulList_horizon.siteMap li{list-style:none;margin:0;padding:0;}
/* --- 1st --- */
ul.ulList_horizon.siteMap li{margin:0 0 10px;}
ul.ulList_horizon.siteMap li a,
ul.ulList_horizon.siteMap li span{display:block;margin:0;padding:0.25em 0.75em;background-color:#57a116;color:#fff;font-weight:700;font-size:2.2rem;text-decoration:none;}
/* --- 2nd --- */
ul.ulList_horizon.siteMap ul{margin:0 0 0 1em;}
ul.ulList_horizon.siteMap ul li{margin:0;}
ul.ulList_horizon.siteMap ul li a,
ul.ulList_horizon.siteMap ul li span{position:relative;margin:0.75em 0 0;padding:0 0.5em 0.25em;border-bottom:2px solid #57a116;background-color:transparent;color:#57a116;font-size:2rem;}
ul.ulList_horizon.siteMap ul li span{color:#999;}
ul.ulList_horizon.siteMap ul li a:hover{opacity:1;color:#57a116;}
/* --- 3rd --- */
ul.ulList_horizon.siteMap ul ul{margin:0 0 0 1.25em;}
ul.ulList_horizon.siteMap ul ul li a,
ul.ulList_horizon.siteMap ul ul li span{margin-top:0.5em;padding:0 0.25em 0.25em;border-bottom:1px solid rgba(51, 51, 51, 0.3);color:#333;font-weight:500;font-size:1.8rem;}
ul.ulList_horizon.siteMap ul ul li span{color:#999;}
/* --- 4th --- */
ul.ulList_horizon.siteMap ul ul ul li a,
ul.ulList_horizon.siteMap ul ul ul li span{font-weight:400;font-size:1.6rem;}
/* --- 5th --- */
ul.ulList_horizon.siteMap ul ul ul ul li a,
ul.ulList_horizon.siteMap ul ul ul ul li span{position:relative;padding:0 0 0 18px;border:none;font-size:1.5rem;}

/* ===========================================================
 js
=========================================================== */
/* scrollWrap(x scroll table)
------------------------------ */
.scrollWrap{overflow:auto;margin:0 0 2em;}
.scrollWrap > table.scrollTable{width:auto;max-width:inherit;margin:0;}
.scrollWrap > table.scrollTable > *:first-child > tr > th{white-space:nowrap;}

/* scrollable(top page scroll custom)
------------------------------ */
.scrollable{overflow:hidden;overflow-y:scroll;max-height:100%;margin-right:-17px;padding-right:17px;-webkit-overflow-scrolling:touch;}
.scrollable.is-scrollbar{padding-right:0;}
.scrollbar{overflow:hidden;position:absolute;top:0;right:0;bottom:0;z-index:10;width:8px;border-radius:8px;background-color:#fff;}
.scrollbar-thumb{min-height:50px;border-radius:8px;background-color:rgba(4, 95, 186, 0.4);transition:opacity 0.3s ease-in-out;}
.scrollbar-thumb:hover{opacity:0.8;}
.adjustment{margin-right:8px;}

/* burgerMotion headSearchBtn
------------------------------ */
.burgerMotion.headSearchBtn{display:flex;position:relative;z-index:90;width:80px;height:80px;padding:1em 0.25em 1em;background:#333;color:#fff;font-size:1.2rem;text-decoration:none;transition:opacity 0.3s ease-in-out;justify-content:center;align-items:flex-end;}
.burgerMotion.headSearchBtn:hover{opacity:0.8;}
.burgerMotion.headSearchBtn:before{content:"";display:block;position:absolute;top:20px;right:0;left:0;width:24px;height:24px;margin:0 auto;background:url(/Portals/0/images/common/ico_search.png) 0 0 no-repeat;transition:opacity 0.3s ease-in-out 0.4s;}
.burgerMotion.headSearchBtn p{position:static;width:100%;height:auto;font-size:1rem;text-align:center;transition:opacity 0.3s ease-in-out 0.4s;}
.burgerMotion.headSearchBtn div{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:60px;height:60px;margin:0 auto;margin:auto;padding:0;transition:opacity 0.3s ease-in-out 0.4s;}
.burgerMotion.headSearchBtn div span{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:34px;height:3px;margin:auto;border-radius:3px;background-color:#fff;vertical-align:middle;transition:background 0.25s ease-in-out 0.25s;}
.burgerMotion.headSearchBtn div span:before,
.burgerMotion.headSearchBtn div span:after{content:"";display:block;position:absolute;left:0;width:100%;height:3px;border-radius:3px;transition:transform ease-in-out 0.25s 0s, margin ease-in-out 0.25s 0.25s;}
.burgerMotion.headSearchBtn div span:before{margin-top:-9px;background-color:#fff;}
.burgerMotion.headSearchBtn div span:after{margin-top:9px;background-color:#fff;}
/* --- navOpen --- */
.navOpen .burgerMotion.headSearchBtn:before{opacity:0;transition:opacity 0.3s ease-in-out 0s;}
.navOpen .burgerMotion.headSearchBtn div{opacity:1;transition:opacity 0.3s ease-in-out 0s;}
.navOpen .burgerMotion.headSearchBtn div span{background-color:rgba(255, 255, 255, 0);transition:background 0.25s ease-in-out 0s;}
.navOpen .burgerMotion.headSearchBtn div span:before{transform:rotate(45deg);margin-top:0;transition:transform ease-in-out 0.25s 0.25s, margin ease-in-out 0.25s;}
.navOpen .burgerMotion.headSearchBtn div span:after{transform:rotate(-45deg);margin-top:0;transition:transform ease-in-out 0.25s 0.25s, margin ease-in-out 0.25s;}
.navOpen .burgerMotion.headSearchBtn p{opacity:0;transition:opacity 0.3s ease-in-out 0s;}
/* --- burgerOverlay --- */
[data-burger="headSearchBtn"] .burgerOverlay{z-index:70;background:transparent;}

/* acc-title
------------------------------ */
.acc-title{position:relative;margin:15px 0 0;padding:4px 50px 4px 20px;border:8px solid #f2f2f2;border-radius:10px;background-color:#f2f2f2;color:#333;font-weight:700;font-size:1.8rem;cursor:pointer;transition:color 0.3s ease-in-out, border-radius 0.15s ease-in-out 0.15s;}
.acc-title:hover{color:#999;}
.acc-title.open{border-radius:10px 10px 0 0;}
.acc-title > span{position:absolute;top:0;right:24px;bottom:0;width:16px;height:16px;margin:auto 0;}
.acc-title > span:before,
.acc-title > span:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:2px;margin:auto;background-color:#333;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.acc-title > span:after{transform:rotate(90deg);}
.acc-title.open > span:before{opacity:0;}
.acc-title.open > span:after{transform:rotate(180deg);}
.acc-title.txtLarge{font-size:2.4rem;}
.acc-title + .acc-item{display:none;padding:20px;border:8px solid #f2f2f2;border-top:none;border-radius:0 0 10px 10px;}
.infocmsEditor .acc-title + .acc-item{display:block;}
.acc-title + .acc-item > *:last-child{margin-bottom:0;}
/* --- categoryBlue --- */
.acc-title.colorBlue{border-color:#0352a1;background-color:#0352a1;color:#fff;}
.acc-title.colorBlue:hover{color:#eee;}
.acc-title.colorBlue + .acc-item{border-color:#0352a1;}
.acc-title.colorBlue > span:before,
.acc-title.colorBlue > span:after{background-color:#fff;}
/* --- categoryGreen --- */
.acc-title.colorGreen{border-color:#7fc740;background-color:#7fc740;color:#fff;}
.acc-title.colorGreen:hover{color:#eee;}
.acc-title.colorGreen + .acc-item{border-color:#7fc740;}
.acc-title.colorGreen > span:before,
.acc-title.colorGreen > span:after{background-color:#fff;}
/* --- categoryOrange --- */
.acc-title.colorOrange{border-color:#fda41f;background-color:#fda41f;color:#fff;}
.acc-title.colorOrange:hover{color:#eee;}
.acc-title.colorOrange + .acc-item{border-color:#fda41f;}
.acc-title.colorOrange > span:before,
.acc-title.colorOrange > span:after{background-color:#fff;}

/* ===========================================================
 megamenu - js
=========================================================== */
/* megaItemWrap
------------------------------ */
/* body.megaAct{overflow:hidden;} */
.megaItemWrap{position:relative;}
.megaItemWrap > *{display:none;position:absolute;top:0;left:0;width:100%;width:calc(100% - 40px);min-width:1240px;margin: 38px 20px 0;padding: 0;}
.megaItemWrap .inner{width:100%;max-width:1200px;}
.megaItemWrap .innerWrap{width:100%;padding:40px 20px;background:#ccc;color:#fff;overflow: auto;max-height: calc(100vh - 136px);}
.editMode .megaItemWrap .innerWrap{
    max-height: calc(100vh - 300px);
}
.megaItemWrap .Tab101 .innerWrap{background:#0352a1;}
.megaItemWrap .Tab144 .innerWrap{background:#6fba2c;}
.megaItemWrap .Tab165 .innerWrap{background:#ffa51f;}
.megaItemWrap .Tab179 .innerWrap{background:#333;}

/* megaList
------------------------------ */
ul.megaList{list-style-type:none;margin:0 auto;padding:0;}
ul.megaList ul{margin:0;padding:0;}
ul.megaList li{list-style:none;margin:0;padding:0;font-size:1.6rem;}
ul.megaList li > span,
ul.megaList li > a{display:inline-block;position:relative;color:#333;font-size:1.6rem;text-decoration:none;}
ul.megaList li > a:hover{text-decoration:underline;}
/* --- 1st --- */
ul.megaList > li > a{margin-bottom:1em;padding:0.25em 3em 0.25em 1em;border-radius:10px;background-color:#fff;color:#333;font-weight:bold;font-size:2.6rem;}
.Tab101 ul.megaList > li > a{color:#0352a1;}
.Tab144 ul.megaList > li > a{color:#6fba2c;}
.Tab165 ul.megaList > li > a{color:#ffa51f;}
.Tab179 ul.megaList > li > a{color:#333;}
ul.megaList > li > a:hover{text-decoration:none;}
ul.megaList > li > a:before{content:"";display:block;position:absolute;top:0;bottom:0;left:calc(100% - 44px);width:22px;height:10px;margin:auto 0;background:url(/Portals/0/images/common/ico_linkbtn_black.png) bottom right no-repeat;background-size:auto 100%;}
.Tab101 ul.megaList > li > a:before{background:url(/Portals/0/images/common/ico_linkbtn_blue.png) bottom right no-repeat;}
.Tab144 ul.megaList > li > a:before{background:url(/Portals/0/images/common/ico_linkbtn_green.png) bottom right no-repeat;}
.Tab165 ul.megaList > li > a:before{background:url(/Portals/0/images/common/ico_linkbtn_orange.png) bottom right no-repeat;}
.Tab179 ul.megaList > li > a:before{background:url(/Portals/0/images/common/ico_linkbtn_black.png) bottom right no-repeat;}
ul.megaList > li > a:hover:before{width:32px;}
/* --- 2nd --- */
ul.megaList > li > ul{display:flex;flex-wrap:wrap;}
ul.megaList > li > ul > li{width:24.25%;margin-right:1%;margin-bottom:1rem;padding: 15px 15px 13px;border-radius:10px;background:#fff;}
ul.megaList > li > ul > li:nth-child(4n){margin-right:0;}
ul.megaList > li > ul > li > span,
ul.megaList > li > ul > li > a{padding-right:35px;font-weight:bold;font-size:2rem;line-height:1.2;}
ul.megaList > li > ul > li > a .txtSmall{display:inline-block;margin:4px 0 0;font-size:1.4rem;line-height:1.2;}
ul.megaList > li > ul > li > a:hover{text-decoration:none;}
ul.megaList > li > ul > li > a:before{content:"";display:block;position:absolute;top:1rem;left:calc(100% - 25px);width:15px;height:6px;}
ul.megaList > li > ul > li > a:hover:before{width:25px;}
/* --- taret blank ---  */
ul.megaList > li > ul > li > a[target*="blank"]:before{display:none;}
ul.megaList > li > ul > li > a[target*="blank"]:after{content:"";display:inline-block;position:relative;top:-4px;width:13px;height:13px;margin:0 0 0 8px;background:url(/Portals/0/images/common/ico_external_mega.png) 0 0 no-repeat;vertical-align:middle;}
.Tab101 ul.megaList > li > ul > li > span,
.Tab101 ul.megaList > li > ul > li > a{color:#034587;}
.Tab101 ul.megaList > li > ul > li > a:before{background:url(/Portals/0/images/common/ico_megamenu_arrow_blue.png) bottom right no-repeat;background-size:auto 100%;}
.Tab144 ul.megaList > li > ul > li > span,
.Tab144 ul.megaList > li > ul > li > a{color:#57a116;}
.Tab144 ul.megaList > li > ul > li > a:before{background:url(/Portals/0/images/common/ico_megamenu_arrow_green.png) bottom right no-repeat;background-size:auto 100%;}
.Tab165 ul.megaList > li > ul > li > span,
.Tab165 ul.megaList > li > ul > li > a{color:#eb7b05;}
.Tab165 ul.megaList > li > ul > li > a:before{background:url(/Portals/0/images/common/ico_megamenu_arrow_orange.png) bottom right no-repeat;background-size:auto 100%;}
.Tab179 ul.megaList > li > ul > li > span,
.Tab179 ul.megaList > li > ul > li > a{color:#333;}
.Tab179 ul.megaList > li > ul > li > a:before{background:url(/Portals/0/images/common/ico_megamenu_arrow_black.png) bottom right no-repeat;background-size:auto 100%;}
/* --- 3rd --- */
ul.megaList > li > ul > li > span + ul,
ul.megaList > li > ul > li > a + ul{margin-top: 0.5rem;}
ul.megaList > li > ul > li > ul > li{padding: 0.1rem 0;}
ul.megaList > li > ul > li > ul > li > a{padding-left:1rem;line-height:1.125;}
ul.megaList > li > ul > li > ul > li > a:before{content:"";display:block;position:absolute;top:0.5rem;left:0;width:0;height:0;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #57a116;border-style:solid;}
ul.megaList > li > ul > li > ul > li ul{display:none;}
/* --- taret blank ---  */
ul.megaList > li > ul > li > ul > li > a[target*="blank"]:after{content:"";display:inline-block;position:relative;top:-2px;width:13px;height:13px;margin:0 0 0 8px;background:url(/Portals/0/images/common/ico_external_mega.png) 0 0 no-repeat;vertical-align:middle;}

/* megaMenuOverlay
------------------------------ */
.megaMenuOverlay{position:fixed;top:0;left:0;z-index:90;width:100%;background:rgba(0, 0, 0, 0.3);}

/* megaMenuCloseBtn
------------------------------ */
.megaMenuCloseBtn{display:block;overflow:hidden;position:absolute;top:48px;right:30px;width:40px;height:40px;border-radius:6px;background-color:#fff;color:#333;white-space:nowrap;text-indent:200%;cursor: pointer;transition:opacity 0.3s ease-in-out;}
.megaMenuCloseBtn:hover{opacity: 0.7;}
.megaMenuCloseBtn:before,
.megaMenuCloseBtn:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(45deg);width:80%;height:4px;margin:auto;border-radius:10px;background-color:#333;}
.megaMenuCloseBtn:after{transform:rotate(-45deg);}
.Tab101 .megaMenuCloseBtn:before,
.Tab101 .megaMenuCloseBtn:after{background-color:#034587;}
.Tab144 .megaMenuCloseBtn:before,
.Tab144 .megaMenuCloseBtn:after{background-color:#57a116;}
.Tab165 .megaMenuCloseBtn:before,
.Tab165 .megaMenuCloseBtn:after{background-color:#eb7b05;}

/* skinCorp megaItemWrap
------------------------------ */
.skinCorp .megaItemWrap > *{padding:0;}

/* ===========================================================
 common
=========================================================== */
/* fixedBannerWrap(global)
------------------------------ */
.fixedBannerWrap{position:fixed;right:0;bottom:0;left:0;z-index:85;width:100%;margin:0 auto;border-top:2px solid #b3b3b3;background-size:4px 4px;background-color:#f2f2f2;background-image:linear-gradient(
45deg,
#e3e3e3 25%,
transparent 25%,
transparent 75%,
#e3e3e3 75%,
#e3e3e3
),
linear-gradient(
45deg,
#e3e3e3 25%,
transparent 25%,
transparent 75%,
#e3e3e3 75%,
#e3e3e3
);background-position:0 0, 2px 2px;}
.fixedBannerWrap.fix{top:0;bottom:inherit;}
.fixedBannerWrap:not([style]){position:absolute;top:0;bottom:inherit;}
.editMode .fixedBannerWrap{position:static !important;}
.fixedBannerWrap ul{display:flex;list-style-type:none;position:relative;left:0;width:1240px;margin:0 auto;padding:20px;justify-content:space-between;align-items:center;}
.fixedBannerWrap ul li{overflow:hidden;flex:1 1 50%;margin:0 60px 0 0;padding:0;border-radius:10px;}
.fixedBannerWrap ul li:nth-child(2n){margin-right:0;}
.fixedBannerWrap ul li a{display:block;position:relative;padding:13px 60px;background-color:#666;color:#000;font-weight:700;font-size:2rem;text-decoration:none;text-align:center;}
.fixedBannerWrap ul li.priceSimu a{background-color:#ffa51f;}
.fixedBannerWrap ul li.newApp a{background-color:#0352a1;}
.fixedBannerWrap ul li.newApp2 a{background-color:#ffff00;}
.fixedBannerWrap ul li.newApp3 a{background-color:#d10d62;}
.fixedBannerWrap ul li a:before{content:"";display:block;position:absolute;top:0;bottom:0;left:30px;width:27px;margin:auto 0;}
.fixedBannerWrap ul li.priceSimu a:before{height:34px;background:url(/Portals/0/images/common/ico_calc.png) 0 0 no-repeat;}
.fixedBannerWrap ul li.newApp a:before{height:30px;background:url(/Portals/0/images/common/ico_pen.png) 0 0 no-repeat;}
.fixedBannerWrap ul li a:after{content:"";display:block;position:absolute;top:0;bottom:0;left:calc(100% - 50px);width:22px;height:10px;margin:auto 0;background:url(/Portals/0/images/common/ico_linkbtn_black.png) bottom right
no-repeat;background-size:auto 100%;}
.fixedBannerWrap ul li a:hover:after{width:32px;}

/* campaignContent(top page)
------------------------------ */
.campaignContent{padding:110px 0 120px;}
/* --- slider --- */
.campaignContent .slick-list.draggable{overflow:visible;margin:0 -10px;}
.campaignContent .slick-slide{margin:0 10px;}
.campaignContent .slick-arrow{overflow:hidden;position:absolute;top:80px;z-index:1;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:20px;outline:none;background:#fff url(/Portals/0/images/common/ico_slider_arrow.png) center
center no-repeat;white-space:nowrap;text-indent:200%;}
.skinGreen .campaignContent .slick-arrow{background:#fff url(/Portals/0/images/common/ico_slider_arrow_green.png)
center center no-repeat;}
.campaignContent .slick-arrow:hover{opacity:0.7;}
.campaignContent .slick-arrow.slick-prev{left:-20px;}
.campaignContent .slick-arrow.slick-next{right:-20px;transform:rotate(180deg);}
/* --- item --- */
.campaignContent .slickSlider{margin:0 0 60px;}
.campaignContent .slickSlider .img{overflow:hidden;margin:0 0 15px;border-radius:20px;}
.campaignContent .slickSlider .img img{display:block;width:100%;}
.campaignContent .slickSlider .title{margin:0 0 15px;padding:0 20px;color:#034587;font-weight:700;font-size:2.4rem;line-height:1.2;}
.skinBlue .campaignContent .slickSlider .title{color:#0352a1;}
.skinGreen .campaignContent .slickSlider .title{color:#6fba2c;}
.skinOrange .campaignContent .slickSlider .title{color:#ffa51f;}
.skinCorp .campaignContent .slickSlider .title{color:#333;}
.campaignContent .slickSlider .title a{text-decoration:none;}
.campaignContent .slickSlider .txt{margin:0;padding:0 20px;line-height:1.5;}
/* --- linkBtn --- */
.campaignContent .linkBtn{margin:0;text-align:center;}
.campaignContent .linkBtn a{padding:16px 80px 16px 100px;padding-right:80px;padding-left:100px;}
.campaignContent .linkBtn a:before{left:calc(100% - 42px);}
.campaignContent .linkBtn a:after{content:"";display:block;position:absolute;top:0;bottom:0;left:24px;width:45px;height:32px;margin:auto 0;background:url(/Portals/0/images/new/index/ico_campaign_01.png) 0 0 no-repeat;}

/* recommendedProgramsContent(top page)
------------------------------ */
.recommendedProgramsContent{padding:110px 0 120px;}
/* --- slider --- */
.recommendedProgramsContent .slick-list.draggable{overflow:visible;margin:0 -10px;}
.recommendedProgramsContent .slick-slide{overflow:hidden;margin:0 10px;border-radius:20px;background-size:4px 4px;background-color:#0352a1;background-image:linear-gradient(
45deg,
#034689 25%,
transparent 25%,
transparent 75%,
#034689 75%,
#034689
),
linear-gradient(
45deg,
#034689 25%,
transparent 25%,
transparent 75%,
#034689 75%,
#034689
);background-position:0 0, 2px 2px;}
.skinBlue .recommendedProgramsContent .slick-slide{background-size:4px 4px;background-color:#0352a1;background-image:linear-gradient(
45deg,
#034689 25%,
transparent 25%,
transparent 75%,
#034689 75%,
#034689
),
linear-gradient(
45deg,
#034689 25%,
transparent 25%,
transparent 75%,
#034689 75%,
#034689
);background-position:0 0, 2px 2px;}
.skinGreen .recommendedProgramsContent .slick-slide{background-size:4px 4px;background-color:#6fba2c;background-image:linear-gradient(
45deg,
#84c44b 25%,
transparent 25%,
transparent 75%,
#84c44b 75%,
#84c44b
),
linear-gradient(
45deg,
#84c44b 25%,
transparent 25%,
transparent 75%,
#84c44b 75%,
#84c44b
);background-position:0 0, 2px 2px;}
.skinOrange .recommendedProgramsContent .slick-slide{background-size:4px 4px;background-color:#ffa51f;background-image:linear-gradient(
45deg,
#ffb240 25%,
transparent 25%,
transparent 75%,
#ffb240 75%,
#ffb240
),
linear-gradient(
45deg,
#ffb240 25%,
transparent 25%,
transparent 75%,
#ffb240 75%,
#ffb240
);background-position:0 0, 2px 2px;}
.skinCorp .recommendedProgramsContent .slick-slide{background-size:4px 4px;background-color:#444;background-image:linear-gradient(
45deg,
#606060 25%,
transparent 25%,
transparent 75%,
#606060 75%,
#606060
),
linear-gradient(
45deg,
#606060 25%,
transparent 25%,
transparent 75%,
#606060 75%,
#606060
);background-position:0 0, 2px 2px;}
.recommendedProgramsContent .slick-arrow{overflow:hidden;position:absolute;top:80px;z-index:1;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:20px;outline:none;background:#fff url(/Portals/0/images/common/ico_slider_arrow.png) center
center no-repeat;white-space:nowrap;text-indent:200%;}
.skinGreen .recommendedProgramsContent .slick-arrow{background:#fff url(/Portals/0/images/common/ico_slider_arrow_green.png)
center center no-repeat;}
.recommendedProgramsContent .slick-arrow:hover{opacity:0.7;}
.recommendedProgramsContent .slick-arrow.slick-prev{left:-20px;}
.recommendedProgramsContent .slick-arrow.slick-next{right:-20px;transform:rotate(180deg);}
.recommendedProgramsContent ul.slick-dots{list-style-type:none;margin:40px 0 0;padding:0;font-size:1rem;line-height:0;text-align:center;}
.recommendedProgramsContent ul.slick-dots li{display:inline-block;margin:0 5px;padding:0;font-size:1rem;}
.recommendedProgramsContent ul.slick-dots li.slick-active{}
.recommendedProgramsContent ul.slick-dots li button{display:block;overflow:hidden;width:12px;height:12px;border:none;border-radius:12px;outline:none;background:none #e6e6e6;white-space:nowrap;text-indent:200%;}
.recommendedProgramsContent ul.slick-dots li button:hover{opacity:0.7;}
.recommendedProgramsContent ul.slick-dots li.slick-active button{background-color:#0352a1;}
.skinBlue .recommendedProgramsContent ul.slick-dots li.slick-active button{background-color:#0352a1;}
.skinGreen .recommendedProgramsContent ul.slick-dots li.slick-active button{background-color:#6fba2c;}
.skinOrange .recommendedProgramsContent ul.slick-dots li.slick-active button{background-color:#ffa51f;}
.skinCorp .recommendedProgramsContent ul.slick-dots li.slick-active button{background-color:#333;}
.recommendedProgramsContent .slick-track{display:flex;justify-content:flex-start;align-items:stretch;}
.recommendedProgramsContent .slick-track:before,
.recommendedProgramsContent .slick-track:after{display:none;}
.recommendedProgramsContent .slick-slide{position:relative;float:none;height:auto;padding-bottom:50px;}
/* --- item --- */
.recommendedProgramsContent .bannerSlider{margin:0 0 60px;}
.recommendedProgramsContent .bannerSlider .img{margin:0 0 20px;}
.recommendedProgramsContent .bannerSlider .img img{display:block;width:100%;}
.recommendedProgramsContent .bannerSlider .txtArea{color:#fff;}
.recommendedProgramsContent .bannerSlider .txtArea .title{margin:0 0 20px;padding:0 15px;color:#fff;font-weight:700;font-size:2.4rem;line-height:1.2;}
.recommendedProgramsContent .bannerSlider .txtArea .title span{font-size:100%;line-height:inherit;text-decoration:none;transition:opacity 0.3s ease-in-out;}
.recommendedProgramsContent .bannerSlider .txtArea .title span:hover{opacity:0.7;text-decoration:underline;}
.recommendedProgramsContent .bannerSlider .txtArea .txt{margin:0;padding:0 15px;line-height:1.5;}
/* --- linkBtn --- */
.recommendedProgramsContent .linkBtn{list-style-type:none;margin:0;padding:0;text-align:center;letter-spacing:-0.5em;}
.recommendedProgramsContent .linkBtn li{margin:0 10px;padding:0;letter-spacing:0;}
.recommendedProgramsContent .linkBtn a{min-width:380px;padding:16px 80px 16px;padding-right:80px;padding-left:100px;text-align:center;justify-content:center;}
.recommendedProgramsContent .linkBtn a:before{left:calc(100% - 42px);}
.recommendedProgramsContent .linkBtn a:after{content:"";display:block;position:absolute;top:0;bottom:0;left:24px;margin:auto 0;}
.recommendedProgramsContent .linkBtn .lineup a:after{width:32px;height:26px;background:url(/Portals/0/images/new/index/ico_recommended_01.png) 0 0
no-repeat;}
.recommendedProgramsContent .linkBtn .epg a:after{width:28px;height:28px;background:url(/Portals/0/images/new/index/ico_recommended_02.png) 0 0
no-repeat;}
/* --- multi active banner --- */
.recommendedProgramsContent .cablegate{border:none;}
.recommendedProgramsContent .cablegate_content{margin:0;padding:0;font-size:inherit;}
.recommendedProgramsContent .cablegate_thum{float:none;width:auto !important;height:auto !important;margin:0;background-color:#000;}
.recommendedProgramsContent .movie_img{width:auto;height:auto;}
.recommendedProgramsContent .cablegate_chname{margin:0 0 4px;font-weight:700;line-height:1.2;text-align:left;}
.recommendedProgramsContent .cablegate_description{margin:0 0 20px;font-size:1.5rem;line-height:1.2;}
.recommendedProgramsContent .cablegate_program{display:none !important;margin:0 0 10px;font-size:1.3rem;}
.recommendedProgramsContent .cablegate_copyright{font-size:1.2rem;line-height:1.2;}
.recommendedProgramsContent .cablegate_footer img{display:inline-block;}
.recommendedProgramsContent .cablegate_footer{position:absolute;right:0;bottom:20px;left:0;width:calc(100% - 40px);margin:5px 0 0;margin:auto;padding:5px;border-radius:5px;background-color:#fff;text-align:center;}

/* categoryTitle(lower page)
------------------------------ */
.categoryTitle{overflow:hidden;position:relative;padding:100px 0 0;}
.categoryTitle > *:last-child{margin-bottom:0;}
.categoryTitle > .categoryIcon{content:"";display:block;position:absolute;top:-60px;right:0;z-index:1;width:160px;height:160px;padding-top:70px;border-radius:160px;background-color:rgba(0, 0, 0, 0.2);background-repeat:no-repeat;background-position:top 100px center;font-weight:700;font-size:1.4rem;text-align:center;}
/* --- categoryPink --- */
.categoryTitle.categoryPink > .categoryIcon,
.categoryTitle.categoryPink h2{color:#d26079;}
.categoryTitle.categoryPink > .categoryIcon{background-color:rgba(210, 96, 121, 0.2);background-image:url(/Portals/0/images/common/ico_content_title_catv.png);}
/* --- categoryBlue --- */
.categoryTitle.categoryBlue > .categoryIcon,
.categoryTitle.categoryBlue h2{color:#3a9fc7;}
.categoryTitle.categoryBlue > .categoryIcon{background-color:rgba(58, 158, 158, 0.2);background-image:url(/Portals/0/images/common/ico_content_title_internet.png);}
/* --- categoryGreen --- */
.categoryTitle.categoryGreen > .categoryIcon,
.categoryTitle.categoryGreen h2{color:#6eae4d;}
.categoryTitle.categoryGreen > .categoryIcon{background-color:rgba(110, 174, 77, 0.2);background-image:url(/Portals/0/images/common/ico_content_title_phone.png);}
/* --- categoryYellow --- */
.categoryTitle.categoryYellow > .categoryIcon,
.categoryTitle.categoryYellow h2{color:#ccb249;}
.categoryTitle.categoryYellow > .categoryIcon{background-color:rgba(204, 178, 73, 0.2);background-image:url(/Portals/0/images/common/ico_content_title_hikariplus.png);}
/* --- categoryOrange --- */
.categoryTitle.categoryOrange > .categoryIcon,
.categoryTitle.categoryOrange h2{color:#ffa51f;}
.categoryTitle.categoryOrange > .categoryIcon{background-color:rgba(255, 165, 31, 0.2);background-image:url(/Portals/0/images/common/ico_content_title_electrical.png);}
/* --- categoryPurple --- */
.categoryTitle.categoryPurple > .categoryIcon,
.categoryTitle.categoryPurple h2{color:#81469e;}
.categoryTitle.categoryPurple > .categoryIcon{background-color:rgba(230, 218, 236, 0.8);background-image:url(/Portals/0/images/common/ico_content_title_vod.png);}

/* linkBtn(lower page)
------------------------------ */
.linkBtn.epgBtn a,
a.linkBtn.epgBtn{padding:1em 4.5em;padding-left:4.5em;text-align:center;}
.linkBtn.epgBtn a:before,
a.linkBtn.epgBtn:before{}
.linkBtn.epgBtn a:after,
a.linkBtn.epgBtn:after{content:"";display:block;position:absolute;top:0;bottom:0;left:30px;width:28px;height:28px;margin:auto 0;background:url(/Portals/0/images/common/ico_epg.png) 0 0 no-repeat;}

/* ===========================================================
 /index.html
=========================================================== */
/* topKeyVisual
------------------------------ */
ul.topKeyVisual{list-style-type:none;margin:0;padding:0;}
ul.topKeyVisual li{display:none;margin:0;padding:0;}
ul.topKeyVisual li img{display:block;width:100%;}
ul.topKeyVisual a:hover,
ul.topKeyVisual a:hover img{opacity:1;}
.infocmsEditor ul.topKeyVisual li{display:block;max-width:800px;margin:0 0 15px;}

/* importNews
------------------------------ */
.importNews{padding:60px 0 0;}
.importNews dl.definitionList dt,
.importNews dl.definitionList dd{padding:25px 30px;}
.importNews dl.definitionList dt{color:#57a116;font-size:2rem;}
.importNews dl.definitionList dt:before{content:"!";display:inline-block;position:relative;top:-1px;margin:0 6px 0 0;color:#57a116;font-weight:700;font-size:2.5rem;vertical-align:baseline;}
.importNews dl.definitionList dd a{color:#333;text-decoration:none;}
.importNews dl.definitionList dd a:hover{color:#57a116;text-decoration:underline;}

/* importNews02
------------------------------ */
.importNews02 dl.definitionList dt,
.importNews02 dl.definitionList dd{padding:25px 30px;}
.importNews02 dl.definitionList dt{color:#ff0000;}
.importNews02 dl.definitionList dd a{color:#333;text-decoration:none;}
.importNews02 dl.definitionList dd a:hover{color:#57a116;text-decoration:underline;}

/* indexTitle
------------------------------ */
.indexTitle{display:block;max-width:1200px;margin:90px auto 50px;padding:0;border:none;font-size:1rem;text-align:center;}
.indexTitle > .mainText{display:inline-block;position:relative;margin:0 0 6px;padding:0 0 13px;font-size:4.2em;letter-spacing:0.025em;}
.indexTitle > .mainText:after{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(100% + 6em);height:4px;background-color:#0352a1;}
.indexTitle.typeBlue > .mainText:after,
.skinBlue .indexTitle > .mainText:after{background-color:#0352a1;}
.indexTitle.typeGreen > .mainText:after,
.skinGreen .indexTitle > .mainText:after{background-color:#7fc740;}
.indexTitle.typeOrange > .mainText:after,
.skinOrange .indexTitle > .mainText:after{background-color:#fda41f;}
.indexTitle.typeCorp > .mainText:after,
.skinCorp .indexTitle > .mainText:after{background-color:#333;}
.indexTitle > .subText{display:block;margin:0;color:#666;font-family:"Montserrat", sans-serif;font-weight:900;font-size:1.6em;letter-spacing:0.1em;}

/* indexContent01
------------------------------ */
.indexContent01{padding:100px 0;}
.indexContent01 ul.layoutItem{display:flex;margin:0;padding:0;justify-content:center;}
.indexContent01 ul.mt20{margin-top:20px;}
.indexContent01 ul.layoutItem li{width:27%;margin:0 20px;padding:0;}
.indexContent01 ul.layoutItem li a{display:flex;flex-direction:column;height:200px;margin:0 0 12px;padding:20px 20px 15px;border-radius:20px;background-color:#f2f2f2;color:#333;font-weight:700;font-size:2.4rem;text-decoration:none;text-align:center;letter-spacing:0.025em;justify-content:space-between;align-items:center;}
.indexContent01 ul.layoutItem li a img{display:block;flex:0 0 auto;margin:0;}
.indexContent01 ul.layoutItem li p{margin:0;padding:0 10px;line-height:1.5;}
.indexContent01 ul.movieServiceItem{display:flex;list-style:none;margin-top:40px;padding:0;justify-content:center;align-items:center;}
.indexContent01 ul.movieServiceItem .logoItem{width:33%;margin:0 10px 0;padding:0;border-radius:20px;background-color:#222;}
.indexContent01 ul.movieServiceItem .logoItem a{display:flex;height:100px;justify-content:center;align-items:center;overflow:hidden;}
.indexContent01 ul.movieServiceItem .logoItem .logoItemLeft{width:42%;}
.indexContent01 ul.movieServiceItem .logoItem img{width:38%;}

/* indexContent02
------------------------------ */
.indexContent02{padding:90px 0 60px;background-size:4px 4px;background-color:rgba(4, 95, 186, 0.1);background-image:linear-gradient(
45deg,
#eff5fb 25%,
transparent 25%,
transparent 75%,
#eff5fb 75%,
#eff5fb
),
linear-gradient(
45deg,
#eff5fb 25%,
transparent 25%,
transparent 75%,
#eff5fb 75%,
#eff5fb
);background-position:0 0, 2px 2px;}
.indexContent02 ul.layoutItem{margin:0 0 20px;padding:0;}
.indexContent02 ul.layoutItem li{width:32.2%;height:220px;margin:0 1.7% 1.7% 0;padding:0;border-radius:20px;background-color:#fff;font-weight:700;font-size:2.4rem;}
.indexContent02 ul.layoutItem li a{display:flex;flex-direction:column;height:100%;padding:55px 20px 20px;color:#333;text-decoration:none;justify-content:space-between;align-items:center;}
.indexContent02 .linkBtn{margin:0;}
.indexContent02 .linkBtn a{padding-right:72px;padding-left:56px;background-color:#0352a1;font-weight:500;}
.indexContent02 .linkBtn a:before{left:calc(100% - 64px);width:18px;}
.indexContent02 .linkBtn a:hover:before{width:28px;}

/* indexContent03
------------------------------ */
.indexContent03{padding:90px 0 40px;}
.indexContent03 ul.layoutItem{margin:0;padding:0;}
.indexContent03 ul.layoutItem li{width:23.8%;margin:0 1.6% 1.6% 0;padding:0;}
.indexContent03 ul.layoutItem li a{display:block;color:#333;text-decoration:none;}
.indexContent03 ul.layoutItem li .img{overflow:hidden;height:272px;margin:0 0 15px;border-radius:15px;}
.indexContent03 ul.layoutItem li .img:empty:before{content:"No Image";display:flex;height:272px;background-color:#f2f2f2;color:#333;font-weight:700;font-size:2.4rem;justify-content:center;align-items:center;}
.indexContent03 ul.layoutItem li .title{margin:0 0 10px;color:#ffa51f;font-weight:700;font-size:2.4rem;line-height:1.2;}
.indexContent03 .linkBtn{margin:0;}
.indexContent03 .linkBtn a{padding-right:72px;padding-left:56px;background-color:#ffa51f;font-weight:500;}
.indexContent03 .linkBtn a:before{left:calc(100% - 64px);width:18px;}
.indexContent03 .linkBtn a:hover:before{width:28px;}

/* indexContent04
------------------------------ */
.indexContent04{padding:90px 0 80px;background-color:rgba(255, 248, 221, 0.8);}
.indexContent04 ul.layoutItem{margin:0;padding:0;}
.indexContent04 ul.layoutItem li{overflow:hidden;width:32.2%;margin:0 1.7% 1.7% 0;padding:0;border-radius:20px;}
.indexContent04 ul.layoutItem li a{display:block;overflow:hidden;border-radius:20px;background-color:#fff;color:#333;text-decoration:none;}

/* indexContent05
------------------------------ */
.indexContent05{padding:120px 0 0;}

/* indexContent06
------------------------------ */
.indexContent06{padding:80px 0 60px;background:url(/Portals/0/images/index/bg_corporate.png) center center
no-repeat;}
.indexContent06 ul.layoutItem{margin:0 0 20px;padding:0;}
.indexContent06 ul.layoutItem li{overflow:hidden;position:relative;width:49.15%;margin:0 1.7% 1.7% 0;padding:0;border-radius:20px;}
.indexContent06 ul.layoutItem li .txt{display:block;display:flex;position:absolute;top:0;bottom:0;left:0;width:300px;height:80px;margin:auto 0;border-radius:0 20px 20px 0;background-color:#333;color:#fff;font-size:2rem;letter-spacing:0.025em;transition:opacity 0.3s ease-in-out;justify-content:center;align-items:center;}
.indexContent06 ul.layoutItem li a{display:block;text-decoration:none;}
.indexContent06 ul.layoutItem li a:hover,
.indexContent06 ul.layoutItem li a:hover img{opacity:1;}
.indexContent06 ul.layoutItem li a:hover .txt{opacity:0.8;}
.indexContent06 .linkBtn{margin:0;}
.indexContent06 .linkBtn a{padding-right:72px;padding-left:56px;background-color:#333;font-weight:500;}
.indexContent06 .linkBtn a:before{left:calc(100% - 64px);width:18px;}
.indexContent06 .linkBtn a:hover:before{width:28px;}

/* indexContent07
------------------------------ */
.indexContent07{padding:110px 0 0;}
.indexContent07 .description{margin:0 0 2em;padding:0;font-size:2.2rem;}
.indexContent07 ul.layoutItem{margin:0;}
.indexContent07 ul.layoutItem li{position:relative;width:49.2%;margin:0 1.6% 0 0;padding:20px 0 20px 190px;}
.indexContent07 ul.layoutItem li:before{content:"";display:block;overflow:hidden;position:absolute;top:0;left:0;z-index:-1;width:calc(100% - 40px);height:100%;border-radius:20px;background:url(/Portals/0/images/index/img_contact_01.jpg) 0 0 no-repeat;}
.indexContent07 ul.layoutItem li.phone:before{background:url(/Portals/0/images/index/img_contact_02.jpg) 0 0 no-repeat;}
.indexContent07 ul.layoutItem li .bg{height:320px;padding:20px 40px;border-radius:20px;background-size:4px 4px;background-color:rgba(112, 175, 57, 0.9);background-image:linear-gradient(
45deg,
rgba(87, 161, 22, 0.9) 25%,
transparent 25%,
transparent 75%,
rgba(87, 161, 22, 0.9) 75%,
rgba(87, 161, 22, 0.9)
),
linear-gradient(
45deg,
rgba(87, 161, 22, 0.9) 25%,
transparent 25%,
transparent 75%,
rgba(87, 161, 22, 0.9) 75%,
rgba(87, 161, 22, 0.9)
);background-position:0 0, 2px 2px;line-height:1.2;}
.indexContent07 ul.layoutItem li h3{margin:60px 0 70px;padding:0;color:#fff;font-size:2.4rem;text-align:center;}
.indexContent07 ul.layoutItem li h3:before{display:none;}
.indexContent07 ul.layoutItem li h3:after{content:"";display:inline-block;margin:0 0 0 0.8em;vertical-align:middle;}
.indexContent07 ul.layoutItem li.mail h3:after{width:44px;height:30px;background:url(/Portals/0/images/index/ico_mail.png) 0 0 no-repeat;}
.indexContent07 ul.layoutItem li.phone h3:after{position:relative;top:-2px;width:40px;height:41px;background:url(/Portals/0/images/index/ico_tel.png) 0 0 no-repeat;}
.indexContent07 ul.layoutItem li .linkBtn,
.indexContent07 ul.layoutItem li .linkImg{margin:0;padding:0;background-color:#fff;}
.indexContent07 ul.layoutItem li .linkBtn a{display:block;padding:1.4em 3.5em 1.4em 2.5em;border-radius:0;background-color:#fff;color:#333;font-size:2rem;text-align:center;}
.indexContent07 ul.layoutItem li .linkBtn a:before{content:"";display:block;left:calc(100% - 50px);width:24px;height:10px;background:url(/Portals/0/images/common/ico_linkbtn_black.png) right center
no-repeat;background-size:auto 100%;}
.indexContent07 ul.layoutItem li .linkBtn a:hover:before{width:34px;}
.indexContent07 ul.layoutItem li .txtSmall{margin:6px 0 0;font-size:1.4rem;}

/* ===========================================================
 /new/index.html
=========================================================== */
/* reviewContent01
------------------------------ */
.reviewContent01{padding:0 0 120px;}
.reviewContent01 .subDescription{margin:0 0 2em;padding:0;font-size:2.2rem;text-align:center;}
.reviewContent01 ul.layoutItem{display:flex;margin:0 0 20px;padding:0;justify-content:center;}
.reviewContent01 ul.layoutItem li{width:27%;margin:0 20px;padding:0;}
.reviewContent01 ul.layoutItem li a{display:flex;flex-direction:column;height:200px;margin:0 0 12px;padding:20px 20px 15px;border-radius:20px;background-color:#f2f2f2;color:#333;font-weight:700;font-size:2.4rem;text-decoration:none;text-align:center;letter-spacing:0.025em;justify-content:space-between;align-items:center;}
.reviewContent01 ul.layoutItem li a img{display:block;flex:0 0 auto;}
.reviewContent01 ul.layoutItem li p{margin:0;padding:0 10px;line-height:1.5;}
.reviewContent01 ul.movieServiceItem{display:flex;list-style:none;margin-top:40px;margin-bottom:80px;padding:0;justify-content:center;align-items:center;}
.reviewContent01 ul.movieServiceItem .logoItem{width:33%;margin:0 10px 0;padding:0;border-radius:20px;background-color:#222;}
.reviewContent01 ul.movieServiceItem .logoItem a{display:flex;height:100px;justify-content:center;align-items:center;}
.reviewContent01 ul.movieServiceItem .logoItem .logoItemLeft{width:42%;}
.reviewContent01 ul.movieServiceItem .logoItem img{width:38%;}
.reviewContent01 ul.bannerArea{list-style-type:none;margin:0;padding:0;}
.reviewContent01 ul.bannerArea li{margin:0 0 30px;padding:0;}
.reviewContent01 ul.bannerArea li:last-child{margin-bottom:0;}
.reviewContent01 ul.bannerArea li img{display:block;}

/* reviewContent02
------------------------------ */
.reviewContent02{padding:95px 0 100px;background:url(/Portals/0/images/new/index/bg_simulation_01.jpg) center
center no-repeat;background-size:cover;}
.reviewContent02 .editInner{position:relative;}
.reviewContent02 .editInner:before{content:"";display:block;position:absolute;bottom:-4px;left:60px;z-index:1;width:478px;height:179px;background:url(/Portals/0/images/new/index/ico_simulation_04.png) center
center no-repeat;}
.reviewContent02 .editInner:after{content:"";display:block;clear:both;}
.reviewContent02 .indexTitle{text-align:left;}
.reviewContent02 .indexTitle .mainText{padding-left:40px;}
.reviewContent02 .indexTitle .mainText:after{left:-40px;transform:inherit;width:calc(100% + 5em);}
.reviewContent02 .indexTitle .subText{padding-left:40px;}
.reviewContent02 .subDescription{margin:0 80px 129px;font-size:2.4rem;line-height:1.5;}
.reviewContent02 .linkBtn{overflow:hidden;float:right;margin:0;border-radius:20px;background-color:#fff;}
.reviewContent02 .linkBtn a{padding:26px 90px 26px 108px;font-size:2.4rem;}
.reviewContent02 .linkBtn a:before{left:calc(100% - 50px);}
.reviewContent02 .linkBtn a:after{content:"";display:block;position:absolute;top:0;bottom:0;left:40px;width:26px;height:32px;margin:auto 0;background:url(/Portals/0/images/new/index/ico_simulation_03.png) 0 0
no-repeat;}

/* reviewContent03
------------------------------ */
.reviewContent03{padding:110px 0 120px;}

/* reviewContent04
------------------------------ */
.reviewContent04{padding:110px 0 100px;background-size:4px 4px;background-color:rgba(3, 82, 161, 0.15);background-image:linear-gradient(
45deg,
rgba(3, 70, 137, 0.05) 25%,
transparent 25%,
transparent 75%,
rgba(3, 70, 137, 0.05) 75%,
rgba(3, 70, 137, 0.05)
),
linear-gradient(
45deg,
rgba(3, 70, 137, 0.05) 25%,
transparent 25%,
transparent 75%,
rgba(3, 70, 137, 0.05) 75%,
rgba(3, 70, 137, 0.05)
);background-position:0 0, 2px 2px;}
.reviewContent04 .subDescription{margin:0 0 55px;padding:0;font-size:2.2rem;text-align:center;}
.reviewContent04 ul.layoutItem{list-style-type:none;margin:0;padding:0;}
.reviewContent04 ul.layoutItem li{overflow:hidden;width:32.2%;margin:0 1.7% 1.7% 0;padding:0;border-radius:10px;background-color:#fff;}
.reviewContent04 ul.layoutItem li a{display:block;position:relative;padding:24px 1em 24px 135px;border-radius:10px;background-color:#fff;color:#333;font-weight:700;font-size:2rem;text-decoration:none;text-align:left;}
.reviewContent04 ul.layoutItem li a:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;margin:auto 0;}
.reviewContent04 ul.layoutItem li.item01 a:before{left:55px;width:48px;height:41px;background:url(/Portals/0/images/new/index/ico_beforeusing_01.png) 0 0
no-repeat;}
.reviewContent04 ul.layoutItem li.item02 a:before{left:49px;width:35px;height:40px;background:url(/Portals/0/images/new/index/ico_beforeusing_02.png) 0 0
no-repeat;}
.reviewContent04 ul.layoutItem li.item03 a:before{left:49px;width:36px;height:40px;background:url(/Portals/0/images/new/index/ico_beforeusing_03.png) 0 0
no-repeat;}
.reviewContent04 ul.layoutItem li.item04 a:before{left:61px;width:37px;height:36px;background:url(/Portals/0/images/new/index/ico_beforeusing_04.png) 0 0
no-repeat;}
.reviewContent04 ul.layoutItem li.item05 a:before{left:48px;width:38px;height:40px;background:url(/Portals/0/images/new/index/ico_beforeusing_05.png) 0 0
no-repeat;}
.reviewContent04 ul.layoutItem li.item06 a:before{left:53px;width:38px;height:40px;background:url(/Portals/0/images/new/index/ico_beforeusing_06.png) 0 0
no-repeat;}
.reviewContent04 ul.layoutItem li.item07 a:before{left:66px;width:29px;height:33px;background:url(/Portals/0/images/new/index/ico_beforeusing_07.png) 0 0
no-repeat;}
.reviewContent04 ul.layoutItem li.item08 a:before{left:49px;width:36px;height:48px;background:url(/Portals/0/images/new/index/ico_beforeusing_08.png) 0 0
no-repeat;}
.reviewContent04 ul.layoutItem li.item09 a:before{left:46px;width:40px;height:33px;background:url(/Portals/0/images/new/index/ico_beforeusing_09.png) 0 0
no-repeat;}

/* reviewContent05
------------------------------ */
.reviewContent05{padding:110px 0 20px;}

/* ===========================================================
 /support/
=========================================================== */
/* newsUserListIndex
------------------------------ */
.newsUserListIndex.newsList.newsListIndex ul{list-style-type:none;padding:0;}
.newsUserListIndex.newsList.newsListIndex ul li{margin:0 0 25px;padding:0;line-height:1.2;}
.newsUserListIndex.newsList.newsListIndex ul li:after{content:"";display:block;clear:both;}
.newsUserListIndex.newsList.newsListIndex ul li:last-child{margin-bottom:0;}
.newsUserListIndex.newsList.newsListIndex ul li .newsDate{display:block;float:left;margin:0 40px 5px 0;font-weight:700;line-height:1em;}
.newsUserListIndex.newsList.newsListIndex ul li .newsDate .date{display:block;}
.newsUserListIndex.newsList.newsListIndex ul li .newsTitle img{display:inline-block;margin:2px 0 0 5px;vertical-align:middle;}
.newsUserListIndex.newsList.newsListIndex ul li .newsTitle{overflow:hidden;width:auto;}
.newsUserListIndex.newsList.newsListIndex ul li .newsTitle a{display:inline-block;color:#333;line-height:1.2;text-decoration:none;}
.newsUserListIndex.newsList.newsListIndex ul li .newsTitle a:hover{text-decoration:underline;}

/* editImportantNewsList
------------------------------ */
.editImportantNewsList{padding:30px 0 25px;border-bottom:6px solid #f2f2f2;}
.editImportantNewsList > .editInner{display:flex;justify-content:flex-start;align-items:center;}
.editImportantNewsList > .editInner > h2{flex:0 0 auto;margin:0 40px 0 0;padding:0;border:none;color:#e57905;font-weight:700;font-size:1.8rem;}
.editImportantNewsList > .editInner > h2:before{content:"";display:inline-block;width:27px;height:24px;margin:0 15px 0 0;background:url(/Portals/0/images/common/ico_important.png) 0 0 no-repeat;vertical-align:middle;}
.editImportantNewsList > .editInner > ul{list-style-type:none;position:relative;margin:0;padding:4px 0 4px 40px;}
.editImportantNewsList > .editInner > ul:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:2px;height:100%;margin:auto 0;background-color:#e57905;}
.editImportantNewsList > .editInner > ul li{margin:0 0 12px;padding:0;font-size:1.8rem;line-height:1.2;}
.editImportantNewsList > .editInner > ul li:last-child{margin-bottom:0;}
.editImportantNewsList > .editInner > ul li .newsDate{float:left;margin:0 50px 0 0;}
.editImportantNewsList > .editInner > ul li .newsTitle{overflow:hidden;width:auto;}
.editImportantNewsList > .editInner > ul li .newsTitle a{color:#333;text-decoration:none;}
.editImportantNewsList > .editInner > ul li .newsTitle a:hover{text-decoration:underline;}

/* userContent01
------------------------------ */
.userContent01{padding:0 0 100px;}
.userContent01 ul.layoutItem.linkBtn li a{height:auto;margin:0 0 18px;padding:0.85em 2em 0.85em 1.5em;}
.userContent01 ul.layoutItem.linkBtn li a:before{left:calc(100% - 42px);}
.userContent01 ul.layoutItem.linkBtn li a.externalLink:after{top:20px;bottom:inherit;}
.userContent01 ul.layoutItem.linkBtn ul{list-style-type:none;padding:0;font-size:1.4rem;line-height:1.2;}
.userContent01 ul.layoutItem.linkBtn ul li{position:relative;margin:0 0 5px;padding:0 0 0 1.2em;}
.userContent01 ul.layoutItem.linkBtn ul li:before{content:"";display:block;position:absolute;top:0.5em;left:0.5em;width:0.3em;height:0.3em;border-radius:20px;background-color:#333;}

/* userContent02
------------------------------ */
.userContent02{padding:110px 0 70px;background-color:rgba(111, 186, 44, 0.15);}
.userContent02 ul.linkBtn.layoutItem li{width:32%;margin:0 2% 2% 0;line-height:1.4;}
.userContent02 ul.linkBtn.layoutItem li a{display:flex;overflow:hidden;flex-direction:column;height:auto;height:180px;margin:0 0 12px;padding:32px 1em;border-radius:20px;background-color:#fff;color:#333;font-size:2rem;text-align:center;align-items:center;justify-content:center;}
.userContent02 ul.linkBtn.layoutItem li a:before,
.userContent02 ul.linkBtn.layoutItem li a:after{display:none;}
.userContent02 ul.linkBtn.layoutItem li img{display:inline-block;margin:0 auto 15px;}
.userContent02 ul.linkBtn.layoutItem li p{margin:0 0 20px;padding:0 20px;font-size:1.6rem;}

/* userContent03
------------------------------ */
.userContent03{padding:110px 0 0;}
/* --- newsUserListIndex --- */
.newsList.newsUserListIndex{display:block;margin:0 0 20px;padding:45px 60px;}
.newsList.newsUserListIndex .title h2{color:#57a116;}
/* --- userContent03end --- */
.userContent03end.layoutItem{margin:0 0 80px;}
.userContent03end.layoutItem a{margin:0 25px 0 0;color:#333;text-decoration:none;}
.userContent03end.layoutItem a:last-child{margin-right:0;}
.userContent03end.layoutItem a:hover{text-decoration:underline;}

/* userContent04
------------------------------ */
.userContent04{padding:40px 0;background-color:#f2f2f2;}
.userContent04 .editInner{padding:0;}
.userContent04 ul.layoutItem.linkBtn{list-style-type:none;margin:0;padding:0;}
.userContent04 ul.layoutItem.linkBtn li{width:47.5%;margin:0 5% 0 0;}
.userContent04 ul.layoutItem.linkBtn li:nth-child(2n){margin-right:0;}
.userContent04 ul.layoutItem.linkBtn li a{display:block;padding:28px 80px;background-color:#fff;color:#6fba2c;font-size:2rem;text-align:center;}
.userContent04 ul.layoutItem.linkBtn li a:before,
.userContent04 ul.layoutItem.linkBtn li a:after{content:"";display:block;position:absolute;top:inherit;right:inherit;bottom:inherit;left:inherit;width:auto;height:auto;margin:0;padding:0;border:none;}
.userContent04 ul.layoutItem.linkBtn li a:before{top:0;bottom:0;left:30px;margin:auto 0;}
.userContent04 ul.layoutItem.linkBtn li.badWeather a:before{width:34px;height:34px;background:url(/Portals/0/images/user/index/img_content04_01.png) center
center no-repeat;}
.userContent04 ul.layoutItem.linkBtn li.infusionNoise a:before{width:40px;height:20px;background:url(/Portals/0/images/user/index/img_content04_02.png) center
center no-repeat;background-size:100% auto;}
.userContent04 ul.layoutItem.linkBtn li a:after{top:0;bottom:0;left:calc(100% - 46px);width:22px;height:10px;margin:auto 0;background:url(/Portals/0/images/common/ico_linkbtn_green.png) right bottom
no-repeat;background-size:auto 100%;}
.userContent04 ul.layoutItem.linkBtn li a:hover:after{width:32px;}

/* userContent06
------------------------------ */
.userContent06{padding:80px 0;background-color:rgba(111, 186, 44, 0.15);}
.userContent06 ul.layoutItem{margin:0;}
.userContent06 ul.layoutItem li{overflow:hidden;margin-bottom:0;padding:0;border-radius:20px;}
.userContent06 ul.layoutItem li a{display:block;}
.userContent06 ul.layoutItem li img{display:block;}

/* userContent08
------------------------------ */
.userContent08{padding:70px 0 80px;background:url(/Portals/0/images/user/index/bg_contact.jpg) center center
no-repeat;background-size:cover;}
.userContent08 ul{list-style-type:none;width:720px;margin:0 auto;padding:0;}
.userContent08 ul li{display:flex;overflow:hidden;margin:0 0 20px;padding:20px;border-radius:20px;background-size:4px 4px;background-color:#6fba2c;background-image:linear-gradient(
45deg,
#84c44b 25%,
transparent 25%,
transparent 75%,
#84c44b 75%,
#84c44b
),
linear-gradient(
45deg,
#84c44b 25%,
transparent 25%,
transparent 75%,
#84c44b 75%,
#84c44b
);background-position:0 0, 2px 2px;align-items:center;justify-content:space-between;}
.userContent08 ul li:last-child{margin-bottom:0;}
.userContent08 ul li h3{flex:1 0 auto;margin:0 20px 0 0;padding:0;color:#fff;font-size:2.4rem;text-align:center;}
.userContent08 ul li h3:before{display:none;}
.userContent08 ul li .img{flex:0 0 auto;margin:0;padding:0;}
.userContent08 ul li .img img{display:block;}

/* ===========================================================
 /tabid165.html
=========================================================== */
/* channelContent01
------------------------------ */
.channelContent01{padding:0 0 110px;}
.channelContent01 .mainDescription{margin:0 0 90px;padding:0;color:#eb7b05;font-weight:700;font-size:3.2rem;text-align:center;}
.channelContent01 ul.layoutItem.linkInpage{margin:0 0 110px;}
.channelContent01 ul.layoutItem.linkInpage li{margin-bottom:0;}
.channelContent01 ul.layoutItem.linkInpage li a{display:block;text-align:center;}
.channelContent01 .boxTitle{margin:0 0 20px;border:8px solid #ffa51f;border-radius:20px;}
.channelContent01 .boxTitle .title{display:flex;margin:0;padding:7px 22px 15px 32px;border:none;background-color:#ffa51f;color:#fff;justify-content:space-between;align-items:center;}
.channelContent01 .boxTitle .title:before,
.channelContent01 .boxTitle .title:after{display:none;}
.channelContent01 .boxTitle .title a{padding:10px 48px 10px 16px;background-color:#eb7b05;font-weight:400;font-size:1.4rem;}
.channelContent01 .boxTitle .title a:before{left:calc(100% - 29px);width:12px;height:6px;}
.channelContent01 .boxTitle .title a:hover:before{width:17px;}
.channelContent01 .boxTitle .description.layoutItem{margin:0;padding:32px;}
.channelContent01 .boxTitle .description.layoutItem h4{margin:0 0 12px;padding:0;border:none;color:#eb7b05;font-size:1.8rem;}
.channelContent01 .boxTitle .description.layoutItem p{}
.channelContent01 .boxTitle .description.layoutItem dl{margin:0 0 15px;}
.channelContent01 .boxTitle .description.layoutItem dl:after{content:"";display:block;clear:both;}
.channelContent01 .boxTitle .description.layoutItem dl dt{float:left;margin:0 1em 0 0;}
.channelContent01 .boxTitle .description.layoutItem dl dd{overflow:hidden;width:auto;}
.channelContent01 .boxTitle .description.layoutItem h4:before,
.channelContent01 .boxTitle .description.layoutItem h4:after{display:none;}
.channelContent01
  .boxTitle
  .description.layoutItem.firstitemlefted > *:first-child{margin-right:30px;}
.channelContent01
  .boxTitle
  .description.layoutItem.firstitemrighted > *:first-child{margin-left:30px;}
.channelContent01 .boxTitle .description.layoutItem.firstitemlefted > * img,
.channelContent01 .boxTitle .description.layoutItem.firstitemrighted > * img{border-radius:10px;}
.channelContent01
  .boxTitle
  .description.layoutItem.firstitemlefted > * > *:last-child,
.channelContent01
  .boxTitle
  .description.layoutItem.firstitemrighted > * > *:last-child{margin-bottom:0;}

/* channelContent02
------------------------------ */
.channelContent02{padding:100px 0;background-color:rgba(255, 165, 31, 0.15);}
/* --- boxTitle --- */
.channelContent02 .boxTitle{margin:0 0 20px;padding:24px;border:8px solid #ffa51f;border-top-width:24px;border-radius:20px;background-color:#fff;}
.channelContent02 .boxTitle .description.layoutItem{margin:0;padding:0;}
.channelContent02 .boxTitle .description.layoutItem h4{margin:0 0 20px;padding:0;border:none;color:#eb7b05;font-size:2.8rem;}
.channelContent02 .boxTitle .description.layoutItem h4:before,
.channelContent02 .boxTitle .description.layoutItem h4:after{display:none;}
.channelContent02 .boxTitle .description.layoutItem dl{margin:0 0 15px;}
.channelContent02 .boxTitle .description.layoutItem dl:after{content:"";display:block;clear:both;}
.channelContent02 .boxTitle .description.layoutItem dl dt{float:left;margin:0 1em 0 0;}
.channelContent02 .boxTitle .description.layoutItem dl dd{overflow:hidden;width:auto;}
.channelContent02 .boxTitle .description.layoutItem a.linkBtn{position:absolute;top:-14px;right:-14px;padding:10px 48px 10px 16px;background-color:#eb7b05;font-weight:400;font-size:1.4rem;}
.channelContent02 .boxTitle .description.layoutItem a.linkBtn:before{left:calc(100% - 29px);width:12px;height:6px;}
.channelContent02 .boxTitle .description.layoutItem a.linkBtn:hover:before{width:17px;}
.channelContent02
  .boxTitle
  .description.layoutItem.firstitemlefted > *:first-child{overflow:visible;position:relative;margin-right:30px;}
.channelContent02
  .boxTitle
  .description.layoutItem.firstitemrighted > *:first-child{overflow:visible;position:relative;margin-left:30px;}
.channelContent02 .boxTitle .description.layoutItem.firstitemlefted > * img,
.channelContent02 .boxTitle .description.layoutItem.firstitemrighted > * img{border-radius:10px;}
.channelContent02
  .boxTitle
  .description.layoutItem.firstitemlefted > * > *:last-child,
.channelContent02
  .boxTitle
  .description.layoutItem.firstitemrighted > * > *:last-child{margin-bottom:0;}
/* --- layoutItem --- */
.channelContent02 ul.layoutItem.col3{}
.channelContent02 ul.layoutItem.col3 li{overflow:hidden;width:32.2%;margin:0 1.7% 1.7% 0;border-radius:20px;background-size:4px 4px;background-color:#ffa51f;background-image:linear-gradient(
45deg,
#ffb240 25%,
transparent 25%,
transparent 75%,
#ffb240 75%,
#ffb240
),
linear-gradient(
45deg,
#ffb240 25%,
transparent 25%,
transparent 75%,
#ffb240 75%,
#ffb240
);background-position:0 0, 2px 2px;}
.channelContent02 ul.layoutItem.col3 li .img{display:flex;height:200px;background-color:#fff;justify-content:center;align-items:center;}
.channelContent02 ul.layoutItem.col3 li .img img{flex:0 1 auto;}
.channelContent02 ul.layoutItem.col3 li .description{padding:20px;color:#fff;}
.channelContent02 ul.layoutItem.col3 li .description h4{margin:0 0 15px;padding:0;font-size:2.4rem;}
.channelContent02 ul.layoutItem.col3 li .description h4:before,
.channelContent02 ul.layoutItem.col3 li .description h4:after{display:none;}

/* channelContent03
------------------------------ */
.channelContent03{padding:100px 0 160px;}
/* --- administrationLink --- */
.channelContent03 ul.layoutItem.administrationLink{margin:30px 0 100px;}
.channelContent03 ul.layoutItem.administrationLink li a{display:block;padding:36px 50px;background-color:#e57905;font-size:2.4rem;text-align:center;}
.channelContent03 ul.layoutItem.administrationLink li a.externalLink:after{top:20px;right:20px;bottom:inherit;}
/* --- bannerLink --- */
.channelContent03 ul.layoutItem.bannerLink li img{overflow:hidden;border-radius:20px;}
.channelContent03 ul.layoutItem.bannerLink li .description{padding:15px 20px;}
.channelContent03 ul.layoutItem.bannerLink li .description .title{font-weight:700;font-size:2.4rem;}
.channelContent03 ul.layoutItem.bannerLink li .description .title a{display:inline-block;text-decoration:none;}
.channelContent03 ul.layoutItem.bannerLink li .description .title a:before{left:calc(100% - 32px);width:22px;}
.channelContent03
  ul.layoutItem.bannerLink
  li
  .description
  .title
  a:hover:before{width:32px;}

/* channelContent04
------------------------------ */
.channelContent04{padding:110px 0 45px;background-color:rgba(255, 165, 31, 0.15);}
.channelContent04 ul.icoList{display:flex;list-style-type:none;margin:0 0 60px;padding:0 150px;justify-content:space-between;align-items:stretch;}
.channelContent04 ul.icoList li{display:flex;position:relative;flex:1 1 160px;padding:175px 0 0;font-weight:700;font-size:2rem;line-height:1.2;text-align:center;justify-content:center;align-items:center;}
.channelContent04 ul.icoList li:before{content:"";display:block;position:absolute;top:0;right:0;left:0;width:160px;height:160px;margin:0 auto;border-radius:160px;background-color:rgba(255, 255, 255, 0.6);background-repeat:no-repeat;background-position:center;}
.channelContent04 ul.icoList li.tv:before{background-image:url(/Portals/0/images/communitychannel/index/img_content04_01.png);}
.channelContent04 ul.icoList li.flood:before{background-image:url(/Portals/0/images/communitychannel/index/img_content04_02.png);}
.channelContent04 ul.icoList li.helter:before{background-image:url(/Portals/0/images/communitychannel/index/img_content04_03.png);}
.channelContent04 ul.icoList li.news:before{background-image:url(/Portals/0/images/communitychannel/index/img_content04_04.png);}
.channelContent04 ul.icoList li p{margin:0;}

/* channelContent05
------------------------------ */
.channelContent05{padding:110px 0 120px;}
/* --- channelList --- */
.channelContent05 ul.channelList{list-style-type:none;margin:0 0 100px;padding:0;}
.channelContent05 ul.channelList li{margin:0 0 20px;padding:0;border:8px solid #ebebeb;border-radius:20px;}
.channelContent05 ul.channelList li:last-child{margin-bottom:0;}
.channelContent05 ul.channelList li dl{display:flex;margin:0;padding:20px;justify-content:flex-start;align-items:center;}
.channelContent05 ul.channelList li dl dt,
.channelContent05 ul.channelList li dl dd{padding:10px 26px;}
.channelContent05 ul.channelList li dl dt p,
.channelContent05 ul.channelList li dl dd p{margin-bottom:10px;}
.channelContent05 ul.channelList li dl dt{flex:0 0 160px;color:#ffa51f;font-weight:700;font-size:2.4rem;line-height:1.2;text-align:center;}
.channelContent05 ul.channelList li dl dt .txtSmall{display:block;font-size:2rem;}
.channelContent05 ul.channelList li dl dt .dIcon{display:block;width:40px;height:40px;margin:2px auto 0;border-radius:40px;background:#ffa51f url(/Portals/0/images/communitychannel/index/ico_d.png)
center 10px no-repeat;background-color:#ffa51f;}
.channelContent05 ul.channelList li dl dd{position:relative;}
.channelContent05 ul.channelList li dl dd:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:6px;height:100%;margin:auto 0;border-radius:6px;background-color:#ebebeb;}
.channelContent05 ul.channelList li dl dd .title{color:#ffa51f;font-weight:700;font-size:2.4rem;line-height:1.2;}
.channelContent05 ul.channelList li dl dd > *:last-child{margin-bottom:0;}
/* --- bannerLink --- */
.channelContent05 .epgLink.linkBtn{margin:0 0 100px;}
.channelContent05 .epgLink.linkBtn a{padding:26px 170px;background-color:#e57905;font-size:2.4rem;}
.channelContent05 .epgLink.linkBtn a:before{content:"";display:block;position:absolute;top:0;bottom:0;left:40px;width:28px;height:28px;margin:auto 0;background:url(/Portals/0/images/communitychannel/index/ico_epg.png) 0 0
no-repeat;}
.channelContent05 .epgLink.linkBtn a:after{top:16px;right:16px;bottom:inherit;}
/* --- bannerLink --- */
.channelContent05 ul.layoutItem.bannerLink li img{overflow:hidden;border-radius:20px;}
.channelContent05 ul.layoutItem.bannerLink li .description{padding:15px 20px;}
.channelContent05 ul.layoutItem.bannerLink li .description .title{font-weight:700;font-size:2.4rem;}
.channelContent05 ul.layoutItem.bannerLink li .description .title a{display:inline-block;padding-right:42px;text-decoration:none;}
.channelContent05 ul.layoutItem.bannerLink li .description .title a:before{left:calc(100% - 32px);width:22px;}
.channelContent05
  ul.layoutItem.bannerLink
  li
  .description
  .title
  a:hover:before{width:32px;}
.channelContent05 ul.layoutItem.bannerLink li .description .txt{}
/* --- boxTitle --- */
.channelContent05 .boxTitle{margin:0 0 20px;padding:0;border:8px solid #f2f2f2;border-radius:20px;background-color:#fff;}
.channelContent05 .boxTitle .title{position:relative;margin:0;padding:16px 30px 16px;border:none;border-radius:0;background-color:#f2f2f2;color:#333;font-weight:700;font-size:1.6rem;cursor:pointer;}
.channelContent05 .boxTitle .title .acc-btn{right:32px;}
.channelContent05 .boxTitle .title .acc-btn:after{transform:rotate(90deg);}
.channelContent05 .boxTitle .title.open .acc-btn:before{opacity:0;}
.channelContent05 .boxTitle .title.open .acc-btn:after{transform:rotate(180deg);}
.channelContent05 .boxTitle .title:before,
.channelContent05 .boxTitle .title:after{display:none;}
.channelContent05 .boxTitle .description{margin:0;padding:20px 30px;border:none;}
.channelContent05 .boxTitle .description ul.layoutItem li{position:relative;padding-left:0.8em;}
.channelContent05 .boxTitle .description ul.layoutItem li:before{content:"";display:block;position:absolute;top:0.6em;left:0;width:6px;height:6px;border-radius:10px;background-color:#333;}
.channelContent05 .boxTitle .description ul.layoutItem li a{color:#333;text-decoration:none;}
.channelContent05 .boxTitle .description ul.layoutItem li a:hover{text-decoration:underline;}
.channelContent05 .boxTitle .description > *:last-child{margin-bottom:0;}

/* channelContent06
------------------------------ */
.channelContent06{padding:60px 0;background-color:rgba(255, 165, 31, 0.15);}
.channelContent06 ul.layoutItem.linkBtn{list-style-type:none;margin:0;padding:0;}
.channelContent06 ul.layoutItem.linkBtn li:nth-child(2n){margin-right:0;}
.channelContent06 ul.layoutItem.linkBtn li a{display:block;padding:28px 100px;background-color:#e57905;color:#fff;font-size:2rem;text-align:center;}
.channelContent06 ul.layoutItem.linkBtn li a:before,
.channelContent06 ul.layoutItem.linkBtn li a:after{content:"";display:block;position:absolute;top:inherit;right:inherit;bottom:inherit;left:inherit;width:auto;height:auto;margin:0;padding:0;border:none;}
.channelContent06 ul.layoutItem.linkBtn li a:before{top:0;bottom:0;left:38px;margin:auto 0;}
.channelContent06 ul.layoutItem.linkBtn li.community a:before{width:38px;height:34px;background:url(/Portals/0/images/communitychannel/index/ico_comment.png)
center center no-repeat;background-size:100% auto;}
.channelContent06 ul.layoutItem.linkBtn li.advertising a:before{width:42px;height:36px;background:url(/Portals/0/images/communitychannel/index/ico_book.png) center
center no-repeat;background-size:100% auto;}
.channelContent06 ul.layoutItem.linkBtn li a:after{top:0;bottom:0;left:calc(100% - 46px);width:22px;height:10px;margin:auto 0;background:url(/Portals/0/images/common/ico_linkbtn_white.png) right bottom
no-repeat;background-size:auto 100%;}
.channelContent06 ul.layoutItem.linkBtn li a:hover:after{width:32px;}

/* ===========================================================
 /corp/index.html
=========================================================== */
/* corpLogo
------------------------------ */
.corpLogo{display:flex;justify-content:flex-start;align-items:center;}
.corpLogo a.topLink{display:block;height:80px;margin-right:20px;padding:14px 20px 6px 40px;}
.corpLogo a.topLink img{display:block;max-height:100%;}
.corpLogo a.cpLink{display:block;color:#333;font-weight:700;font-size:2.4rem;line-height:1.1;text-decoration:none;letter-spacing:0.005em;}

/* indexCorpMenu
------------------------------ */
.indexCorpMenu{overflow:hidden;background-size:4px 4px;background-color:#333;background-image:linear-gradient(
45deg,
#262626 25%,
transparent 25%,
transparent 75%,
#262626 75%,
#262626
),
linear-gradient(
45deg,
#262626 25%,
transparent 25%,
transparent 75%,
#262626 75%,
#262626
);background-position:0 0, 2px 2px;color:#fff;}
.indexCorpMenu ul{display:flex;list-style-type:none;margin:0;padding:27px 0 28px;justify-content:space-between;align-items:center;}
.indexCorpMenu ul li{margin:0;padding:0;}
.indexCorpMenu ul li:last-child{margin-right:0;}
.indexCorpMenu ul li a{color:#fff;font-weight:500;font-size:1.8rem;line-height:1.2;text-decoration:none;}

/* indexCorpKv
------------------------------ */
.indexCorpKv{display:flex;flex-direction:column;height:400px;background:url(/Portals/0/images/corp/index/img_kv.jpg) center center
no-repeat;background-size:cover;justify-content:center;align-items:center;}
.indexCorpKv h1{margin:0 0 55px;font-size:4rem;}
.indexCorpKv h1:before,
.indexCorpKv h1:after{display:none;}
.indexCorpKv ul{display:flex;list-style-type:none;margin:0;padding:0;justify-content:center;align-items:stretch;}
.indexCorpKv ul li{display:flex;position:relative;flex-direction:column;width:280px;height:140px;margin:0 40px 0 0;padding:0;background-color:rgba(255, 255, 255, 0.5);font-weight:700;font-size:2rem;text-align:center;align-items:center;justify-content:center;}
.indexCorpKv ul li:last-child{margin-right:0;}
.indexCorpKv ul li:after{content:"";display:block;position:absolute;top:100%;right:0;left:0;z-index:1;width:0;height:0;margin:0 auto;border-width:18px 10px 0 10px;border-color:transparent;border-style:solid;border-top-color:rgba(255, 255, 255, 0.5);}

/* indexCorpKv
------------------------------ */
.corpContent01{padding:110px 20px 0;}
.corpContent01 > ul.layoutItem{display:flex;list-style-type:none;margin:0;padding:0;align-items:stretch;}
.corpContent01 > ul.layoutItem > li{display:block;flex:1 1 auto;width:calc(50% - 10px);margin:0 20px 20px 0;padding:0;background:#fff;}
.corpContent01 > ul.layoutItem > li > a{display:flex;position:relative;color:#333;text-decoration:none;justify-content:flex-end;align-items:flex-end;}
.corpContent01 > ul.layoutItem > li > a:before{content:"";display:block;position:absolute;top:0;left:0;z-index:1;width:calc(100% - 320px);height:100%;}
.corpContent01 > ul.layoutItem > li.item01 > a:before{background:url(/Portals/0/images/corp/index/bg_service_01.jpg) center top
no-repeat;background-size:cover;}
.corpContent01 > ul.layoutItem > li.item02 > a:before{background:url(/Portals/0/images/corp/index/bg_service_02.jpg) center top
no-repeat;background-size:cover;}
.corpContent01 > ul.layoutItem > li.item03 > a:before{background:url(/Portals/0/images/corp/index/bg_service_03.jpg) center top
no-repeat;background-size:cover;}
.corpContent01 > ul.layoutItem > li.item04 > a:before{background:url(/Portals/0/images/corp/index/bg_service_04.jpg) center top
no-repeat;background-size:cover;}
.corpContent01 > ul.layoutItem > li:nth-child(2n){margin-right:0;}
.corpContent01 > ul.layoutItem > li ul.list{list-style-type:none;position:relative;z-index:10;margin:20px;padding:20px;background-color:rgba(255, 255, 255, 0.8);}
.corpContent01 > ul.layoutItem > li ul.list > li{position:relative;margin:0 0 5px;padding:0 0 0 8px;font-weight:500;font-size:1.4rem;line-height:1.4;}
.corpContent01 > ul.layoutItem > li ul.list > li:last-child{margin-bottom:0;}
.corpContent01 > ul.layoutItem > li ul.list > li:before{content:"";display:block;position:absolute;top:1rem;left:0;width:4px;height:2px;background-color:#333;}
.corpContent01 > ul.layoutItem > li .description{position:relative;z-index:10;width:320px;height:100%;padding:55px 20px 25px;background-color:#333;color:#fff;}
.corpContent01 > ul.layoutItem > li .description > *:last-child{margin-bottom:0;}
.corpContent01 > ul.layoutItem > li .description h3{margin:0 0 68px;padding:0;color:#fff;font-size:2.4rem;text-align:center;}
.corpContent01 > ul.layoutItem > li .description h3:before,
.corpContent01 > ul.layoutItem > li .description h3:after{display:none;}
.corpContent01 > ul.layoutItem > li .description img{display:block;height:50px;margin:0 auto 50px;}
.corpContent01 > ul.layoutItem > li .description p{margin:0;padding:0 10px;}

/* corpContent02
------------------------------ */
.corpContent02{padding:110px 0 0;}
.corpContent02 ul.layoutItem{margin:0;}
.corpContent02 ul.layoutItem li{display:flex;position:relative;width:49.2%;margin:0 1.6% 0 0;justify-content:flex-end;align-items:flex-start;}
.corpContent02 ul.layoutItem li.mail{background:url(/Portals/0/images/corp/index/bg_contact_01.jpg) left top
no-repeat;background-size:cover;}
.corpContent02 ul.layoutItem li.phone{background:url(/Portals/0/images/corp/index/bg_contact_02.jpg) left top
no-repeat;background-size:cover;}
.corpContent02 ul.layoutItem li .bg{width:400px;height:100%;padding:80px 50px 40px;background-size:4px 4px;background-color:rgba(112, 175, 57, 0.9);background-image:linear-gradient(
45deg,
rgba(87, 161, 22, 0.9) 25%,
transparent 25%,
transparent 75%,
rgba(87, 161, 22, 0.9) 75%,
rgba(87, 161, 22, 0.9)
),
linear-gradient(
45deg,
rgba(87, 161, 22, 0.9) 25%,
transparent 25%,
transparent 75%,
rgba(87, 161, 22, 0.9) 75%,
rgba(87, 161, 22, 0.9)
);background-position:0 0, 2px 2px;line-height:1.2;}
.corpContent02 ul.layoutItem li h3{margin:0 0 80px;padding:0;color:#fff;font-size:2.4rem;text-align:center;}
.corpContent02 ul.layoutItem li h3:before{display:none;}
.corpContent02 ul.layoutItem li h3:after{content:"";display:inline-block;width:44px;height:41px;margin:0 0 0 0.75em;vertical-align:middle;}
.corpContent02 ul.layoutItem li.mail h3:after{background:url(/Portals/0/images/corp/index/ico_mail.png) center center
no-repeat;background-size:contain;}
.corpContent02 ul.layoutItem li.phone h3:after{position:relative;bottom:2px;background:url(/Portals/0/images/corp/index/ico_tel.png) center center
no-repeat;background-size:contain;}
.corpContent02 ul.layoutItem li .linkBtn,
.corpContent02 ul.layoutItem li .linkImg{margin:0;padding:0;background-color:#fff;}
.corpContent02 ul.layoutItem li .linkBtn a{display:block;padding:25px 60px 25px 30px;border-radius:0;background-color:#fff;color:#333;text-align:center;}
.corpContent02 ul.layoutItem li .linkBtn a:before{content:"";display:block;left:calc(100% - 45px);width:24px;height:10px;background:url(/Portals/0/images/common/ico_linkbtn_black.png) right center
no-repeat;background-size:auto 100%;}
.corpContent02 ul.layoutItem li .linkBtn a:hover:before{width:34px;}
.corpContent02 ul.layoutItem li .txtSmall{margin:6px 0 0;font-size:1.4rem;}

/* ===========================================================
 /tabid167.html
=========================================================== */
/* --- firstitem --- */
.channelData .layoutItem.firstitemrighted > *:first-child{margin-left:3.5%;}
.channelData .layoutItem.firstitemlefted > *:first-child{margin-right:3.5%;}

/* iconTitle
------------------------------ */
.channelData .iconTitle{margin:1.5em 0 1em;padding:42px 0 0 105px;}
.channelData .iconTitle:before{content:"";display:block;position:absolute;top:0;bottom:inherit;left:0;width:90px;height:80px;margin:0;border:none;border-radius:0;background:transparent none;background-size:auto;background-color:transparent !important;background-repeat:no-repeat;background-position:0 0;}
.channelData .iconTitle.disaster:before{background-image:url(/Portals/0/images/communitychannel/data/ico_title_disaster.png);}
.channelData .iconTitle.evacuation:before{background-image:url(/Portals/0/images/communitychannel/data/ico_title_evacuation.png);}
.channelData .iconTitle.home:before{background-image:url(/Portals/0/images/communitychannel/data/ico_title_home.png);}
.channelData .iconTitle.information:before{background-image:url(/Portals/0/images/communitychannel/data/ico_title_information.png);}
.channelData .iconTitle.police:before{background-image:url(/Portals/0/images/communitychannel/data/ico_title_police.png);}
.channelData .iconTitle.river:before{background-image:url(/Portals/0/images/communitychannel/data/ico_title_river.png);}

/* h4
------------------------------ */
.channelData h4 .txtSmall{font-size:1.4rem;}
.channelData .iconTitle + h4{margin-top:0;}

/* channelBtn
------------------------------ */
.channelData p.linkBtn.channelBtn{margin-bottom:20px;}
.channelData .linkBtn.channelBtn a,
.channelData a.linkBtn.channelBtn{position:relative;margin-right:12px;padding:12px 54px;border:8px solid #ebebeb;background-color:#fff;color:#ffa51f;font-size:1.4rem;line-height:1.2;text-align:center;}
.channelData .linkBtn.channelBtn a:before,
.channelData a.linkBtn.channelBtn:before,
.channelData .linkBtn.channelBtn a:after,
.channelData a.linkBtn.channelBtn:after{display:none;}
.channelData .linkBtn.channelBtn.dIconBtn a,
.channelData a.linkBtn.channelBtn.dIconBtn{padding-right:80px;padding-left:24px;}
.channelData .linkBtn.channelBtn.dIconBtn a:after,
.channelData a.linkBtn.channelBtn.dIconBtn:after{content:"";display:block;position:absolute;top:0;right:24px;bottom:0;width:40px;height:40px;margin:auto 0;border-radius:40px;background:#ffa51f url(/Portals/0/images/communitychannel/index/ico_d.png)
center center no-repeat;}
.channelData .linkBtn.channelBtn a span,
.channelData a.linkBtn.channelBtn span{display:block;font-size:2.4rem;line-height:1;}

/* boxBordered + boxColored
------------------------------ */
.channelData .boxBordered.boxColored{margin-top:20px;border:8px solid #ffa51f;background-color:#fff2de;}

/* policeInfo
------------------------------ */
.layoutItem.policeInfo .tcnInfoWrap{overflow:hidden;width:180px;border-radius:20px;background-size:4px 4px;background-color:#ffa51f;background-image:linear-gradient(
45deg,
#ffb240 25%,
transparent 25%,
transparent 75%,
#ffb240 75%,
#ffb240
),
linear-gradient(
45deg,
#ffb240 25%,
transparent 25%,
transparent 75%,
#ffb240 75%,
#ffb240
);background-position:0 0, 2px 2px;color:#fff;}
.layoutItem.policeInfo .tcnInfoWrap .img{height:112px;margin:0;}
.layoutItem.policeInfo .tcnInfoWrap .description{padding:20px 10px;font-weight:700;}
.layoutItem.policeInfo .tcnInfoWrap .description:after{content:"";display:block;clear:both;}
.layoutItem.policeInfo .tcnInfoWrap .description .title{margin:0 0 8px;}
.layoutItem.policeInfo .tcnInfoWrap .description a.linkTxt{float:right;color:#fff;font-size:1.4rem;}
.layoutItem.policeInfo .tcnInfoWrap .description a.linkTxt:before{background:url(/Portals/0/images/common/ico_linkbtn_white.png) bottom right
no-repeat;}

/* lifeHomeNews
------------------------------ */
.layoutItem.lifeHomeNews .gomiCalendarWrap{padding:30px;}
.layoutItem.lifeHomeNews .gomiCalendarWrap p{margin:0;}

/* ===========================================================
 /new/tabid118.html
=========================================================== */
/* corpContact
------------------------------ */
.corpContact{margin:100px 0 0;}
.corpContact h2{position:relative;border:none;font-size:3rem;}
.corpContact h2:after{content:"";display:block;width:calc(60%);height:4px;margin:4px auto 0;background-color:#333;}
.corpContact ul.layoutItem{margin:0;padding:0 100px;}
.corpContact ul.layoutItem li{position:relative;width:49.2%;margin:0 1.6% 0 0;padding:20px 0 20px 190px;}
.corpContact ul.layoutItem li:before{content:"";display:block;overflow:hidden;position:absolute;top:0;left:0;z-index:-1;width:calc(100% - 40px);height:100%;border-radius:20px;background:url(/Portals/0/images/index/img_contact_01.jpg) 0 0 no-repeat;}
.corpContact ul.layoutItem li.phone:before{background:url(/Portals/0/images/index/img_contact_02.jpg) 0 0 no-repeat;}
.corpContact ul.layoutItem li .bg{height:100%;padding:25px;border-radius:20px;background-size:4px 4px;background-color:rgba(112, 175, 57, 0.9);background-image:linear-gradient(
45deg,
rgba(87, 161, 22, 0.9) 25%,
transparent 25%,
transparent 75%,
rgba(87, 161, 22, 0.9) 75%,
rgba(87, 161, 22, 0.9)
),
linear-gradient(
45deg,
rgba(87, 161, 22, 0.9) 25%,
transparent 25%,
transparent 75%,
rgba(87, 161, 22, 0.9) 75%,
rgba(87, 161, 22, 0.9)
);background-position:0 0, 2px 2px;line-height:1.2;}
.corpContact ul.layoutItem li h3{margin:30px 0 20px;padding:0;color:#fff;font-size:2.2rem;text-align:center;}
.corpContact ul.layoutItem li h3:before{display:none;}
.corpContact ul.layoutItem li h3:after{content:"";display:inline-block;margin:0 0 0 0.5em;vertical-align:middle;}
.corpContact ul.layoutItem li.mail h3:after{width:30px;height:28px;background:url(/Portals/0/images/index/ico_mail.png) center center no-repeat;background-size:contain;}
.corpContact ul.layoutItem li.phone h3:after{position:relative;top:-2px;width:30px;height:28px;background:url(/Portals/0/images/index/ico_tel.png) center center no-repeat;background-size:contain;}
.corpContact ul.layoutItem li .linkBtn,
.corpContact ul.layoutItem li .linkImg{margin:0;padding:0;background-color:#fff;}
.corpContact ul.layoutItem li .linkBtn a{display:block;padding:1em 3em 1em 1em;border-radius:0;background-color:#fff;color:#333;font-size:1.8rem;text-align:center;}
.corpContact ul.layoutItem li .linkBtn a:before{content:"";display:block;left:calc(100% - 39px);width:24px;height:10px;background:url(/Portals/0/images/common/ico_linkbtn_black.png) right center
no-repeat;background-size:auto 100%;}
.corpContact ul.layoutItem li .linkBtn a:hover:before{width:34px;}
.corpContact ul.layoutItem li .txtSmall{margin:6px 0 0;font-size:1.4rem;}

/* ===========================================================
 /tabid186.html
=========================================================== */
.categoryLink.layoutItem{margin:30px 0;}
.categoryLink.layoutItem > *{width:49%;margin:0 2% 2% 0;}
.categoryLink.layoutItem > * a{display:block;position:relative;}
.categoryLink.layoutItem > * .img{display:block;}
.categoryLink.layoutItem > * .img img{display:block;width:100%;}
.categoryLink.layoutItem > * .txt{display:block;position:absolute;bottom:0;left:0;width:100%;padding:20px 25px;background-color:rgba(0, 0, 0, 0.75);color:#fff;font-weight:500;font-size:1.8rem;}
.categoryLink.layoutItem > * .txt:after{content:"";display:inline-block;position:relative;top:-2px;width:25px;height:10px;margin:0;margin:0 0 0 10px;background:url(/Portals/0/images/common/ico_linkbtn_white.png) bottom right
no-repeat;background-size:auto 100%;vertical-align:middle;}

/* ===========================================================
 /sns/
=========================================================== */
/* snsList
------------------------------ */
.snsList{margin:60px 0 100px;}
.snsList dl.definitionList{margin-bottom:10px;}
.snsList dl.definitionList dt,
.snsList dl.definitionList dd{display:flex;flex-direction:column;padding:20px 25px;align-items:flex-start;justify-content:center;}
.snsList dl.definitionList dt{display:flex;flex:0 0 30%;flex-direction:column;align-items:center;justify-content:center;}
.snsList dl.definitionList dt p.img{width:40px;height:40px;margin-bottom:10px;}
.snsList dl.definitionList dt p.mail{display:flex;border-radius:20px;background-color:#444;justify-content:center;align-items:center;}
.snsList dl.definitionList dt p img{width:100%;}
.snsList dl.definitionList dt p.mail img{flex:0 0 26px;width:26px;}
.snsList dl.definitionList dt.linkBtn a{display:block;padding:0.75em 2.5em 0.75em 1em;font-size:1.4rem;line-height:1.3;}
.snsList dl.definitionList dt.linkBtn a.externalLink:after{top:10px;right:10px;bottom:inherit;width:14px;height:14px;background-size:100% auto;}
/* --- charaProfiles --- */
.charaProfiles{margin:0 0 150px;}
.charaProfiles .charaRumor{margin-bottom:30px;}
.charaProfiles table.tableBasic > * > tr > th{width:32%;}
.charaProfiles .layoutItem.firstitemrighted > *:first-child{max-width:250px;padding:20px;background-color:#fff;}
.charaProfiles .layoutItem.firstitemrighted > *:first-child img{display:block;}
/* --- snsContact --- */
.snsContact{}
.snsContact table.tableBasic{margin:0 0 1em;}
.snsContact table.tableBasic > * > tr > th{width:20%;}

/* ===========================================================
 /about/
=========================================================== */
/* companyAbout
------------------------------ */
.companyAbout{position:relative;width:1000px;margin:0 auto 80px;}
.companyAbout h1{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);flex-direction:column;margin:0;color:#fff;font-size:3.4rem;white-space:nowrap;text-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;}
.companyAbout h1:before,
.companyAbout h1:after{display:none;}
.companyAbout h1 .txtSmall{display:block;width:100%;margin:0 0 8px;font-size:2.4rem;text-align:left;}
.companyAbout img{display:block;width:100%;}

/* ===========================================================
 form
=========================================================== */
/* FormBase
------------------------------ */
table.FormBase,
table.Entry{width:100%;max-width:100%;margin:0;border:none;border-top:1px solid #ccc;border-left:1px solid #ccc;}
table.FormBase:last-child,
table.Entry:last-child{margin-bottom:0;}
table.FormBase > * > tr > th,
table.FormBase > * > tr > td,
table.Entry > * > tr > th,
table.Entry > * > tr > td{border:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
table.FormBase > * > tr > th,
table.Entry > * > tr > th:not([colspan]){width:30%;}
table.FormBase input[type="radio"],
table.FormBase input[type="checkbox"],
table.Entry input[type="radio"],
table.Entry input[type="checkbox"],
.EntryWrapArea table.scrollTable input[type="radio"],
.EntryWrapArea table.scrollTable input[type="checkbox"]{display:inline-block;width:14px;height:14px;vertical-align:middle;}

/* table input
------------------------------ */
table.tableBasic.FormBase td textarea,
table.tableBasic.Entry td textarea{width:80%;min-height:5em;}
table.tableBasic.FormBase td input[type="text"],
table.tableBasic.Entry td input[type="text"]{display:inline-block;min-width:80%;vertical-align:top;}
table.tableBasic.FormBase td input[type="submit"].btnAddressSearch,
table.tableBasic.Entry td input[type="submit"].btnAddressSearch{display:inline-block;padding:7px 1em 6px;border:none;background-color:#6fba2c;color:#fff;font-size:1.4rem;line-height:1.4;vertical-align:top;}
.skinBlue table.tableBasic.FormBase td input[type="submit"].btnAddressSearch,
.skinBlue table.tableBasic.Entry td input[type="submit"].btnAddressSearch{background-color:#0352a1;}
.skinGreen table.tableBasic.FormBase td input[type="submit"].btnAddressSearch,
.skinGreen table.tableBasic.Entry td input[type="submit"].btnAddressSearch{background-color:#7fc740;}
.skinOrange table.tableBasic.FormBase td input[type="submit"].btnAddressSearch,
.skinOrange table.tableBasic.Entry td input[type="submit"].btnAddressSearch{background-color:#fda41f;}
.skinCorp table.tableBasic.FormBase td input[type="submit"].btnAddressSearch,
.skinCorp table.tableBasic.Entry td input[type="submit"].btnAddressSearch{background-color:#444;}

/* submitArea
------------------------------ */
.EntryWrapArea table.tableBasic td table.tableBasic{width:100%;}
.EntryWrapArea table.tableBasic td table th[style*="width"]{width:auto !important;}

/* FormPrivacyPolicy
------------------------------ */
.FormPrivacyPolicy{margin:2em 0 2em;padding:2em 4em;border:8px solid rgba(87, 161, 22, 0.15);border-radius:10px;}
.FormPrivacyPolicy > .Normal{display:block;font-weight:700;font-size:1.8rem;}
.FormPrivacyPolicy table.chlPrivacyPolicy{width:100%;margin:0.25em 0 0;}
.FormPrivacyPolicy table.chlPrivacyPolicy input[type="checkbox"]{display:inline-block;width:14px;height:14px;vertical-align:middle;}
/* --- skin color --- */
.skinBlue .FormPrivacyPolicy{border-color:rgba(3, 82, 161, 0.15);}
.skinGreen .FormPrivacyPolicy{border-color:rgba(111, 186, 44, 0.15);}
.skinOrange .FormPrivacyPolicy{border-color:rgba(255, 165, 31, 0.15);}
.skinCorp .FormPrivacyPolicy{border-color:rgba(255, 165, 31, 0.15);}

/* submitArea
------------------------------ */
[id*="_ViewMailForm"] .submitArea > input[type="submit"].submitBtn.notice{display:inline-block;margin:0;border-color:#6fba2c !important;background-color:#6fba2c;}
/* --- skin color --- */
.skinBlue
  [id*="_ViewMailForm"]
  .submitArea > input[type="submit"].submitBtn.notice{border-color:#0352a1 !important;background-color:#0352a1;}
.skinGreen
  [id*="_ViewMailForm"]
  .submitArea > input[type="submit"].submitBtn.notice{border-color:#7fc740 !important;background-color:#7fc740;}
.skinOrange
  [id*="_ViewMailForm"]
  .submitArea > input[type="submit"].submitBtn.notice{border-color:#fda41f !important;background-color:#fda41f;}
.skinCorp
  [id*="_ViewMailForm"]
  .submitArea > input[type="submit"].submitBtn.notice{border-color:#444 !important;background-color:#444;}

/* table + table
------------------------------ */
.EntryWrapArea > table.Entry:first-child,
.EntryWrapArea > table.Entry + table.Entry{border-top:none;}
.FormBaseWrapArea h2:first-child,
.EntryWrapArea h2:first-child{margin-top:2em;}

/* scrollTable - /support/inquiry/change_option_tv/
------------------------------ */
.EntryWrapArea .scrollWrap{margin-bottom:0;}
.EntryWrapArea .scrollWrap table.scrollTable{width:100%;border:1px solid #ccc;border-top:none;}
.EntryWrapArea .scrollWrap table.scrollTable > * > tr > *{padding:0.5em 0.75em;border-top:1px solid #ccc;}
.EntryWrapArea .scrollWrap table.scrollTable > * > tr:first-child > *{border-top:none;}
.EntryWrapArea .scrollWrap table.scrollTable table:not(.tableBasic),
.EntryWrapArea
  .scrollWrap
  table.scrollTable
  table:not(.tableBasic) > * > tr > td{border:none;}
.EntryWrapArea .scrollWrap table.scrollTable table.tableBasic{margin-bottom:0;}
.EntryWrapArea
  .scrollWrap
  table.scrollTable
  table.tableBasic > * > tr > th:first-child{width:30% !important;}
.EntryWrapArea .scrollWrap table.scrollTable table.tableBasic > * > tr > th,
.EntryWrapArea .scrollWrap table.scrollTable table.tableBasic > * > tr > td{font-size:1.6rem;}

/* MulticolumnTableWrap
------------------------------ */
.MulticolumnTableWrap table.TblInput.Entry.tableBasic > * > tr > th{width:auto;}
.MulticolumnTableWrap
  table.TblInput.Entry.tableBasic > * > tr > th:not([colspan]){width:10%;}

/* chlReceiveRentalFee
------------------------------ */
table.chlReceiveRentalFee,
table.chlReceiveRentalFee > tbody,
table.chlReceiveRentalFee > tbody > tr,
table.chlReceiveRentalFee > tbody > tr > th,
table.chlReceiveRentalFee > tbody > tr > td{display:block;}
table.chlReceiveRentalFee > tbody > tr > td{padding:2em 0;font-weight:600;}

/* channelSelectTable - /support/inquiry/change_course_tv/
------------------------------ */
.EntryWrapArea table.tableBasic table.tableBasic.channelSelectTable,
.EntryWrapArea table.tableBasic table.tableBasic.channelSelectTable > tbody,
.EntryWrapArea
  table.tableBasic
  table.tableBasic.channelSelectTable > tbody > tr,
.EntryWrapArea
  table.tableBasic
  table.tableBasic.channelSelectTable > tbody > tr > th,
.EntryWrapArea
  table.tableBasic
  table.tableBasic.channelSelectTable > tbody > tr > td{display:block;margin:0;padding:0;border:none;}
.EntryWrapArea table.tableBasic table.tableBasic.channelSelectTable > thead{display:none;}
.EntryWrapArea
  table.tableBasic
  table.tableBasic.channelSelectTable
  table[id*="ViewMailForm_grdCategoryTitleG_grdCategoryOption"] > thead{display:none;}

/* /support/inquiry/change_course_net/
------------------------------ */
table.FormBase > * > tr > th h4,
table.FormBase > * > tr > td h4,
table.Entry > * > tr > th h4,
table.Entry > * > tr > td h4{margin-top:1em;}

/* ===========================================================
 /new_customer/simulation/
=========================================================== */
/* global
------------------------------ */
.ViewPriceSimulation{padding-bottom:150px;}
.ViewPriceSimulation input{outline:none;cursor:pointer;transition:opacity 0.3s ease-in-out;}
.ViewPriceSimulation input:hover{opacity:0.7;}
.ViewPriceSimulation .lblSelectAddressInfo{margin:0 0 15px;text-align:center;}
.ViewPriceSimulation select{display:block;margin:0 auto;padding:10px 20px;border:none;border-radius:10px;outline:none;background-color:#f2f2f2;font-size:1.8rem;cursor:pointer;}

/* dvHouseType
------------------------------ */
.ViewPriceSimulation #dvHouseType .dvSimuHead{margin:0 0 60px;padding:0;color:#0352a1;font-weight:700;font-size:3.2rem;line-height:1.8;text-align:center;}
.ViewPriceSimulation #dvHouseType .dvOtherAreaInfo{font-size:2rem;text-align:center;}

/* dvStepArea
------------------------------ */
.ViewPriceSimulation .dvStepArea .dvStep{display:flex;margin:60px 0 42px;border-bottom:4px solid #0352a1;justify-content:flex-start;align-items:center;}
.ViewPriceSimulation .dvStepArea .dvStep .stepWrap{width:160px;height:60px;margin:0 32px 0 0;padding:16px 20px 0;border-radius:10px 10px 0 0;background-color:#0352a1;color:#fff;font-family:"Montserrat", sans-serif;font-weight:700;line-height:1;text-align:center;letter-spacing:0.1em;}
.ViewPriceSimulation .dvStepArea .dvStep .lblStep{margin:0;font-size:2.4rem;vertical-align:baseline;}
.ViewPriceSimulation .dvStepArea .dvStep .lblStepNo{font-size:4rem;vertical-align:baseline;}
.ViewPriceSimulation .dvStepArea .dvStep .lblStep1{font-weight:700;font-size:3.2rem;}

/* STEP1 - dvHouseTypeBtn
------------------------------ */
.ViewPriceSimulation #dvHouseTypeBtn{display:flex;justify-content:space-between;}
.ViewPriceSimulation #dvHouseTypeBtn .btnHouseTypeSingle,
.ViewPriceSimulation #dvHouseTypeBtn .btnHousingComplex{display:block;flex:1 1 48%;height:130px;margin:0;border:4px solid transparent;border-radius:20px;outline:none;background-color:#f2f2f2;transition:border 0.3s ease-in-out;}
.ViewPriceSimulation #dvHouseTypeBtn .btnHouseTypeSingle.selected,
.ViewPriceSimulation #dvHouseTypeBtn .btnHousingComplex.selected{border-color:#ffa51f;}
.ViewPriceSimulation #dvHouseTypeBtn .btnHouseTypeSingle{margin-right:4%;}
.ViewPriceSimulation #dvHouseTypeBtn .btnHousingComplex{}
.ViewPriceSimulation #dvHouseTypeBtn .btnHouseTypeSingle:before,
.ViewPriceSimulation #dvHouseTypeBtn .btnHousingComplex:before{}
.ViewPriceSimulation #dvHouseTypeBtn .btnHouseTypeSingle:before{}
.ViewPriceSimulation #dvHouseTypeBtn .btnHousingComplex:before{}
.ViewPriceSimulation #dvHouseTypeBtn .btnHouseTypeSingle input,
.ViewPriceSimulation #dvHouseTypeBtn .btnHousingComplex input{display:flex;width:100%;height:100%;padding:10px 10px 10px 80px;border:none;outline:none;background-color:transparent;color:#444;font-weight:700;font-size:2.4rem;transition:opacity 0.3s ease-in-out, background 0.3s ease-in-out;justify-content:center;align-items:center;}
.ViewPriceSimulation #dvHouseTypeBtn .btnHouseTypeSingle input{background:url(/Portals/0/images/new/simulation/img_step01_01.png) 160px
center no-repeat;}
.ViewPriceSimulation #dvHouseTypeBtn .btnHousingComplex input{background:url(/Portals/0/images/new/simulation/img_step01_02.png) 160px
center no-repeat;}
/* --- selected --- */
.ViewPriceSimulation #dvHouseTypeBtn .btnHouseTypeSingle.selected input{background:url(/Portals/0/images/new/simulation/img_step01_01_selected.png)
160px center no-repeat;}
.ViewPriceSimulation #dvHouseTypeBtn .btnHousingComplex.selected input{background:url(/Portals/0/images/new/simulation/img_step01_02_selected.png)
160px center no-repeat;}

/* STEP1 - dvApartInfo
------------------------------ */
.ViewPriceSimulation #dvHouseType .dvApartInfo{margin:15px 0;text-align:center;}

/* bgTitle
------------------------------ */
.ViewPriceSimulation .bgTitle{margin:40px 0 32px;padding:13px 1em 14px;background-color:rgba(3, 82, 161, 0.1);color:#034587;font-weight:700;font-size:2.8rem;line-height:1.2;text-align:center;}

/* STEP2 - dvPostCode
------------------------------ */
.ViewPriceSimulation #dvStep2PostCode .dvPostCode{margin:0 0 10px;text-align:center;letter-spacing:-0.5em;}
.ViewPriceSimulation #dvStep2PostCode .dvPostCode *{letter-spacing:0;}
.ViewPriceSimulation #dvStep2PostCode .dvPostCode .lblPostMark{display:inline-block;overflow:hidden;width:24px;height:24px;margin:0 16px 0 0;background:url(/Portals/0/images/new/simulation/img_step02_01.png) 0 0
no-repeat;vertical-align:middle;white-space:nowrap;text-indent:200%;}
.ViewPriceSimulation #dvStep2PostCode .dvPostCode .txtPostCode{display:inline-block;width:240px;padding:16px 40px;border:none;border-radius:10px;outline:none;background-color:#f2f2f2;font-weight:700;font-size:2.4rem;text-align:center;vertical-align:middle;}
.ViewPriceSimulation #dvStep2PostCode .dvPostCodeInfo{font-size:1.4rem;text-align:center;}
.ViewPriceSimulation #dvStep2PostCode .dvPostCodeInfo > *{display:inline-block;margin-right:1em;}
.ViewPriceSimulation #dvStep2PostCode #dvJudg{margin:35px 0 80px;}
.ViewPriceSimulation #dvStep2PostCode #dvJudg input{display:block;margin:0 auto;padding:17px 61px 16px;border:none;border-radius:10px;background-color:#0352a1;color:#fff;font-weight:700;font-size:1.8rem;letter-spacing:0.05em;}

/* STEP2 - dvDistrict
------------------------------ */
.ViewPriceSimulation #dvDistrict{color:#f00;font-weight:500;text-align:center;}
.ViewPriceSimulation #dvDistrict .lblSelectAddressInfo{margin:0 0 15px;color:#333;text-align:center;}
.ViewPriceSimulation #dvDistrict table#repArea{width:100%;margin:0 auto 15px;border-top:1px solid #ccc;border-left:1px solid #ccc;color:#333;font-size:1.6rem;}
.ViewPriceSimulation #dvDistrict table#repArea > * tr > th,
.ViewPriceSimulation #dvDistrict table#repArea > * tr > td{padding:0.5em 0.5em;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height:1.2;text-align:center;vertical-align:middle;}
.ViewPriceSimulation #dvDistrict table#repArea > * tr > th:nth-child(2),
.ViewPriceSimulation #dvDistrict table#repArea > * tr > td:nth-child(2){text-align:left;}
.ViewPriceSimulation #dvDistrict table#repArea > * tr > th{background-color:#f2f2f2;}
.ViewPriceSimulation #dvDistrict table#repArea > * tr > td{}
.ViewPriceSimulation #dvDistrict table#repArea > * tr > td a{text-decoration:none;}
.ViewPriceSimulation #dvDistrict table#repArea > * tr > td input[type="radio"]{display:block;width:16px;height:16px;margin:auto;}

/* STEP2 - dvDispSV
------------------------------ */
.ViewPriceSimulation #dvDispSV .btnService{margin:35px 0 80px;}
.ViewPriceSimulation #dvDispSV .btnService input{display:block;margin:0 auto;padding:17px 61px 16px;border:none;border-radius:10px;background-color:#0352a1;color:#fff;font-weight:700;font-size:1.8rem;letter-spacing:0.05em;}

/* STEP3 - dvSVStep
------------------------------ */
.ViewPriceSimulation #dvSVStep{margin:0 0 20px;}
.ViewPriceSimulation #dvSVStep .itemWrap > *{flex:1 1 23.875%;width:23.875%;max-width:23.875%;margin:0 1.5% 1.5% 0;}
.ViewPriceSimulation #dvSVStep .itemWrap > *:nth-child(4n){margin-right:0;}
/* --- dvHikariPlus --- */
.ViewPriceSimulation #dvSVStep .itemWrap > * a > *{max-width:100%;}
.ViewPriceSimulation #dvSVStep .itemWrap > * a *[class*="Info"]{display:block;margin:5px 0 0;font-weight:400;font-size:1.6rem;}

/* itemWrap
------------------------------ */
.ViewPriceSimulation .itemWrap{display:flex;margin:0 0 30px;flex-wrap:wrap;}
.ViewPriceSimulation .itemWrap > *{flex:1 1 49.5%;width:49.5%;max-width:49.5%;margin:0 1% 1% 0;}
.ViewPriceSimulation .itemWrap > *:nth-child(2n){margin-right:0;}
.ViewPriceSimulation .itemWrap a{display:flex;flex-direction:column;height:100%;padding:15px 0.5em 15px;border:4px solid transparent;border-radius:10px;background-color:#f2f2f2;color:#444;font-weight:700;font-size:2rem;line-height:1.2;text-decoration:none;text-align:center;justify-content:center;align-items:center;flex-wrap:wrap;}
.ViewPriceSimulation .itemWrap a:hover{border-color:#ffa51f;}
.ViewPriceSimulation .itemWrap .selected a{border-color:#ffa51f;background-color:#ffa51f;color:#fff;}
.ViewPriceSimulation .itemWrap a [class*="Name"]{display:block;max-width:100%;margin:0 0 4px;}
.ViewPriceSimulation .itemWrap a [class*="Mfee"]{display:block;max-width:100%;}

/* dvDisp2nd
------------------------------ */
.ViewPriceSimulation #dvDisp2nd{}
.ViewPriceSimulation #dvDisp2nd .itemWrap{margin:60px 0 0;}
.ViewPriceSimulation #dvDisp2nd .itemWrap > *{flex:1 1 100%;width:auto;max-width:100%;margin:0;}
.ViewPriceSimulation #dvDisp2nd .itemWrap > .btnDisp2nd a{padding:20px 1em;font-size:2.8rem;}

/* dvVD
------------------------------ */
.ViewPriceSimulation #dvVD .itemWrap > *{flex:0 1 auto;width:auto;max-width:inherit;margin:0 1em 0 0;padding:0 1em 5px;border-bottom:2px solid #ffa51f;font-weight:500;font-size:1.8rem;}

/* fixPriceArea
------------------------------ */
.ViewPriceSimulation .fixPriceArea{position:fixed;bottom:0;left:0;z-index:100;width:100%;background-color:#ffa51f;}
.ViewPriceSimulation .fixPriceArea .dbInner{display:flex;width:1200px;margin:0 auto;padding:20px 0;}
.ViewPriceSimulation .fixPriceArea .dbInner #dvCommand{flex:1 1 400px;}
.ViewPriceSimulation .fixPriceArea .dbInner #dvPrice{flex:1 1 760px;margin:0 40px 0 0;padding:15px 20px;border-radius:10px;background-color:#fff;color:#eb7b05;font-weight:700;font-size:2rem;text-align:left;}
.ViewPriceSimulation .fixPriceArea .dbInner .lblTitlePrice{margin:0 5em 0 0;}
.ViewPriceSimulation .fixPriceArea .dbInner .lblPrice .value{font-size:4.8rem;}
.ViewPriceSimulation .fixPriceArea .dbInner .lblTaxInPrice{}
.ViewPriceSimulation .fixPriceArea a.cmdPopUp,
.ViewPriceSimulation .fixPriceArea a.cmdInquiry{display:block;position:relative;max-width:100%;margin:0 0 20px;padding:0.85em 3.5em 0.85em 2em;border-radius:10px;background-color:#0352a1;color:#fff;font-weight:700;font-size:1.8rem;line-height:1.2;text-decoration:none;}
.ViewPriceSimulation .fixPriceArea a.cmdInquiry{margin-bottom:0;background-color:#eb7b05;}
.ViewPriceSimulation .fixPriceArea a.cmdPopUp:before,
.ViewPriceSimulation .fixPriceArea a.cmdInquiry:before{content:"";display:block;position:absolute;top:0;bottom:0;left:calc(100% - 42px);width:22px;height:10px;margin:auto 0;background:url(/Portals/0/images/common/ico_linkbtn_white.png) bottom right
no-repeat;background-size:auto 100%;}
.ViewPriceSimulation .fixPriceArea #dvResultPrice{margin:0 0 12px;border-bottom:2px solid rgba(255, 165, 31, 0.3);}
.ViewPriceSimulation .fixPriceArea #dvVariousDiscounts{color:#333;font-size:1.6rem;}
.ViewPriceSimulation .fixPriceArea #dvVariousDiscounts p{margin:0;}

/* dvConfirm
------------------------------ */
.ViewPriceSimulation #dvConfirm{display:none;}
.simulationDetailWrap{}
.simulationDetailWrap .simulationDetail{min-width:740px;padding:20px 0;font-family:"Noto Sans", "Noto Sans JP", "Meiryo", "Verdana",
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",
"ＭＳ Ｐゴシック", "sans-serif";font-weight:400;font-size:1.6rem;}
.simulationDetailWrap .simulationDetail > h2:first-child{margin-top:0;}
.simulationDetailWrap .simulationDetail > table.tableBasic{margin:0 0 30px;}
.simulationDetailWrap
  .simulationDetail > table.tableBasic > * > tr > td:last-child{text-align:right;}
.simulationDetailWrap .simulationDetail > .monthlyTotal{padding:0 0 4px;border-bottom:3px solid #0352a1;font-weight:700;font-size:2rem;text-align:right;}
.simulationDetailWrap .simulationDetail > .monthlyTotal .txt{display:inline-block;margin:0 0.5em 0 0;}
.simulationDetailWrap .simulationDetail > .monthlyTotal .value{display:inline-block;}

/* ===========================================================
 /support/inquiry/change_course_net/
 /support/inquiry/change_course_tv/
=========================================================== */
.boxBordered.scrollTermWrap{overflow-y:auto;max-height:400px;}
.boxBordered.scrollTermWrap .scrollTerm .scrollTermInner > *:first-child{margin-top:0;}

/* ===========================================================
 Migration
=========================================================== */
/* smartvalue - /new/tabid118.html
------------------------------ */
.old_content.smartvalue h2{margin-top:2em;}
.old_content.smartvalue .headline__img{margin:0;padding:25px 0 30px;}
.old_content.smartvalue .headline__img:before,
.old_content.smartvalue .headline__img:after{display:none;}
.old_content.smartvalue .headline__link__wrapper a{padding:13px 30px 12px 50px;font-size:1.4rem;text-decoration:none;}
.old_content.smartvalue .headline__link__wrapper a h3{margin:0 0 0.25em;padding:0;font-size:2.4rem;}
.old_content.smartvalue .headline__link__wrapper a h3:before,
.old_content.smartvalue .headline__link__wrapper a h3:after{display:none;}
.old_content.smartvalue .headline__link__wrapper a h3 span{color:#eb5506;}
.old_content.smartvalue .headline__link__wrapper a p{margin-bottom:0;}
.old_content.smartvalue .set__wrapper{display:flex;position:relative;margin-bottom:30px;padding-bottom:40px;justify-content:space-between;}
.old_content.smartvalue .set__wrapper:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:35px;height:35px;margin:auto;background:url(/Portals/0/resources/smartvalue/images/plus.png) 0 0 no-repeat;}
.old_content.smartvalue .set__wrapper:after{content:"";position:absolute;right:0;bottom:-30px;left:0;width:0;height:0;margin:0 auto;border-width:30px 50px 0 50px;border-color:#cf5c1b transparent transparent transparent;border-style:solid;}
.old_content.smartvalue .set__wrapper > .set__content{display:flex;flex-direction:column;width:46%;padding:30px 40px;text-align:center;flex-wrap:wrap;justify-content:flex-start;}
.old_content.smartvalue .set__wrapper > .set__content.set__catv{border:4px solid #89bc36;}
.old_content.smartvalue .set__wrapper > .set__content.set__au{border:4px solid #cf5c1b;}
.old_content.smartvalue .set__wrapper > .set__content .headline{margin:0 0 20px;font-weight:bold;font-size:3rem;}
.set__catv__headline--color{margin-right:5px;color:#89bc36;font-size:3.2rem;}
.old_content.smartvalue .set__wrapper > .set__content .headline .txt_au{margin-right:5px;color:#eb5506;font-size:4rem;}
.old_content.smartvalue .set__wrapper > .set__content > *{flex:0 0 auto;}
.old_content.smartvalue .set__wrapper > .set__content > .set__au__text{display:flex;flex:1 0 auto;font-weight:700;font-size:2rem;justify-content:center;align-items:center;}
.old_content.smartvalue
  .set__wrapper > .set__content > .set__au__text
  .set__au__text--star-note{font-weight:400;font-size:1.2rem;}
.old_content.smartvalue .set__wrapper > .set__content .set__catv__plan{overflow:hidden;width:315px;height:70px;margin:10px auto;padding:7px 0;border:2px solid #89bc36;}
.old_content.smartvalue h2.set__message{padding:0;border:none;text-align:center;}
.old_content.smartvalue .set__example .set__example__main{display:block;margin:0 auto 30px;text-align:center;}
.old_content.smartvalue h3.set__example__label{padding:0;text-align:center;}
.old_content.smartvalue h3.set__example__label:before,
.old_content.smartvalue h3.set__example__label:after{display:none;}
.old_content.smartvalue .steps h2.steps__headline{display:flex;margin-top:0;margin-bottom:0;padding:0;border:none;}
.old_content.smartvalue .steps .steps__headline__number{display:inline-block;width:115px;border:1px solid #e5e5e5;box-sizing:border-box;border-collapse:collapse;background:#cf5c1b;color:#fff;font-size:18px;line-height:50px;text-align:center;}
.old_content.smartvalue .steps .steps__headline__numberUq{display:inline-block;width:115px;border:1px solid #e5e5e5;box-sizing:border-box;border-collapse:collapse;background:#008fd5;color:#fff;font-size:18px;line-height:50px;text-align:center;}
.old_content.smartvalue .steps .steps__headline__title{display:block;position:relative;flex:1 0 auto;padding:15px 0 15px 20px;border:1px solid #e5e5e5;border-collapse:collapse;background:#fff;font-weight:bold;font-size:20px;}
.old_content.smartvalue .steps .steps__headline__title:after{content:"";display:block;clear:both;}
.old_content.smartvalue .steps .steps__headline__link{float:right;font-size:1.4rem;}
.old_content.smartvalue .steps__content{display:-ms-grid;display:grid;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%;-ms-grid-rows:130px max-content 130px;grid-template-rows:130px -webkit-max-content 130px;grid-template-rows:130px max-content 130px;}
.old_content.smartvalue .steps__content__choice__text{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;width:160px;height:50px;margin:30px auto 50px;padding:12px 0;border:1px solid #e5e5e5;font-weight:bold;font-size:24px;text-align:center;align-items:center;justify-content:center;}
.old_content.smartvalue .steps__content__choice--left{position:relative;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1 / 2;}
.old_content.smartvalue .steps__content__choice--left:before{content:"";position:absolute;top:0;right:0;left:0;width:22px;height:30px;margin:0 auto;background:#f5ded1;}
.old_content.smartvalue .steps__content__choice--left:after{content:"";position:absolute;right:0;bottom:0;left:0;width:22px;height:50px;margin:0 auto;background:#f5ded1;}
.old_content.smartvalue .steps__contentUq__choice--left{position:relative;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1 / 2;}
.old_content.smartvalue .steps__contentUq__choice--left:before{content:"";opacity:0.2;position:absolute;top:0;right:0;left:0;width:22px;height:30px;margin:0 auto;background:#008fd5;}
.old_content.smartvalue .steps__contentUq__choice--left:after{content:"";opacity:0.2;position:absolute;right:0;bottom:0;left:0;width:22px;height:50px;margin:0 auto;background:#008fd5;}
.old_content.smartvalue .steps__content__choice--right{position:relative;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1 / 2;}
.old_content.smartvalue .steps__content__choice--right:before{content:"";position:absolute;top:0;right:0;left:0;width:22px;height:30px;margin:0 auto;background:#e5e5e5;}
.old_content.smartvalue .steps__content__choice--right:after{content:"";position:absolute;right:0;bottom:0;left:0;width:38px;height:50px;margin:0 auto;background-image:url(/Portals/0/resources/smartvalue/images/arrow_end_no.png);background-repeat:no-repeat;}
.old_content.smartvalue .steps__content__choice__text--yes{color:#cf5c1b;}
.old_content.smartvalue .steps__content__choice__textUq--yes{color:#008fd5;}
.old_content.smartvalue .steps__content__choice__text--no{color:#000;}
.old_content.smartvalue .steps__content__box--left{position:relative;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;}
.old_content.smartvalue .steps__content__box--left:before{content:"";position:absolute;top:0;right:0;left:0;width:22px;height:100%;margin:0 auto;background:#f5ded1;}
.old_content.smartvalue .steps__contentUq__box--left{position:relative;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;}
.old_content.smartvalue .steps__contentUq__box--left:before{content:"";opacity:0.2;position:absolute;top:0;right:0;left:0;width:22px;height:100%;margin:0 auto;background:#008fd5;}
.old_content.smartvalue .steps__content__box--right{position:relative;padding:20px 20px 20px 20px;background:#fffae5;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2 / 3;}
.old_content.smartvalue .steps__box__service{width:100%;font-size:14px;line-height:20px;text-align:center;}
.old_content.smartvalue .steps__box__service__link{color:#06a;font-weight:normal;text-decoration:none;}
.old_content.smartvalue .steps__box__service__link:hover{text-decoration:underline;}
.old_content.smartvalue .steps__box__service__text--large{padding-bottom:10px;font-weight:bold;font-size:20px;}
.old_content.smartvalue .steps__box__service__text--medium{padding:0 0 10px;font-weight:bold;font-size:15px;}
.old_content.smartvalue .steps__box__service__text--medium:before,
.old_content.smartvalue .steps__box__service__text--medium:after{display:none;}
.old_content.smartvalue .steps__box__service__text--small{padding-bottom:10px;font-size:14px;}
.old_content.smartvalue .steps__content__action--left{position:relative;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3 / 4;}
.old_content.smartvalue .steps__content__action--left:before{content:"";position:absolute;top:0;right:0;left:0;width:22px;height:80px;margin:0 auto;background:#f5ded1;}
.old_content.smartvalue .steps__content__action--left:after{content:"";position:absolute;right:0;bottom:0;left:0;width:38px;height:50px;margin:0 auto;background-image:url(/Portals/0/resources/smartvalue/images/arrow_end_yes.png);background-repeat:no-repeat;}
.old_content.smartvalue .steps__contentUq__action--left{position:relative;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3 / 4;}
.old_content.smartvalue .steps__contentUq__action--left:before{content:"";opacity:0.2;position:absolute;top:0;right:0;left:0;width:22px;height:80px;margin:0 auto;background:#0091d8;}
.old_content.smartvalue .steps__contentUq__action--left:after{content:"";position:absolute;right:0;bottom:0;left:0;width:38px;height:50px;margin:0 auto;background-image:url(/Portals/0/resources/smartvalue/images/arrow_endUq_yes.png);background-repeat:no-repeat;}
.old_content.smartvalue .steps__content__action--right{position:relative;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3 / 4;}
.old_content.smartvalue .steps__content__action--right:before{content:"";position:absolute;top:0;right:0;left:0;width:22px;height:30px;margin:0 auto;background:#e5e5e5;}
.old_content.smartvalue .steps__content__action--right:after{content:"";position:absolute;right:0;bottom:0;left:0;width:38px;height:50px;margin:0 auto;background-image:url(/Portals/0/resources/smartvalue/images/arrow_end_no.png);background-repeat:no-repeat;}
.old_content.smartvalue .steps__content__action__text{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:50px;margin:30px auto 50px;border:1px solid #cf5c1b;color:#cf5c1b;font-weight:bold;font-size:20px;line-height:50px;text-align:center;}
.old_content.smartvalue .steps__content__action__textUq{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:50px;margin:30px auto 50px;border:1px solid #008fd5;color:#008fd5;font-weight:bold;font-size:20px;line-height:50px;text-align:center;}
.old_content.smartvalue .steps__box__mnp__text{padding:0;color:#333;font-weight:bold;font-size:16px;line-height:1.5em;text-align:center;}
.old_content.smartvalue .steps__box__mnp__text:before,
.old_content.smartvalue .steps__box__mnp__text:after{display:none;}
.old_content.smartvalue .steps__box__mnp__button{margin:5px 0 20px;font-size:1.4rem;}
.old_content.smartvalue .steps__box__mnp__link{font-size:1.4rem;}
.old_content.smartvalue .steps__step3__text{padding:20px 0 60px;font-size:1.4rem;line-height:1.5em;}
.old_content.smartvalue .steps__step3__box{display:flex;justify-content:center;align-items:center;}
.old_content.smartvalue .steps__step3__box h2{margin:0;padding:0;border:none;font-size:2rem;}
/* --- CAUTION --- */
.old_content.smartvalue .caution{border:1px solid #e5e5e5;font-size:1.2rem;}
.old_content.smartvalue .caution p{margin:0 0 15px;padding:0;font-size:1.2rem;}
.old_content.smartvalue .caution .boxBordered{border:1px solid #e5e5e5;border-radius:0;}
.old_content.smartvalue .caution__headline{display:block;margin:0;padding:15px 20px;border-bottom:1px solid #e5e5e5;font-weight:bold;font-size:16px;text-align:left;}
.old_content.smartvalue .caution__headline:before,
.old_content.smartvalue .caution__headline:after{display:none;}
.old_content.smartvalue .caution__content{padding:20px 20px 0 20px;font-size:12px;line-height:20px;}
.old_content.smartvalue .caution__content__title{margin:0;padding:0;border:none;font-weight:bold;font-size:100%;}
.old_content.smartvalue .caution__content__title:before,
.old_content.smartvalue .caution__content__title:after{display:none;}
.old_content.smartvalue .caution__content__link a{display:inline-block;position:relative;color:#06a;font-weight:normal;font-size:1.2rem;line-height:15px;text-decoration:none;text-align:left;vertical-align:middle;word-wrap:break-word;}
.old_content.smartvalue .caution__content__link a::after{content:"";position:absolute;top:0;right:0;bottom:0;width:6px;height:10px;margin:auto;}
.old_content.smartvalue .caution__content__link a:hover{text-decoration:underline;}
/* --- CAUTION --- */
.old_content.smartvalue .price-note{margin-right:40px;padding-top:10px;font-size:12px;line-height:20px;text-align:right;}
.price-note--red{color:#f00;}
/* --- family --- */
.old_content.smartvalue .family .family__summary h2{margin:0;padding:0;border:none;text-align:center;}
.old_content.smartvalue .family .family__summary h2.family__summary__label1{padding:10px 0 40px 0;}
.old_content.smartvalue .family .family__summary h2.family__summary__label2{margin-bottom:30px;}
.old_content.smartvalue .family .family__summary img{display:block;margin:0 auto;}

/* tbl_bloc - /new/tabid118.html
------------------------------ */
.news_text .tbl_bloc{margin:0 0 1em;}
.news_text .tbl_bloc table{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-collapse:collapse;}
.news_text .tbl_bloc th{width:auto;padding:5px 10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#eee;text-align:left;white-space:nowrap;}
.news_text .tbl_bloc td{padding:5px 10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

/*===========================================================
 Outsourcing CSS 1 - SS -
===========================================================*/
/*===========================================================
 components
===========================================================*/
/* --- tab --- */
.ui-tabs-nav li{border-bottom:4px solid #ccc;}
.ui-tabs-nav li + li{margin-left:8px;}
.ui-tabs-nav li a{display:flex !important;width:290px;padding:1em 0 !important;color:#777;text-decoration:none;align-items:center;justify-content:center;}
.ui-tabs-nav li.ui-tabs-active{border-bottom:0;border-radius:20px 20px 0 0;}
.ui-tabs-nav li.ui-tabs-active a{color:#fff;font-weight:700;}
.skinBlue .ui-tabs-nav li.ui-tabs-active{background:#0352a1;}
.skinGreen .ui-tabs-nav li.ui-tabs-active{background:#57a116;}
.skinOrange .ui-tabs-nav li.ui-tabs-active{background:#ffa51f;}
.skinCorp .ui-tabs-nav li.ui-tabs-active{border-radius:0;background:#000;}
/* --- searchArea --- */
.productSearchArea{display:flex;flex-direction:column;width:70%;margin:auto;align-items:center;justify-content:space-between;}
.productSearchArea .productSearchItem{width:100%;border:0;}
.productSearchArea .productSearchItem div:nth-child(1){width:29%;}
.productSearchArea .productSearchItem div:nth-child(2){width:71%;}
.productSearchArea .productSearchItem div:nth-child(2) *{width:100%;padding:0;}
.productSearchItem label{font-weight:700;font-size:2.4rem;}
.productSearchItem input[id^="dnn_"][type="text"],
.productSearchItem select[id^="dnn_"]{width:100%;padding:0.8em 0.2em 0.8em 1em !important;border:0;border-radius:10px;background:#f2f2f2;}
.productSearchArea + .submitArea{margin-top:50px;}
.productSearchArea + .submitArea input[id^="dnn_"][type="submit"]{width:20%;margin:0;padding:0.9em 0;font-size:2rem;}
.productSearchArea + .submitArea input:last-child{margin-left:50px;}
.productSearchArea + .submitArea input[id^="dnn_"][type="submit"].cmdSearch{border-radius:10px;font-weight:700;}
.productSearchArea + .submitArea input[id^="dnn_"][type="submit"].cmdClear{border-radius:10px;background:#fff;font-weight:700;}
/* --- setting for each skin --- */
.skinBlue .productSearchItem label,
.skinBlue
  .productSearchArea + .submitArea
  input[id^="dnn_"][type="submit"].cmdClear{color:#0352a1;}
.skinBlue input[id^="dnn_"][type="submit"].cmdSearch{background:#0352a1;}
.skinBlue .productSearchArea + .submitArea input[id^="dnn_"][type="submit"]{border:4px solid #0352a1 !important;}
.skinGreen .productSearchItem label,
.skinGreen
  .productSearchArea + .submitArea
  input[id^="dnn_"][type="submit"].cmdClear{color:#57a116;}
.skinGreen input[id^="dnn_"][type="submit"].cmdSearch{background:#57a116;}
.skinGreen .productSearchArea + .submitArea input[id^="dnn_"][type="submit"]{border:4px solid #57a116 !important;}
.skinOrange .productSearchItem label,
.skinOrange
  .productSearchArea + .submitArea
  input[id^="dnn_"][type="submit"].cmdClear{color:#ffa51f;}
.skinOrange input[id^="dnn_"][type="submit"].cmdSearch{background:#ffa51f;}
.skinOrange .productSearchArea + .submitArea input[id^="dnn_"][type="submit"]{border:4px solid #ffa51f !important;}
.skinCorp .productSearchItem label,
.skinCorp
  .productSearchArea + .submitArea
  input[id^="dnn_"][type="submit"].cmdClear{color:#000;}
.skinCorp input[id^="dnn_"][type="submit"].cmdSearch{background:#000;}
.skinCorp .productSearchArea + .submitArea input[id^="dnn_"][type="submit"]{border:4px solid #ffa51f !important;}
/* --- QA List --- */
#divQaListArea dl{position:relative;margin:2em auto;padding:1px;border-radius:20px;background:#f2f2f2;}
#divQaListArea dl::before{content:"Q";position:absolute;top:0.3em;left:1.3em;color:#57a116;font-weight:700;font-size:2.4rem;}
#divQaListArea dt{position:relative;padding:1em 2em 1em 4em;font-weight:700;cursor:pointer;transition:opacity 0.3s;}
#divQaListArea dt::before{content:"";position:absolute;top:50%;right:1.65em;transform:translateY(-50%);width:14px;height:2px;background:#333;}
#divQaListArea dt::after{content:"";position:absolute;top:50%;right:2em;transform:translateY(-50%) rotate(90deg);width:2px;height:14px;background:#333;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
#divQaListArea dt:not(.active)::after{transform:translateY(-50%);}
#divQaListArea dd{position:relative;margin:0 0.5em 0.5em;padding:1.5em 2em 1em 4em;border-radius:0 0 20px 20px;background:#fff;}
#divQaListArea dd::before{content:"A";position:absolute;top:0.8em;left:1em;color:#ffa51f;font-weight:700;font-size:2.4rem;}
/*===========================================================
 /new/catv/
 /new/tabid110.html
 /new/tabid114.html
 /new/tabid119.html
 common
===========================================================*/
.main__inner .top{position:relative;padding-top:100px;}
.main__inner .top::before{content:"";position:absolute;top:0;right:0;width:165px;height:100px;background-size:contain;background-repeat:no-repeat;}
.main__inner .top__ttl{margin-top:0;margin-bottom:70px;padding:0;border-bottom:0;color:#d26079;font-size:3rem;text-align:center;}
.main__inner .top__cont{margin-bottom:30px;}
.main__inner .headPoint{position:relative;width:100%;padding:20px 0 20px 160px;background:#0352a1;color:#fff;font-weight:700;font-size:4.2rem;}
.main__inner .headPoint::before{content:none;}
.main__inner .headPoint__balloon{position:absolute;top:-35px;left:40px;width:100px;height:100px;border-radius:50%;background:#d26079;color:#fff;font-size:1.4rem;}
.main__inner .layoutItem .headPoint__balloon{left:20px;}
.main__inner .headPoint__balloonInner{display:flex;position:relative;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center;}
.main__inner .headPoint__balloon::before{content:"";position:absolute;right:-8px;bottom:-8px;z-index:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-15px;border:17px solid transparent;border-left:21px solid #d26079;}
.main__inner .headPoint__balloonNum{font-size:4.4rem;line-height:1;}
.main__inner .tableHead{display:inline-block;width:27%;margin:1em 0 0 1em;padding:5px 10px;border-radius:10px 10px 0 0;background:#5c5c5c;color:#fff;font-size:2rem;text-align:center;}
.main__inner .tableHead__small{font-size:1.6rem;}
.main__inner table th,
.main__inner table td{padding:0.6em 0.7em;}
.main__inner.is-tv table th:first-child,
.main__inner.is-net table th:first-child{padding:0.6em 0;}
.main__inner.is-tv table th:nth-child(2),
.main__inner.is-net table th:nth-child(2),
.main__inner.is-tv table td:nth-child(2),
.main__inner.is-net table td:nth-child(2){width:25%;}
.main__inner .table__textGold{color:#ccb249;}
.main__inner .table__textBold{font-weight:900;}
.main__inner .table__icon{margin-right:10px;vertical-align:middle;}
.main__inner .table__textSmall{font-size:1.2rem;}
.main__inner td:not(:first-child) .table__textSmall{display:block;}
.main__inner .table__textMiddle{display:block;font-size:1.4rem;}
.main__inner .btn{display:block;position:relative;width:33%;margin:2em auto 5em;padding:15px 70px;border-radius:10px;background:#0352a1;color:#fff;font-weight:700;font-size:1.8rem;text-decoration:none;text-align:center;}
.main__inner .btn:hover:after{width:32px;}
.main__inner .btn::before,
.main__inner .btn::after{content:"";position:absolute;top:50%;transform:translateY(-50%);background-repeat:no-repeat;}
.main__inner .btn::before{left:30px;background-size:contain;}
.main__inner .btn::after{left:calc(100% - 42px);width:22px;height:10px;background-size:cover;background-image:url("/Portals/0/images/common/ico_linkbtn_white.png");background-position:bottom right;}
.main__inner .banner + .banner{margin-top:40px;}
.main__inner .bottomMenu h4{display:flex;width:100%;padding:10px;align-items:flex-end;justify-content:space-between;}
.main__inner .bottomMenu h4::after{content:"";display:inline-block;background-size:contain;background-repeat:no-repeat;}
.main__inner .bottomMenu .linkBtn{padding:1.85em 2.5em 1.85em 1em;}
.main__inner .pdfLinkList{display:block;margin-top:26px;align-items:center;justify-content: flex-start;}
.main__inner .pdfLinkList:after{content:"";display:block;clear:both;}
.main__inner .pdfLinkList .vodPdfLinkItem{width: 24.625%;float:left;margin: 0 0.5% 0.5% 0;}
.main__inner .pdfLinkList .vodPdfLinkItem:nth-child(4n){margin-right:0;}
.main__inner .pdfLinkList .vodPdfLinkItem:nth-child(4n+1){clear:both;}
/*===========================================================
 /new/catv/
 テレビサービス　page unique
===========================================================*/
.main__inner.is-tv .top::before{background-image:url("/Portals/0/images/new/catv/index/ico_catv.png");}
.main__inner.is-tv .top__ttl{color:#81505b;}
.main__inner .headPoint.is-pink .headPoint__balloon{background:#d26079;}
.main__inner .headPoint.is-pink .headPoint__balloon::before{border-left:21px solid #d26079;}
.main__inner.is-tv table th,
.main__inner.is-tv table td{width:12.5%;}
.main__inner .btn.is-course::before{width:33px;height:27px;background-image:url("/Portals/0/images/new/catv/index/ico_price.png");}
.main__inner .btn.is-channel::before{width:33px;height:27px;background-image:url("/Portals/0/images/new/catv/index/ico_channel.png");}
.main__inner .sec__about .col2 a:not(.linkTxt){display:block;}
.main__inner .sec__about .linkTxt{margin-top:10px;}
.main__inner .sec__about,
.main__inner .sec__service{margin-top:6em;}
.main__inner .sec__service li{width:100%;margin-bottom:80px;}
.main__inner .sec__service h3{margin-top:0;}
.main__inner .serviceRow{display:flex;justify-content:space-between;}
.main__inner .serviceRow__left{display:flex;flex:1;flex-direction:column;}
.main__inner .serviceRow__left .linkBtn{display:block;width:42%;margin-top:45px;margin-left:auto;}
.main__inner .serviceRow__right{margin-left:40px;}
.main__inner .sec__tvMenu h4{border-bottom-color:#e8afbc;}
.main__inner .sec__tvMenu h4::after{width:48px;height:32px;background-image:url("/Portals/0/images/new/catv/index/ico_tv.png");}
/*===========================================================
 /new/tabid110.html
 ネットサービス　page unique
===========================================================*/
.main__inner.is-net .top::before{background-image:url("/Portals/0/images/new/internet/index/ico_net.png");}
.main__inner.is-net .top__ttl{color:#3a9fc7;}
.main__inner .headPoint.is-blue .headPoint__balloon{background:#3a9fc7;}
.main__inner .headPoint.is-blue .headPoint__balloon::before{border-left:21px solid #3a9fc7;}
.main__inner .table__textBlue{color:#034587;}
.main__inner .table__textRed{color:#c23c3c;}
.main__inner .table__textYellow{color:#fcd514;}
.main__inner .table__textSkyBlue{color:#34b6eb;}
.main__inner .table__textGreen{color:#8ac014;}
.main__inner .table__textPink{color:#da82e0;}
.main__inner.is-net table th:not(:nth-child(2)),
.main__inner.is-net table td:not(:nth-child(2)){width:12%;}
.main__inner.is-net table td:last-child{width:15%;padding:0;}
.main__inner .table__houseType{display:flex;padding:0.6em 0;align-items:center;}
.main__inner .table__houseType + .table__houseType{border-top:1px solid #ccc;}
.main__inner .table__houseTypeTtl{width:45%;font-size:1.2rem;}
.main__inner .optionList{margin-top:20px;text-align:center;}
.main__inner .optionList__cont{margin-top:20px;}
.main__inner .btn.is-option::before{width:40px;height:28px;background-image:url("/Portals/0/images/new/internet/index/ico_option.png");}
.main__inner .sec__point3{margin-bottom:80px;}
.main__inner .sec__point3 h3:not(.headPoint){margin-bottom:0;}
.main__inner .sec__point3 h4{margin-top:1em;}
.main__inner .sec__point3 li{text-align:right;}
.main__inner .sec__point3 li h4,
.main__inner .sec__point3 li p{text-align:left;}
.main__inner .supportList__img{margin:20px 0 10px;}
.main__inner .sec__netMenu h4{border-bottom-color:#9ccfe3;}
.main__inner .sec__netMenu h4::after{width:48px;height:38px;background-image:url("/Portals/0/images/new/internet/index/ico_pc.png");}
/*===========================================================
 /new/tabid114.html
 電話サービス　page unique
===========================================================*/
.main__inner.is-tel .top::before{background-image:url("/Portals/0/images/new/phone/index/ico_telCircle.png");}
.main__inner.is-tel .top__ttl{color:#6eae4d;}
.main__inner .headPoint.is-green .headPoint__balloon{background:#6eae4d;}
.main__inner .headPoint.is-green .headPoint__balloon::before{border-left:21px solid #6eae4d;}
.main__inner .telPoint1__row{display:flex;}
.main__inner .telPoint1__row p + p{margin-left:5px;}
.main__inner.is-tel .tableHead{width:48%;font-size:1.6rem;}
.main__inner.is-tel table{width:100%;height:298px;}
.main__inner.is-tel table p{margin:0;padding:0;}
.main__inner.is-tel th:last-child{background:#0352a1;color:#fff;}
.main__inner.is-tel td.is-backBlue{background:#f2f6fa;color:#c23c3c;}
.main__inner.is-tel table span{display:block;}
.main__inner .is-vertical{writing-mode:vertical-rl;}
.main__inner .cable__row{display:flex;justify-content:space-evenly;}
.main__inner .cable__tel{width:50%;}
.main__inner .cable__off{display:flex;width:60px;height:48px;background:#c23c3c;color:#fff;align-items:center;justify-content:center;}
.main__inner .point2__remarks{margin-bottom:60px;}
.main__inner .point2__remarks p{margin:0;}
.main__inner .point2__bottom h3{margin-top:0;}
.main__inner .btn.is-telOption::before{width:37px;height:36px;background-image:url("/Portals/0/images/new/phone/index/ico_telOption.png");}
.main__inner .sec__telMenu h4{border-bottom-color:#b6d6a6;}
.main__inner .sec__telMenu h4::after{width:38px;height:42px;background-image:url("/Portals/0/images/new/phone/index/ico_tel.png");}
/*===========================================================
 /new/tabid119.html
 光プラス　page unique
===========================================================*/
.main__inner.is-hikari .top::before{background-image:url("/Portals/0/images/new/smartvalue/index/ico_hikariCircle.png");}
.main__inner.is-hikari .top__ttl{color:#ccb249;}
.main__inner .headPoint.is-yellow .headPoint__balloon{background:#ccb249;}
.main__inner .headPoint.is-yellow .headPoint__balloon::before{border-left:21px solid #ccb249;}
.main__inner .linkList h3{padding:0;color:#444;font-size:4.2rem;text-align:center;}
.main__inner .linkList h3::before{content:none;}
.main__inner.is-hikari section{padding-top:50px;}
.main__inner.is-hikari h3.headPoint{margin-top:0;}
.main__inner .sec__function1 h3:not(.headPoint),
.main__inner .sec__function2 h3:not(.headPoint),
.main__inner .sec__function3 h3:not(.headPoint),
.main__inner .sec__function4 h3:not(.headPoint),
.main__inner .sec__function5 h3:not(.headPoint),
.main__inner .sec__other h3:not(.headPoint),
.main__inner .sec__other h3:not(.lineTitle),
.main__inner .sec__hikariPlan h3:not(.lineTitle){margin-top:0;}
.main__inner .function3__row{display:flex;}
.main__inner .function3__row img{margin-left:2%;}
.main__inner .sec__other .layoutItem{margin-bottom:50px;}
.main__inner .sec__other .col2 + .col2{margin-top:40px;}
.main__inner .sec__other .col2:nth-child(odd){flex-direction:row-reverse;}
.main__inner .sec__other .col2:nth-child(odd) > *{margin-right:0;}
.main__inner .sec__other .col2:nth-child(odd) > *:nth-child(2n){margin-right:2% !important;}
.main__inner .other__remarks{margin:40px 0;}
.main__inner .other__remarksRow{display:flex;}
.main__inner .other__remarksRow p{margin-bottom:0;}
.main__inner .other__remarksRow p:first-child{margin-right:10px;white-space:nowrap;}
.main__inner .other__bottom{margin-bottom:50px;}
.main__inner .other__bottomRight a{width:33%;margin-left:auto;}
/*===========================================================
 /new/catv/tabid105.html
 テレビ オプションサービス　page unique
===========================================================*/
.main__inner .optionBox ul{width:50%;margin:auto;}
.main__inner .ruby{position:relative;}
.main__inner .ruby::before{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:1rem;letter-spacing:0.1em;white-space:nowrap;}
.main__inner .ruby.is-kanroku::before{content:"かんろく";}
.main__inner .ruby.is-kanrokuBlue::before{content:"かんろくブルーレイ";}
.main__inner .textBlue{color:#0352a1;}
.main__inner .boxCenter{display:flex;align-items:center;justify-content:center;}
/*===========================================================
 /new/catv/tabid109.html
 STB一覧　page unique
===========================================================*/
.main__inner .linkItem .ruby::before{letter-spacing:-0.1em;}
.main__inner .ruby.is-cable::before{content:"ケーブルプラス";}
/*===========================================================
 /new/tabid111.html
 TCNネット(コース・料金)　page unique
===========================================================*/
.main__inner .ruby.is-giga::before{content:"ギガ";}
.main__inner .ruby.is-mega::before{content:"メガ";}
.main__inner.is-tvCource section{margin-top:70px;}
.main__inner table .row{display:flex;}
.main__inner table .row p:first-child{width:12%;}
/*===========================================================
 /new/electrical/
 A.1.6 TCNでんき　page unique
===========================================================*/
.main__inner .pcNone{display:none;}
.main__inner .top__ttl{color:#ffa51f;}
.main__inner .ele__head{border-bottom:0;color:#333;}
.main__inner .ele__headNum{font-size:7.2rem;}
.main__inner.is-electrical section{margin-top:80px;}
.main__inner .headPoint.is-orange .headPoint__balloon{background:#ffa51f;}
.main__inner .headPoint.is-orange .headPoint__balloon::before{border-left:21px solid #ffa51f;}
.main__inner .col3 .col > .headPoint{display:flex;height:100%;padding:70px 0 0;font-size:2.5rem;align-items:center;justify-content:center;}
.main__inner .col3 .col > .headPoint__balloon{left:10px;}
.main__inner .headPoint__bigCont{font-size:4.8rem;}
.main__inner .headPoint__bigCont.is-orange{color:#ffcb52;}
.main__inner .ele__table{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.main__inner .ele__table .ele__tableRow{display:flex;text-align:center;align-items:center;justify-content:space-evenly;}
.main__inner .ele__table .ele__tableRow p{width:14%;}
.main__inner .ele__table .ele__tableRow:first-child{margin-bottom:15px;padding-top:15px;border-bottom:1px solid #ccc;}
.main__inner .ele__table .ele__tableRow.is-arrow p{transform:rotate(90deg);}
.main__inner .ele__tablePlan{font-size:1.2rem;}
.main__inner .ele__tablePlan.is-blue{color:#3a9fc7;}
.main__inner .ele__tablePlan.is-pink{color:#d26079;}
.main__inner .backRed{background:#c23c3c;color:#fff;font-weight:700;}
.main__inner .backRed__big{font-size:2.8rem;}
.main__inner .sec__eleMerit2 .orange{border-bottom:6px solid #ffe4bb;}
.main__inner .sec__eleMerit2 .orange span{color:#ffa51f;}
.main__inner .sec__eleMerit2 .backArrow{display:flex;height:230px;margin-top:auto;background-size:contain;background-image:url("/Portals/0/images/new/electrical/index/img_arrowBack.png");background-repeat:no-repeat;background-position:center;justify-content:center;align-items:center;}
.main__inner .sec__eleMerit2 .col:last-child{display:flex;flex-direction:column;}
.main__inner .sec__eleMerit2 .blue{margin-top:auto;border-bottom:6px solid #d9e5f1;}
.main__inner .sec__eleMerit3 .headPoint{font-size:3.2rem;}
.main__inner .sec__eleMerit3 .headPoint .textAnnotation{position:absolute;right:0;bottom:100%;margin:0 0 10px;color:#333;font-weight:400;font-size:1.8rem;}
.main__inner .headPoint__bigCont{font-size:4.2rem;}
.main__inner .sec__eleMerit3 .boxColored{width:80%;margin-right:auto;margin-left:auto;}
.main__inner .sec__eleMerit3 .boxColored sub{margin-left:auto;}
.main__inner .merit3__row{display:flex;line-height:1;align-items:center;}
.main__inner .merit3__row p{margin-bottom:0;}
.main__inner .merit3__row p:first-child{width:30%;}
.main__inner .merit3__row p:nth-child(2){width:37%;}
.main__inner .merit3__bigText{font-size:4.8rem;}
.main__inner .merit3__underText{margin-top:auto;}
.main__inner .merit3__point{display:flex;white-space:nowrap;align-items:center;}
.main__inner .merit3__point p{margin-right:8px;}
.main__inner .sec__eleMerit3 img{width:100%;margin-top:20px;padding:20px;background:#fff;}
.main__inner .ele__box{width:80%;margin:110px auto;border:8px solid #034587;border-radius:20px;}
.main__inner .ele__boxBottom{padding:30px;}
.main__inner .ele__boxSubTtl{margin:30px 0 0 0;}
.main__inner .ele__boxTtl{width:100%;margin:0;padding:20px 0;border:0;background:#fff7e5;color:#ffa51f;font-size:4.8rem;}
.main__inner .ele__boxBigTtl{margin:0;color:#ffcb52;font-size:6.6rem;}
.main__inner .ele__boxBenefits{display:inline-block;padding:5px 40px;border-radius:0 20px 0 20px;background:#c23c3c;color:#fff;font-size:1.8rem;line-height:1;}
.main__inner .ele__boxBeneNum{margin-left:8px;font-size:4.2rem;}
.main__inner .ele__boxRow,
.main__inner .ele__spRow{display:flex;margin-bottom:30px;align-items:flex-end;}
.main__inner .ele__boxRow p{margin:0;line-height:1;}
.main__inner .ele__verticalText{writing-mode:vertical-rl;}
.main__inner .ele__bigText{font-weight:700;font-size:5.4rem;}
.main__inner .ele__boxCross,
.main__inner .ele__boxArrow{margin:0 8px;}
.main__inner .ele__moreBigText{position:relative;top:12px;font-size:10rem;}
.main__inner .ele__list03Row{display:flex;margin-bottom:30px;}
.main__inner .ele__list03Row img{margin-left:2%;}
.main__inner .ele__bigTel{display:flex;font-size:4.2rem;align-items:center;}
/*===========================================================
 /new/guide/
 A.1.11 TCNのメリット　page unique
===========================================================*/
.main__inner.is-merit section{margin-top:60px;}
.main__inner.is-merit .top__ttl,
.main__inner .sec__merit1 .col p,
.main__inner .sec__merit3 .boxBordered p{color:#034587;}
.main__inner .sec__merit2 li,
.main__inner .sec__merit3 li{margin-bottom:80px;}
.main__inner .sec__merit2 h3,
.main__inner .sec__merit3 h3{margin-top:0;}
.main__inner.is-merit .serviceRow__left .linkBtn{margin-top:auto;}
.main__inner .sec__merit2 img,
.main__inner .sec__merit3 img{width:384px;height:218px;}
.main__inner .sec__merit3 .boxBordered{margin:80px 0 110px;}
.main__inner .sec__serviceMenu a{display:flex;flex-direction:column;height:260px;padding:20px;border-radius:20px;background:#f2f2f2;color:#333;text-decoration:none;align-items:center;justify-content:center;}
.main__inner .sec__serviceMenu img{z-index:1;margin-top:30px;}
.main__inner .sec__serviceMenu p{margin-top:auto;}
/*===========================================================
 /new/area/
 A.1.12 サービス提供エリア　page unique
===========================================================*/
.main__inner .area__row{display:flex;}
.main__inner .area__row img{margin-right:20px;}
/*===========================================================
 /new/campaign/3/
 A.1.18.3 HFC初期費用割引キャンペーン　page unique
===========================================================*/
.main__inner.is-hfc .dl__row{display:flex;}
.main__inner.is-hfc dt{width:20%;}
.main__inner.is-hfc dd{width:80%;margin-bottom:40px;}
/*===========================================================
 /new_customer/vod/
 A.1.19 ご検討中のお客さま/動画配信　page unique
===========================================================*/
.main__inner.is-vod .top__ttl{color:#81469e;}
/* .main__inner.is-vod .top::before{background-image:url("/Portals/0/images/new/vod/index/ico_vodCircle.png");} */
.sec__vodMenu h4::after{width:48px;height:38px;background-image:url(/Portals/0/images/new/vod/index/ico_vod.png) !important;}
h2.vodLineTitle{position:relative;border-bottom-width:4px;}
h2.vodLineTitle:after{content:"";display:block;position:absolute;bottom:-4px;left:0;z-index:1;width:200px;height:4px;background-color:#9551b8;}
.serviceItem{display:flex;margin-bottom:60px;}
.serviceImg{display:flex;width:40%;margin-right:38px;border-radius:20px;background-color:#222;justify-content:center;align-items:center;}
.serviceImg img{width:70%;}
.serviceCont{width:70%;}
.serviceCont h3{margin-top:0;}
.serviceCont .alignRight{margin-top:40px;margin-bottom:0;}
.main__inner h3 .dotText,
.serviceList .dotHead .dotText{padding-top:0.5em;}
rt{transform:translateY(-0.5em);margin-bottom:0.5em;font-size:8px;}
@media all and (-ms-high-contrast: none){rt{font-size:15px;}
.serviceList .dotHead:before{top:22px;height:calc(100% - 22px);}}
ruby{color:#0352a1;}
.serviceList .dotHead:before{top:11px;height:calc(100% - 15px);}
/*===========================================================
 /new_customer/vod/plan/
 A.1.19_3 ご検討中のお客さま/セット割プラン　page unique
===========================================================*/
.main__inner .startDiscountCont{margin-bottom:40px;}
.main__inner .startDiscountDesc{display:flex;}
.main__inner .startDiscountDesc .startDiscountTtl{width:18%;}
.main__inner .startDiscountDesc .startDiscountItem{width:30%;}
.main__inner .startDiscountDesc ul{list-style:none;text-indent:-26px;}
.main__inner .startDiscountDesc ul li::before{content:"・";padding-right:7px;text-indent:0.5px;}
.main__inner .setplanList{display:flex;width:100%;height:160px;border-radius:20px;background-color:#221f1f;align-items:center;justify-content:center;}
.main__inner .setplanList img{width:50%;}
.main__inner .tcnDiscount{display:flex;margin-bottom:40px;justify-content:space-between;}
.main__inner .tcnDiscount .tcnRightCont .tcnSmallTxt{margin-top:-50px;font-weight:700;font-size:134%;}
.main__inner .tcnDiscount .tcnLeftCont{display:inline-block;width:30%;margin-top:50px;margin-left:45px;text-align:center;}
.main__inner .tcnDiscount .tcnLeftCont p{margin-bottom:35px;font-weight:bold;}
.main__inner .tcnDiscount .tcnLeftItem{display:flex;justify-content:center;align-items:center;}
.main__inner .tcnDiscount .tcnLeftItem span{margin:auto 14px;font-weight:bold;font-size:24px;}
.main__inner .tcnDiscount .tcnRightCont{display:inline-block;width:65%;padding:1.5em;border:8px solid #f2f2f2;border-radius:10px;}
.main__inner .tcnDiscount .tcnRightCont .contTop{margin-bottom:20px;}
.main__inner .tcnDiscount .tcnRightCont p{font-size:14px;text-align:center;}
.main__inner .tcnDiscount .tcnRightCont .tcnRightContLogo{display:flex;height:100px;padding-right:50px;border-radius:10px;background-color:#f2f2f2;align-items:center;justify-content:space-between;}
.main__inner .tcnDiscount .tcnRightCont .tcnRightContLogo img{width:20%;margin-left:20px;}
.main__inner .tcnDiscount .tcnRightCont .tcnRightContLogo span{color:#c00;font-weight:bold;font-size:172%;}
.main__inner .tcnHikariplusCont{display:inline-block;width:32%;padding:1.5em;border:8px solid #f2f2f2;border-radius:10px;}
.main__inner .tcnHikariplusCont .tcnSmallTxtFirst{margin-top:-50px;font-weight:bold;font-size:134%;text-align:center;}
.main__inner .tcnHikariplusCont .tcnSmallTxtSecond{margin-top:-50px;font-weight:bold;font-size:134%;text-align:center;}
.main__inner .tcnHikariplusCont .tcnSmallTxtSecond .tcnTxtIcon{font-size:0.6em;vertical-align:text-top;}
.main__inner .tcnHikariplusCont .tcnHikariplusContInner{display:inline-block;padding:10px;width:100%;min-height:160px;border-radius:10px;background-color:#f2f2f2;text-align:center;}
.main__inner .tcnHikariplusCont .tcnHikariplusContInner > *:last-child{margin-bottom:0;}
.main__inner .tcnHikariplusCont .tcnHikariplusContInner .contTop{margin-bottom:20px;}
.main__inner .tcnHikariplusCont .tcnHikariplusContInner .is-netflixLogo{width:45%;margin-top:14px;}
.main__inner .tcnHikariplusCont .tcnHikariplusContInner .is-huluLogo{width:45%;}
.main__inner .tcnHikariplusCont .tcnHikariplusContInner p{font-size:14px;text-align:center;}
.main__inner .tcnHikariplusCont .tcnHikariplusContInner span{color:#c00;font-weight:bold;font-size:172%;}
.main__inner .tcnHikariplusCont .tcnHikariplusContInner .tcrHikariplusIcon{display:flex;justify-content:center;align-items:baseline;}
.main__inner .tcnHikariplusCont .tcnHikariplusContInner .tcnHikariplusTxt{display:flex;font-size:14px;justify-content:center;align-items:center;}
.main__inner
  .tcnHikariplusCont
  .tcnHikariplusContInner
  .tcrHikariplusIcon
  .is-Icon{margin-top:27px;margin-right:20px;}
.main__inner .tcnHikariplusCont .contTop{margin-bottom:20px;}
.main__inner
  .tcnHikariplusCont
  .tcnHikariplusContInner
  .tcrHikariplusIcon
  .tcrHikariplusIconTxt{font-weight:bold;}
.main__inner .tcnDiscount .tcnHikariplusCont .tcnHikariplusContBottom{display:flex;width:100%;padding:10px;min-height:160px;border-radius:10px;background-color:#f2f2f2;justify-content:center;align-items:center;}
.main__inner .tcnDiscount .tcnHikariplusCont .tcnHikariplusContBottom > *:last-child{margin-bottom:0;}
.main__inner
  .tcnDiscount
  .tcnHikariplusCont
  .tcnHikariplusContBottom
  .tcnHikariplusTxt{font-size:14px;}
/*===========================================================
 /new_customer/vod/netflix/
 A.1.19.1 ご検討中のお客さま/Netflix　page unique
===========================================================*/
.anchorList{margin-top:20px !important;}
.main__inner .netfilxImgList{display:flex;}
.main__inner .netfilxImgList img{width:25%;}
.main__inner .huluImgListSp{display:none;}
.main__inner .huluImgList{display:flex;}
.main__inner .huluImgList img{width:33%;}
.main__inner .netflixMov{display:block;width:960px;height:540px;margin:40px auto 80px;}
.main__inner .huluMov{display:block;width:960px;height:540px;margin:40px auto 80px;}
.main__inner .netflixContTtl{margin-bottom:70px;color:#81469e;font-weight:bold;font-size:200%;text-align:center;}
.main__inner .netflixDesc{margin-top:80px;}
.main__inner .netflixMegattl{margin-top:-30px;color:#333;font-weight:bold;font-size:234%;text-align:center;}
.main__inner .netflixMegattl span{font-weight:bold;font-size:171%;}
.main__inner .netflixSubHead{margin-bottom:0;color:#0352a1;font-weight:bold;font-size:200%;text-align:center;}
.main__inner .headPoint.is-vod .headPoint__balloon{background:#81469e;}
.main__inner .headPoint.is-vod .headPoint__balloon::before{border-left:21px solid #81469e;}
.main__inner .netflixBanner{display:flex;margin-top:50px;padding:0 20px;border-radius:10px;background-color:#e6e6e6;align-items:center;justify-content:space-around;}
.main__inner .netflixBanner .netflixBannerCont{display:inline-block;text-align:center;}
.main__inner .netflixBanner .netflixBannerCont .netflixBannerContTop{font-weight:bold;font-size:28px;}
.main__inner .netflixBanner .netflixBannerCont .netflixBannerContBottom{color:#c00;font-weight:bold;font-size:20px;}
.main__inner .netflixBanner .netflixBannerBtn{margin-top:80px;}
.main__inner .huluContdesc{margin-top:60px;border:8px solid #f2f2f2;border-radius:10px;font-weight:bold;text-align:center;}
.main__inner .huluContdesc ruby{color:#c00;}
.main__inner .huluContdesc .huluContdescTop{margin:30px 0;}
.main__inner .huluContdesc p{font-size:24px;}
.main__inner .huluContdesc span{color:#c00;}
.main__inner .huluContdesc .huluContdescBottom span{font-size:30px;}
.main__inner .vodTableCont{font-size:18px;}
.main__inner .vodTableContNetflix{font-size:100%;}
.main__inner .vodTableCont .vodTablePlan{font-weight:bold;}
.main__inner .vodTableContNetflix .vodTablePlan{font-weight:bold;}
.formCategorytitle{border-bottom:4px solid #6fba2c;}
.main__inner .howtoapply{display:flex;position:relative;}
.main__inner .howtoapply .howtoapplyLeft,
.main__inner .howtoapply .howtoapplyRight{width:540px;height:675px;padding:40px 20px;border:1px solid #ccc;}
.main__inner .howtoapply .howtoapplyLeft{position:relative;margin:0 40px 0 20px;}
.main__inner .howtoapply .howtoapplyLeft .is-arrowFirst{position:absolute;top:210px;left:50%;}
.main__inner .howtoapply .howtoapplyLeft .is-arrowSecond{position:absolute;top:430px;left:50%;}
.main__inner .howtoapply .howtoapplyLeft .is-stepFirst{display:none !important;}
.main__inner .howtoapply .howtoapplyLeft .is-stepSecond{position:absolute;top:240px;}
.main__inner .howtoapply .howtoapplyLeft .is-stepThree{position:absolute;top:485px;}
.main__inner .howtoapply .howtoapplyLeft .howtoapplyTtl{margin-bottom:150px;color:#0352a1;font-weight:bold;font-size:120%;text-align:center;}
.main__inner .howtoapply .howtoapplyLeft .howtoapplyLeftDesc{display:block;position:absolute;top:360px;padding:0 20px;font-size:78%;}
.main__inner .howtoapply .howtoapplyLeft .howtoapplyBtn{display:flex;position:absolute;bottom:18px;left:12%;}
.main__inner .howtoapply .howtoapplyLeft .howtoapplyBtn .linkBtn{margin:0 20px;}
.main__inner .howtoapply .howtoapplyLeft .howtoapplyFlowSecond{display:flex;position:absolute;left:-20px;width:110%;font-weight:bold;}
.main__inner
  .howtoapply
  .howtoapplyLeft
  .howtoapplyFlowSecond
  .howtoapplyFlowSecondLeft{display:block;width:22%;height:100px;border-top-left-radius:15px;border-bottom-left-radius:15px;background-color:#81469e;color:#fff;text-align:center;}
.main__inner
  .howtoapply
  .howtoapplyLeft
  .howtoapplyFlowSecond
  .howtoapplyFlowSecondLeft
  .howtoapplyFlowTxt{margin-top:15px;margin-bottom:0;font-size:14px;}
.main__inner
  .howtoapply
  .howtoapplyLeft
  .howtoapplyFlowSecond
  .howtoapplyFlowSecondLeft
  .howtoapplyFlowNumber{margin-top:5px;font-size:44px;line-height:1;}
.main__inner
  .howtoapply
  .howtoapplyLeft
  .howtoapplyFlowSecond
  .howtoapplyFlowSecondRight{display:flex;width:88%;padding-left:20px;border-top-right-radius:15px;border-bottom-right-radius:15px;background-color:#f2f2f2;font-weight:bold;font-size:100%;align-items:center;}
.howtoapplyFlowSecondRightTxt{margin-bottom:0 !important;}
.main__inner .howtoapply .howtoapplyRight{position:relative;margin:0 20px 0 40px;}
.main__inner .howtoapply .howtoapplyRight .is-arrowFirst{position:absolute;top:210px;right:50%;}
.main__inner .howtoapply .howtoapplyRight .is-arrowSecond{position:absolute;top:455px;right:50%;}
.main__inner .howtoapply .howtoapplyRight .is-stepFirst{display:none !important;}
.main__inner .howtoapply .howtoapplyRight .is-stepSecond{position:absolute;top:240px;}
.main__inner .howtoapply .howtoapplyRight .is-stepThree{position:absolute;top:485px;}
.main__inner .howtoapply .howtoapplyRight .howtoapplyTtl{margin-bottom:150px;color:#0352a1;font-weight:bold;font-size:120%;text-align:center;}
.main__inner .howtoapply .howtoapplyRight .howtoapplyLeftDesc{display:block;position:absolute;top:360px;right:7%;width:460px;font-size:78%;}
.main__inner .howtoapply .howtoapplyRight .howtoapplyLeftDesc a:hover{text-decoration:#333;}
.main__inner .howtoapply .howtoapplyRight .howtoapplyLeftDescPdf{display:block;position:absolute;top:425px;left:25%;padding:0 20px;font-size:78%;}
.main__inner .howtoapply .howtoapplyRight .howtoapplyLeftDescPdf a{color:#333;}
.main__inner .howtoapply .howtoapplyRight .howtoapplyLeftDescPdf a:hover{text-decoration:#333;}
.main__inner .howtoapply .howtoapplyRight .linkBtn{width:460px;}
.main__inner .howtoapply .howtoapplyRight .linkBtn a{width:100%;text-align:center;}
.main__inner .howtoapply .howtoapplyRight .howtoapplyBtn{display:flex;position:absolute;right:0;bottom:3px;margin:0 40px;}
.main__inner .howtoapply .howtoapplyRight .howtoapplyFlowSecond{display:flex;position:absolute;right:-20px;width:110%;font-weight:bold;}
.main__inner
  .howtoapply
  .howtoapplyLeft
  .howtoapplyFlowSecond
  .howtoapplyFlowSecondRight
  .howtoapplyFlowSecondRightTxt{margin-bottom:0;}
.main__inner
  .howtoapply
  .howtoapplyRight
  .howtoapplyFlowSecond
  .howtoapplyFlowSecondLeft{display:block;width:22%;height:100px;border-top-left-radius:15px;border-bottom-left-radius:15px;background-color:#81469e;color:#fff;text-align:center;}
.main__inner
  .howtoapply
  .howtoapplyRight
  .howtoapplyFlowSecond
  .howtoapplyFlowSecondLeft
  .howtoapplyFlowTxt{margin-top:15px;margin-bottom:0;font-size:14px;}
.main__inner
  .howtoapply
  .howtoapplyRight
  .howtoapplyFlowSecond
  .howtoapplyFlowSecondLeft
  .howtoapplyFlowNumber{margin-top:5px;font-size:44px;line-height:1;}
.main__inner
  .howtoapply
  .howtoapplyRight
  .howtoapplyFlowSecond
  .howtoapplyFlowSecondRight{display:flex;width:88%;padding-left:20px;border-top-right-radius:15px;border-bottom-right-radius:15px;background-color:#f2f2f2;font-weight:bold;font-size:100%;align-items:center;}
.main__inner .howtoapplyFlowFirst{display:flex;position:absolute;top:100px;width:100%;}
.main__inner .howtoapplyFlowFirst .howtoapplyFlowFirstLeft{display:block;z-index:1;width:10%;height:100px;border-top-left-radius:15px;border-bottom-left-radius:15px;background-color:#81469e;color:#fff;font-weight:bold;text-align:center;}
.main__inner
  .howtoapplyFlowFirst
  .howtoapplyFlowFirstLeft
  .howtoapplyFlowFirstTxt{margin-top:15px;margin-bottom:0;font-size:14px;}
.main__inner
  .howtoapplyFlowFirst
  .howtoapplyFlowFirstLeft
  .howtoapplyFlowFirstNumber{margin-top:5px;font-size:44px;line-height:1;}
.main__inner .howtoapplyFlowFirst .howtoapplyFlowFirstRight{z-index:1;width:90%;padding-top:36px;padding-left:21%;border-top-right-radius:15px;border-bottom-right-radius:15px;background-color:#f2f2f2;font-weight:bold;font-size:100%;}
.main__inner .huluContdesc .dotText{padding-top:0.5em;background-size:1em 0.3em;background-image:-webkit-radial-gradient(
0.15em 0.15em at center center,
#c00,
#c00 100%,
transparent
);background-image:radial-gradient(
0.15em 0.15em at center center,
#c00,
#c00 100%,
transparent
);background-repeat:repeat-x;background-position:top left -2px;}
.main__inner .vodInnerTop{padding-top:0;}
/*===========================================================
 /support/remote/
 A.2.7 インターネットサポートダイヤル/リモートサポートサービス　page unique
===========================================================*/
.main__inner .scrollTerm{overflow-y:scroll;width:80%;height:400px;margin:40px auto;border:1px solid #ccc;}
.main__inner .scrollTermInner{padding:1em 2em;}
.supportDial{font-weight:500;line-height:1.4;}
.supportDial .txtXLarge{display:inline-block;font-size:5rem;line-height:1;letter-spacing:0.025em;}
/*===========================================================
 /support/mailmagazine/
 A.2.6 TCNお知らせメール　page unique
===========================================================*/
.main__inner .qrRow{margin-bottom:40px;}
.main__inner .qrRow::after{content:"";display:block;clear:both;}
.main__inner .qrRow__left{float:left;}
.main__inner .qrRow img{margin-left:20px;}
/*===========================================================
 /support/faq/
 A.2.9 よくある質問 page unique
===========================================================*/
.main__inner.is-qa h2{margin-top:3em;}
.main__inner.is-qa h2:first-child{margin-top:2em;}
.main__inner .qa__keywordRow{display:flex;margin-right:-24px;margin-bottom:-18px;flex-wrap:wrap;}
.main__inner .qa__keywordRow a{display:inline-block;margin-right:24px;margin-bottom:18px;padding:1em 2em;border-radius:24px;background:#f2f2f2;color:#333;font-weight:700;text-decoration:none;text-align:center;}
.main__inner .qa__genreRow a{display:flex;flex-direction:column;padding:2.6em 0;border-radius:10px;background:#f2f2f2;color:#333;font-weight:700;text-decoration:none;align-items:center;justify-content:flex-end;}
.main__inner .qa__genreRow img{height:40px;margin-bottom:20px;}
.main__inner .qa__purposeRow a{display:flex;flex-direction:column;height:175px;padding:2.6em 0;border-radius:10px;background:#f2f2f2;color:#333;font-weight:700;text-decoration:none;text-align:center;align-items:center;justify-content:center;}
.main__inner .qa__purposeRow img{height:40px;margin-bottom:20px;}
/*===========================================================
 /corporatesite/broadcast/lineup/
 A.4.2.1 チャンネルラインナップ page unique
===========================================================*/
.main__inner .channel__box{width:100%;border:1px solid #ccc;}
.main__inner .channel__row{display:flex;}
.main__inner .channel__row + .channel__row{border-top:1px solid #ccc;}
.main__inner .channel__item{width:50%;padding:1em;}
.main__inner .channel__item:first-child{border-right:1px solid #ccc;}
.main__inner .channel__innerRow{display:flex;align-items:center;flex-wrap:nowrap;}
.main__inner .channel__innerRow img{margin-right:20px;}
.main__inner .channel__bottomLink{margin-top:60px;}
/*===========================================================
 /support/present/
 A.2.10 プレゼント page unique
===========================================================*/
.main__inner .present__item{margin-bottom:40px;}
.main__inner .present__btnRow{width:100%;margin:auto;margin-bottom:0;}
.main__inner .present__item .img img{max-height:300px;}
/*===========================================================
 /event_calendar/
 A.8.1 イベントカレンダー page unique
===========================================================*/
.main__inner .eventCalendar__row{display:flex;}
.main__inner .eventCalendar__left{width:82%;}
.main__inner .eventCalendar__right{width:16%;margin-left:2%;}
/*===========================================================
 /new_customer/internet/wireless/
 TCNワイヤレス
===========================================================*/
.layoutItem[class*="firstitem"].internetWireless > *:first-child{width:20%;}

/* ===========================================================
 Outsourcing CSS 2 - assistant(s) -
=========================================================== */
/*===========================================================
 /new_customer/flow/ - ご利用開始までの流れ
===========================================================*/
.flowWrap h2{margin:0 0 20px;padding:1em;border:none;border-radius:10px;background:#0352a1;color:#fff;}
.flowWrap .layoutItem.betweened{margin:0;}
.flowWrap .layoutItem.betweened .flowL{width:60%;}
.flowWrap .layoutItem.betweened .flowR{width:35%;}
.flowWrap .txtBottom{margin-bottom:0.5em;}
.flowWrap .arrowArea{position:relative;margin:0 0 70px;}
.flowWrap .arrowArea:before{content:"";display:block;position:absolute;bottom:-40px;left:calc(50% - 30px);width:60px;height:30px;background:#0352a1;}
.flowWrap .arrowArea:after{content:"";display:block;position:absolute;bottom:-60px;left:calc(50% - 60px);width:0;height:0;border-width:20px 60px 0 60px;border-color:#0352a1 transparent transparent transparent;border-style:solid;}
.flowWrap .arrowArea.arrowLong:before{height:calc(100% + 40px);}
.flowWrap .arrowArea.arrowOrange:before{background:#ffa51f;}
.flowWrap .arrowArea.arrowOrange:after{border-color:#ffa51f transparent transparent transparent;}
/*===========================================================
 /arabuncho_letter/ - あらぶんちょ通信
===========================================================*/
.backnumberCategory ul.AnnouncementCategory.ulList_vertical{margin:1em 0;justify-content:flex-end;}
/* ===========================================================
 /tabid167.html
=========================================================== */
/* channelBtn
------------------------------ */
.channelData .linkBtn.channelBtn.dIconBtn a.notIcon{padding-right:18px;padding-left:18px;font-size:1.6rem;}
.channelData .linkBtn.channelBtn.dIconBtn a.notIcon:after{display:none;}
/*===========================================================
 fcMark
 /tdcmember/ - 東京ドームシティパートナーメンバーズ
 /support/telephone_congestion/ - お客様センター電話混雑予想
 /support/remote/ - インターネットサポートダイヤル/リモートサポートサービス
===========================================================*/
.fcMark{margin-right:0.5em;vertical-align:middle;}
.txtXLarge .fcMark{margin:0.5em 0.5em 0.6em 0;}
/*===========================================================
 form
 /communitychannel/contact/ - コミュニティチャンネルについてのお問合せ
 /corporatesite/contact/ - 法人様お問合せフォーム
===========================================================*/
.ic-requiredmark{color:#c00;}
.icmdtp-formItem .tbMargins{margin:0.5em 0 1em;padding:0;}
.icmdtp-formItem .formRepeatfield .tableBasic th.fixed{width:20em;}
.icmdtp-formItem .formRepeatfield .tableBasic th label[id^="dnn_"],
.icmdtp-formItem .formRepeatfield .tableBasic th label[for^="dnn_"]{cursor:default;}
.icmdtp-formItem .formRepeatfield .tableBasic td input[type="radio"],
.icmdtp-formItem .formRepeatfield .tableBasic td input[type="checkbox"]{display:inline-block;width:14px;height:14px;vertical-align:middle;}
.icmdtp-formItem .formRepeatfield .tableBasic td table[id*="rblRadio"] td + td,
.icmdtp-formItem .formRepeatfield .tableBasic td table[id*="cblCheck"] td + td{padding-left:1em;}
/* addressSearch
------------------------------ */
.icmdtp-formItem
  .formRepeatfield
  .tableBasic
  td
  input[type="submit"][value="住所検索"]{display:inline-block;padding:0.55em 1em;border:none;background-color:#6fba2c;color:#fff;font-size:1.4rem;line-height:1.4;vertical-align:top;}
.skinBlue
  .icmdtp-formItem
  .formRepeatfield
  .tableBasic
  td
  input[type="submit"][value="住所検索"]{background-color:#0352a1;}
.skinGreen
  .icmdtp-formItem
  .formRepeatfield
  .tableBasic
  td
  input[type="submit"][value="住所検索"]{background-color:#7fc740;}
.skinOrange
  .icmdtp-formItem
  .formRepeatfield
  .tableBasic
  td
  input[type="submit"][value="住所検索"]{background-color:#fda41f;}
.skinCorp
  .icmdtp-formItem
  .formRepeatfield
  .tableBasic
  td
  input[type="submit"][value="住所検索"]{background-color:#444;}
/* formSubmitarea
------------------------------ */
.icmdtp-formItem
  .formSubmitarea
  input[id^="dnn_"][type="submit"][id*="Confirm"]{display:inline-block;width:30%;margin:0.5em 50px;padding:0.8em 1em 1em;border-color:#6fba2c !important;border-radius:10px;background-color:#6fba2c;color:#fff;font-weight:bold;font-size:2rem;}
/* --- skin color --- */
.skinBlue
  .icmdtp-formItem
  .formSubmitarea
  input[id^="dnn_"][type="submit"][id*="Confirm"]{border-color:#0352a1 !important;background-color:#0352a1;}
.skinGreen
  .icmdtp-formItem
  .formSubmitarea
  input[id^="dnn_"][type="submit"][id*="Confirm"]{border-color:#7fc740 !important;background-color:#7fc740;}
.skinOrange
  .icmdtp-formItem
  .formSubmitarea
  input[id^="dnn_"][type="submit"][id*="Confirm"]{border-color:#fda41f !important;background-color:#fda41f;}
.skinCorp
  .icmdtp-formItem
  .formSubmitarea
  input[id^="dnn_"][type="submit"][id*="Confirm"]{border-color:#444 !important;background-color:#444;}
.skinBlue
  .icmdtp-formItem
  .formSubmitarea
  input[id^="dnn_"][type="submit"][id*="ConfirmBack"],
.skinGreen
  .icmdtp-formItem
  .formSubmitarea
  input[id^="dnn_"][type="submit"][id*="ConfirmBack"],
.skinOrange
  .icmdtp-formItem
  .formSubmitarea
  input[id^="dnn_"][type="submit"][id*="ConfirmBack"],
.skinCorp
  .icmdtp-formItem
  .formSubmitarea
  input[id^="dnn_"][type="submit"][id*="ConfirmBack"]{border-color:#dbdbdb !important;background-color:#dbdbdb;color:#333;}
/*===========================================================
 /tdcmember/ - 東京ドームシティパートナーメンバーズ
===========================================================*/
.ticketList.layoutItem{width:500px;margin:0 1em 0 0;padding:1.5em;}
.ticketList.layoutItem li{list-style:none;margin:0;padding:0;font-weight:bold;}
.ticketList.layoutItem li + li{position:relative;padding-left:55px;}
.ticketList.layoutItem li + li:before{content:"";display:block;position:absolute;top:0;bottom:0;left:30px;width:0;height:0;margin:auto 0;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #57a116;border-style:solid;}
.ticketList.layoutItem li + li:after{content:"";display:block;position:absolute;top:0;bottom:0;left:20px;width:10px;height:8px;margin:auto 0;background:#57a116;}
/*===========================================================
 /company/recruit/ - 新卒採用
===========================================================*/
.recruitPointWrap.boxBordered{position:relative;margin:6em 0;padding:3em 3em 3em 350px;}
.recruitPointWrap .point{display:flex;position:absolute;top:calc(50% - 120px);left:50px;flex-direction:column;width:240px;height:240px;border-radius:50%;background:#57a116;color:#fff;font-weight:bold;font-size:2.4rem;text-align:center;justify-content:center;align-items:center;}
.recruitPointWrap .point:before{content:"";display:block;opacity:0.5;position:absolute;top:0;right:0;bottom:0;left:0;width:calc(100% - 20px);height:calc(100% - 20px);margin:auto;border:1px solid #fff;border-radius:50%;}
.recruitPointWrap .point span{display:block;opacity:0.8;margin-bottom:0.5em;font-weight:normal;font-size:1.4rem;}
.recruitPointWrap .point + *{margin-top:0;padding-top:0;}
/*===========================================================
 /company/recruit/staff/ - 社員紹介
===========================================================*/
.staffImgList.linkInpage.layoutItem{margin:0 0 10em;}
.staffImgList.linkInpage.layoutItem a{display:block;padding:0;font-weight:normal;font-size:1.8rem;text-align:left;}
.staffImgList.linkInpage.layoutItem a:before{top:auto;right:0;bottom:20px;left:0;margin:0 auto;}
.staffImgList.linkInpage.layoutItem img{border-radius:5px 5px 0 0;}
.staffImgList.linkInpage.layoutItem div.txtArea{padding:20px 40px 60px;}
.staffMainWrap{position:relative;margin:10em 0 6em;}
.staffMainWrap .imgArea{position:absolute;top:-40px;right:0;}
.staffMainWrap .txtArea{width:70%;min-height:380px;padding:4em 300px 2em 40px;background:#6fba2c;color:#fff;}
.staffMainWrap .txtArea > *:last-child{margin-bottom:0;padding-bottom:0;}
.staffMainWrap .txtArea h6{display:inline-block;padding:0.5em 1em;border:1px solid #fff;color:#fff;}
.staffSubWrap{position:relative;margin-bottom:6em;}
.staffSubWrap .imgArea{position:absolute;top:-40px;left:0;}
.staffSubWrap .txtArea{width:70%;min-height:442px;margin-left:30%;padding:4em 40px 3em 120px;}
.staffSubWrap .txtArea.boxColored{border-radius:0;}
.staffSubWrap .txtArea > *:last-child{margin-bottom:0;padding-bottom:0;}
.staffSubWrap .txtArea h4{margin:0 0 1em;padding:0;border:none;}
/*===========================================================
 /company/recruit/guideline/ - 募集概要/研修
 /company/careers/ - 中途採用
===========================================================*/
.entryBtn.layoutItem.bottomed > *{margin-right:1em;}
.entryBtn.layoutItem.bottomed a.linkBtn{padding:0.85em 3.5em 0.85em 2em;}
.acc-qa .acc-title{position:relative;margin:2em 0 0;padding:1em 2em 1em 4em;border:none;font-size:1.8rem;}
.acc-qa .acc-title::before{content:"Q";display:block;position:absolute;top:0.5em;left:1.3em;color:#57a116;font-weight:700;font-size:2.4rem;}
.acc-qa .acc-title + .acc-item{position:relative;padding:1.5em 2em 1.5em 4em;}
.acc-qa .acc-title + .acc-item::before{content:"A";display:block;position:absolute;top:0.95em;left:1em;color:#ffa51f;font-weight:700;font-size:2.4rem;}
/*===========================================================
 /tcn_cup/ - TCN 杯
 /photo/ - あらぶんちょドラマチックフォトコンテスト
===========================================================*/
.topImgList{margin:4em 0;}
.topAnchorList.linkInpage a{padding-right:40px;padding-left:60px;font-size:2rem;}
.topAnchorList.linkInpage a:before{left:30px;}
.tableBlock > tbody > tr > th,
.tableBlock > tbody > tr > td{padding:0.3em 0;text-align:left;vertical-align:top;}
.txtSmallTable{font-size:1.4rem;}
.txtLargeTable{font-size:1.8rem;}
.underlayerLinkList.linkBtn a{font-size:2rem;}
.underlayerLinkList.linkBtn a .txtSmall{margin-bottom:-5px;}
.underlayerLinkList.linkBtn .newIcon .txtSmall:after{content:"new";display:inline-block;padding:0.2em 0.4em 0.4em;background:#a53625;color:#fff;font-size:1rem;line-height:1;}
/*===========================================================
 /tcn_cup/ - TCN 杯
===========================================================*/
.winnerIconList.layoutItem{margin:0;padding:0;}
.winnerIconList.layoutItem > *{margin-right:1.5rem;margin-bottom:0.5rem;padding-left:25px;font-weight:bold;font-size:1.4rem;}
.winnerIconList.layoutItem > *.winner.gold{background:url(/Portals/0/images/tcn_cup/ico_winner_gold.png) 0 2px no-repeat;}
.winnerIconList.layoutItem > *.winner.silver{background:url(/Portals/0/images/tcn_cup/ico_winner_silver.png) 0 2px
no-repeat;}
.winnerIconList.winnerIconTop.layoutItem{margin-bottom:2rem;padding-left:15px;}
.winnerIconList.winnerIconTop.layoutItem > *{margin-right:3rem;font-weight:normal;}
.winnerIconList.winnerIconTop.layoutItem > *.winner{position:relative;padding-left:45px;}
.winnerIconList.winnerIconTop.layoutItem > *.winner:before{content:"…";display:block;position:absolute;top:-0.25em;left:30px;}
.teamIntroduction.layoutItem.col3 > *{width:31.33%;margin-right:3%;}
.teamIntroduction.layoutItem > *{margin-bottom:3.5rem;padding:0 20px 20px;}
.teamIntroduction.layoutItem > * > *:last-child{margin-bottom:0;padding-bottom:0;}
.teamIntroduction.bgBlue > *{background:rgba(3, 82, 161, 0.05);}
.teamIntroduction.bgGreen > *{background:rgba(111, 186, 44, 0.08);}
.teamIntroduction img{display:block;max-width:calc(100% - 40px);margin:0 auto;}
.teamIntroduction h4{margin:1em 0 0.5em;padding:0;border:none;}
.comichanLeadText{margin-bottom:2em;font-size:2rem;}
/*===========================================================
 /photo/ - あらぶんちょドラマチックフォトコンテスト
===========================================================*/
/* tableSimpleLine
------------------------------ */
.tableSimpleLine{width:auto;margin:0 0 1em;}
.tableSimpleLine > caption{padding:0.2em 0.5em;background:#f2f2f2;font-weight:bold;font-size:1.4rem;text-align:left;}
.tableSimpleLine > tbody > tr > th{padding:0.8em 1em;font-weight:bold;font-size:1.8rem;text-align:left;vertical-align:top;white-space:nowrap;}
.tableSimpleLine > tbody > tr > td{padding:0.8em 1em;border-left:1px solid #ccc;font-size:1.8rem;text-align:left;vertical-align:top;}
.tableSimpleLine > tbody > tr > td > *:first-child{margin-top:0;}
/* --- awardWrap --- */
.awardWrap.layoutItem > *:nth-of-type(odd){width:42%;}
.awardWrap.layoutItem > *:nth-of-type(odd) .tableSimpleLine > tbody > tr > th{width:200px;}
.awardWrap.layoutItem > *:nth-of-type(even){width:58%;}
.awardWrap.layoutItem > *:nth-of-type(even) .tableSimpleLine > tbody > tr > th{width:220px;}
.awardWrap .tableSimpleLine{width:100%;}
.awardWrap .tableSimpleLine > tbody > tr > th{padding:0.6em 0 0.3em;}
.awardWrap .tableSimpleLine > tbody > tr > td{padding:0.6em 0 0.3em 1em;}
.awardWrap .awardEspecially{margin-bottom:1em;}
.awardWrap .awardEspecially .tableSimpleLine > tbody > tr > th{font-size:2.4rem;}
.awardWrap .awardEspecially .tableSimpleLine > tbody > tr > td{font-weight:bold;font-size:2rem;}
.awardWrap .awardEspecially .tableGrandPrix > tbody > tr > th{padding-left:45px;background:url(/Portals/0/images/photo/ico_grand_prix.png) 10px 23px
no-repeat;color:#ccb249;}
.awardWrap .awardEspecially .tableExcellence > tbody > tr > th{padding-left:30px;background:url(/Portals/0/images/photo/ico_excellence.png) left 25px
no-repeat;color:#999;}
.awardWrap .captionExists{position:relative;}
.awardWrap .captionExists > caption{position:absolute;top:1em;left:10px;width:calc(1em + 0.8em);padding:0.4em;line-height:1;}
.awardWrap .captionExists > tbody > tr > th{padding-left:3em;}
.awardWrap .tableBottomText{font-size:1.4rem;}
/* awardLinkList
------------------------------ */
.awardLinkList.layoutItem{margin:4em 0;}
.awardLinkList.layoutItem > *{margin:0 4rem 1rem;}
.awardLinkList > li > a.linkBtn{width:480px;padding:1em 2.5em;font-size:2.4rem;justify-content:center;}
/* --- before --- */
.awardLinkList > li > a.linkBtn:before{content:"";display:block;position:absolute;top:0;bottom:0;margin:auto 0;}
.awardLinkList > li.icoForm01 a.linkBtn:before{left:40px;width:40px;height:31px;background:url(/Portals/0/images/photo/ico_form01.png) 0 0 no-repeat;}
.awardLinkList > li.icoForm02 a.linkBtn:before{left:35px;width:48px;height:35px;background:url(/Portals/0/images/photo/ico_form02.png) 0 0 no-repeat;}
.awardLinkList > li.icoExhibition a.linkBtn:before{left:30px;width:40px;height:36px;background:url(/Portals/0/images/photo/ico_exhibition.png) 0 0 no-repeat;}
.awardLinkList > li.icoCM a.linkBtn:before{left:30px;width:32px;height:26px;background:url(/Portals/0/images/photo/ico_cm.png) 0 0 no-repeat;}
/* --- after --- */
.awardLinkList > li > a.linkBtn.pdfLink:after{content:"";display:block;position:absolute;top:0;bottom:0;left:calc(100% - 51px);width:21px;height:16px;margin:auto 0;background:url(/Portals/0/images/common/ico_file_pdf.png) 0 0 no-repeat;}
.awardLinkList > li > a.linkBtn.externalLink:after{top:16px;right:16px;bottom:auto;width:16px;height:16px;margin:0;background:url(/Portals/0/images/common/ico_external_white_small.png) 0 0
no-repeat;}
/* awardFlowList
------------------------------ */
.awardFlowList{counter-reset:num;margin:0;padding:0;}
.awardFlowList > li{counter-increment:num;list-style:none;position:relative;margin:0;padding:0;}
.awardFlowList > li:before{content:counter(num) "";display:flex;position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;background:#333;color:#fff;font-family:"Montserrat";font-weight:bold;font-size:3.6rem;justify-content:center;align-items:center;}
.awardFlowList > li:after{content:"";display:block;position:absolute;top:52px;left:52px;transform:rotate(-45deg);width:0;height:0;border-top:10px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;}
.awardFlowList > li h3{margin:0;padding:15px 0 25px 80px;}
.awardFlowList > li h3:before{display:none;}
.awardFlowList > li img{margin-bottom:1em;padding:16px 14px;border-radius:10px;background:#f2f2f2;}
/*===========================================================
 oldContents
===========================================================*/
#oldContents .clear{display:block;clear:both;line-height:1px;}
#oldContents .left{display:inline;float:left;}
#oldContents .right{display:inline;float:right;}
#oldContents .center{text-align:center;}
#photocontest .red{color:#cc0c1c;font-weight:400 !important;}
#oldContents .bg01{display:inline-block;padding:0 3px;background:#f00;color:#fff;}
#oldContents .bg001{padding:3px 3px;background:#f00;color:#fff;}
#oldContents .bold{font-weight:bold;}
#oldContents .bold2{font-weight:bold;font-size:1.6rem;}
/*===========================================================
 oldContents
 /photo/ - あらぶんちょドラマチックフォトコンテスト
===========================================================*/
#photocontest h1{margin:0 auto 30px;padding:0;text-align:center;}
#photocontest h1:before,
#photocontest h1:after{display:none;}
#photocontest h3{margin:0;padding:0;text-align:center;}
#photocontest h3:before{display:none;}
#photocontest p,
#photocontest dl,
#photocontest dt,
#photocontest dd{margin:0;padding:0;}
#photocontest img{vertical-align:top;}
#photocontest{margin:0 auto 30px;}
#photocontest table{width:100%;margin:0 auto 30px;}
#photocontest th,
#photocontest td{border:none;text-align:center;vertical-align:top;}
#photocontest th{padding:10px 5px;}
#photocontest td{padding:15px;}
#photocontest .col2 th,
#photocontest .col2 td{width:50%;padding:0 0 10px;}
#photocontest .col2 td h3{padding:10px 5px;}
#photocontest .col2 td div.photo,
#photocontest .col2 td div.caption{padding:15px;}
#photocontest .photoCol2{float:left;width:50%;}
#photocontest .photoCol2 dl{padding:10px;text-align:center;}
#photocontest .photoCol2 dt a img{max-height:175px;}
#photocontest .photoCol2 dd.point4{margin:10px 0 30px;}
.layoutflex{display:flex; justify-content:center;}
#photocontest .layoutflex .photo_con3{float:none;}

/* 第1回～第3回
------------------------------ */
#photocontest .bloc{margin:0 auto 30px;text-align:center;}
#photocontest .bloc h2{text-align:left;}
#photocontest .bloc .caution{margin:0 0 20px;font-size:1.4rem;text-align:right;}
#photocontest .bloc .photo1{margin:0 auto;padding:10px 0;text-align:center;}
#photocontest .bloc dt{font-weight:bold;font-size:2rem;}
/* 第4回～
------------------------------ */
#photocontest .lead{margin:0 0 20px;}
#photocontest dt.photo_tit01{font-weight:bold;font-size:2rem;}
#photocontest dt.photo_tit02{font-weight:bold;font-size:2rem;text-align:center;}
#photocontest td.photo_0001,
#photocontest td div.photo_0001{padding:10px 0;text-align:center;}
/* --- photo_con3 --- */
#photocontest .photo_con3{float:left;width:33.33%;}
#photocontest .photo_con3 dl{padding:10px;text-align:center;}
#photocontest .photo_con3 dt a img{max-height:175px;}
#photocontest .photo_con3 dd.point4{margin:10px 0 30px;}
/* --- photo_con4 --- */
#photocontest .photo_con4 td{width:25%;padding:0;}
#photocontest .photo_con4 dl{padding:10px;text-align:center;}
.photo_con4 dt a img{max-height:130px;}
#photocontest .photo_con4 dd.point5{margin:10px 0 20px;font-size:1.6rem;}
/* 第6回～
------------------------------ */
#photocontest h2.styleNone{margin:0;padding:0;border:none;font-size:1rem;}
#photocontest .item_box{margin-bottom:30px;text-align:center;}
#photocontest .item_box .photo{padding:10px 0;}
#photocontest .item_box h3{margin-bottom:15px;}
/* 第7回～
------------------------------ */
.tbl_excellence td.photo_0001,
.tbl_excellence td div.photo_0001{vertical-align:bottom !important;}
.tbl_excellence td.photo_0001 img,
.tbl_excellence td div.photo_0001 img{max-height:270px;}
/* 第8回
------------------------------ */
#photocontest .exhibition{padding:10px;border:2px solid #eb7195;border-radius:5px;font-weight:bold;text-align:center;}
/* 資料請求・お申し込み
------------------------------ */
#content_bottom img{vertical-align:top;}
#content_bottom{width:744px;margin:0 auto;}
#content_bottom .noentry{width:460px;padding:0 0 11px;}
#content_bottom .noentry .wrap{padding:10px 20px 15px;border:1px solid #ef5519;border-top:none;border-radius:0 0 8px 8px;}
#content_bottom .already{width:270px;padding:0 0 11px;}
#content_bottom .already .wrap{padding:10px 20px 15px;border:1px solid #1d8d03;border-top:none;border-radius:0 0 8px 8px;text-align:center;}

/* ===========================================================
 管理画面
=========================================================== */
/* FileManager
------------------------------ */
.FileManager_RightBox img{max-width:inherit;}

/* テレビコース編集
   ネットコース編集
------------------------------ */
.EditTvCource table.tableSettings table.tableGrid,
.EditNetCource table.tableSettings table.tableGrid{border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.EditTvCource table.tableSettings table.tableGrid > * > tr > *:first-child,
.EditNetCource table.tableSettings table.tableGrid > * > tr > *:first-child{width:30%;}
.EditTvCource table.tableSettings table.tableGrid > * > tr > td table thead,
.EditNetCource table.tableSettings table.tableGrid > * > tr > td table thead{display:none;}
.EditTvCource table.tableSettings table.tableGrid > * > tr > td table tbody td,
.EditNetCource table.tableSettings table.tableGrid > * > tr > td table tbody td{padding-top:0;padding-bottom:0;}
.EditTvCource table.tableSettings table[id$="_EditTvCource_grdCategoryTitle"]{width:100%;}