@charset "utf-8";

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

a{color:#0081cc;text-decoration:underline;}
a:hover{color:#8fd6ff;text-decoration:none;}

a img{transition:all 0.3s;}
a:hover img{opacity:0.65;}

img{max-width:100%;}

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

/*========================================================
 base.css
========================================================*/
/* headings
------------------------------ */
h1{padding:0;font-size:3.2rem;}
h2{color:#0081cc;padding:0;font-size:4.8rem;}
h3{position:relative;margin-top:3em;padding:29px 0 0;font-size:2.2rem;}
h4{position:relative;padding:0 0 0 30px;font-size:2rem;}
h5{color:#0081cc;padding:0;font-size:1.8rem;}
h6{color:#8b8b8b;padding:0;font-size:1.6rem;}

h3:before,
h3:after{content:"";position:absolute;top:0;left:0;height:4px;}
h3:before{width:100%;background:rgba(0, 129, 204, 0.1);}
h3:after{width:12%;background:#0081cc;}
h4:before{content:"";position:absolute;top:10px;left:0;width:20px;height:4px;background:#0081cc;}

.ContentPane h2:first-child,
.ContentPane h3:first-child{margin-top:0;}

.layoutItem.inlined.boxColored {padding-top: calc(1rem + 2em);}

/* --------------------------------------------------
	link
-------------------------------------------------- */
/* linkBtn
------------------------------ */
.linkBtn a,
a.linkBtn{position:relative;padding:12px 3em;border-radius:30px;background:#0081cc;color:#fff;text-align:center;transition:background 0.3s;}
.linkBtn a:hover,
a.linkBtn:hover{opacity:1;background:#8fd6ff;color:#fff;}
.linkBtn a:after,
a.linkBtn:after{content:"";position:absolute;top:0;right:20px;bottom:0;width:13px;height:11px;margin:auto;background-size:contain;background-image:url(/Portals/0/images/common/ico_arrow_white.png);background-repeat:no-repeat;}
/* shrink */
.linkBtn.shrink a,
a.linkBtn.shrink{padding:6px 2.5em;}
/* bulge */
.linkBtn.bulge a,
a.linkBtn.bulge{padding:16px 3.5em;}

/* linkTxt
------------------------------ */
.linkTxt a,
a.linkTxt{position:relative;padding:4px 42px 4px 0;color:#000;font-weight:bold;transition:all 0.3s;}
.linkTxt a.full,
a.linkTxt.full{width:100%;}
.linkTxt a:before,
a.linkTxt:before{content:none;}
.linkTxt a:after,
a.linkTxt:after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;height:32px;margin:auto;background-size:contain;background-image:url(/Portals/0/images/common/ico_arrow_circle.png);background-repeat:no-repeat;transition:all 0.3s;}
.linkTxt a:hover,
a.linkTxt:hover{color:#8fd6ff;}
.linkTxt a:hover:after,
a.linkTxt:hover:after{background-image:url(/Portals/0/images/common/ico_arrow_circle_hover.png);}
/* linkTxt + file icon */
a.linkTxt[href*=".pdf"],
a.linkTxt[href*=".doc"],
a.linkTxt[href*=".docx"],
a.linkTxt[href*=".xls"],
a.linkTxt[href*=".xlsx"],
a.linkTxt[href*=".zip"],
a.linkTxt.pdfLink,
a.linkTxt.docLink,
a.linkTxt.docxLink,
a.linkTxt.xlsLink,
a.linkTxt.xlsxLink,
a.linkTxt.zipLink{display:inline;padding:0;}

a.linkTxt[href*=".pdf"]:before,
a.linkTxt[href*=".doc"]:before,
a.linkTxt[href*=".docx"]:before,
a.linkTxt[href*=".xls"]:before,
a.linkTxt[href*=".xlsx"]:before,
a.linkTxt[href*=".zip"]:before,
a.linkTxt.pdfLink:before,
a.linkTxt.docLink:before,
a.linkTxt.docxLink:before,
a.linkTxt.xlsLink:before,
a.linkTxt.xlsxLink:before,
a.linkTxt.zipLink:before{content:"";display:inline-block;position:static;width:13px;height:11px;margin-right:10px;background-size:contain;background-image:url(/Portals/0/images/common/ico_arrow_blue.png);background-repeat:no-repeat;}
a.linkTxt[href*=".pdf"]:after,
a.linkTxt[href*=".doc"]:after,
a.linkTxt[href*=".docx"]:after,
a.linkTxt[href*=".xls"]:after,
a.linkTxt[href*=".xlsx"]:after,
a.linkTxt[href*=".zip"]:after,
a.linkTxt.pdfLink:after,
a.linkTxt.docLink:after,
a.linkTxt.docxLink:after,
a.linkTxt.xlsLink:after,
a.linkTxt.xlsxLink:after,
a.linkTxt.zipLink:after{content:"";display:inline-block;position:static;width:auto;height:auto;margin:0 5px;background-image:none;}
a.linkTxt[href*=".pdf"]:hover:before,
a.linkTxt[href*=".doc"]:hover:before,
a.linkTxt[href*=".docx"]:hover:before,
a.linkTxt[href*=".xls"]:hover:before,
a.linkTxt[href*=".xlsx"]:hover:before,
a.linkTxt[href*=".zip"]:hover:before,
a.linkTxt.pdfLink:hover:before,
a.linkTxt.docLink:hover:before,
a.linkTxt.docxLink:hover:before,
a.linkTxt.xlsLink:hover:before,
a.linkTxt.xlsxLink:hover:before,
a.linkTxt.zipLink:hover:before{background-image:url(/Portals/0/images/common/ico_arrow_blue_hover.png);}
a.linkTxt[href*=".pdf"]:hover:after,
a.linkTxt[href*=".doc"]:hover:after,
a.linkTxt[href*=".docx"]:hover:after,
a.linkTxt[href*=".xls"]:hover:after,
a.linkTxt[href*=".xlsx"]:hover:after,
a.linkTxt[href*=".zip"]:hover:after,
a.linkTxt.pdfLink:hover:after,
a.linkTxt.docLink:hover:after,
a.linkTxt.docxLink:hover:after,
a.linkTxt.xlsLink:hover:after,
a.linkTxt.xlsxLink:hover:after,
a.linkTxt.zipLink:hover:after{background-image:inherit;}
a.linkTxt[href*=".pdf"]:after,
a.linkTxt.pdfLink:after{content:url(/Portals/0/images/common/ico_file_pdf.png);}
a.linkTxt[href*=".doc"]:after,
a.linkTxt[href*=".docx"]:after,
a.linkTxt.docLink:after,
a.linkTxt.docxLink:after{content:url(/Portals/0/images/common/ico_file_word.png);}
a.linkTxt[href*=".xls"]:after,
a.linkTxt[href*=".xlsx"]:after,
a.linkTxt.xlsLink:after,
a.linkTxt.xlsxLink:after{content:url(/Portals/0/images/common/ico_file_excel.png);}
a.linkTxt[href*=".zip"]:after,
a.linkTxt.zipLink:after{content:url(/Portals/0/images/common/ico_file_zip.png);}

/* linkInpage
------------------------------ */
.linkInpage a,
a.linkInpage{padding:0;background-color:transparent;color:initial;color:#000;font-weight:bold;text-decoration:none;transition:all 0.3s;align-items:center;}
.linkInpage a:before,
a.linkInpage:before{content:"";display:inline-block;position:static;width:11px;height:13px;margin:0;margin-right:8px;background-size:contain;background-image:url(/Portals/0/images/common/ico_arrow_down.png);background-repeat:no-repeat;transition:all 0.3s;}
.linkInpage a:after,
a.linkInpage:after{content:none;}
.linkInpage a:hover,
a.linkInpage:hover{opacity:1;color:#8fd6ff;}
.linkInpage a:hover:before,
a.linkInpage:hover:before{background-image:url(/Portals/0/images/common/ico_arrow_down_hover.png);}

/* --------------------------------------------------
	clearfix,float,align settings,margin
-------------------------------------------------- */
/* align
------------------------------ */
.alignRight{text-align:right !important;}
.alignLeft{text-align:left !important;}
.alignCenter{text-align:center !important;}

.marginLeftRight,
table.marginLeftRight{margin-right:auto;margin-left:auto;}

/* --------------------------------------------------
	list
-------------------------------------------------- */
ul li::marker{color:#8b8b8b;font-size:2rem;}

/* --------------------------------------------------
	table
-------------------------------------------------- */
table > tbody > tr > th.emptyCell,
table > tbody > tr > td.emptyCell{border-bottom:1px solid #eee !important;background:0;}
table > tbody > tr > th.colored,
table > tbody > tr > td.colored{background-color:#f2f2f2;}
table > tbody > tr > th.fixed,
table > tbody > tr > td.fixed{width:8em;}

.tableBasic{border-right:1px solid #eee;border-bottom:1px solid #eee;}
.tableBasic > tbody > tr > th{border-top:1px solid #fff;border-left:1px solid #eee;background:#f2f2f2;}
.tableBasic > tbody > tr > th:not(.emptyCell) + th{border-left:1px solid #fff;}
.tableBasic > tbody > tr > td{border-top:1px solid #eee;border-left:1px solid #eee;background:#fff;}
.tableBasic > tbody > tr > td + td{border-left:1px solid #eee;}
.tableBasic > tbody > tr:first-child th{border-top:1px solid #eee;}

.tableSimple{max-width:100%;margin:0 0 2em;border-bottom:1px dotted #b4b4b4;background:#fff;}
.tableSimple > tbody > tr{border-top:1px dotted #b4b4b4;border-spacing:0;}
.tableSimple > tbody > tr >th,
.tableSimple > tbody > tr >td{padding:1em 1.5em;}

/* --------------------------------------------------
	box
-------------------------------------------------- */
/* boxBordered && boxColored
------------------------------ */
.boxColored{background:#f2f2f2;}
.boxBordered{border-color:#aaa;}

/* --------------------------------------------------
	txt
-------------------------------------------------- */
/* font-size
------------------------------ */
.txtSmall{font-size:1.4rem;}
.txtLarge{font-size:1.8rem;}

/* font-weight
------------------------------ */
.txtBold{font-weight:bold;}
.txtNormal{font-weight:500;}

/* font-color
------------------------------ */
.colorRed{color:#ff2424;}
.colorBlue{color:#0081cc;}
.colorGray{color:#8b8b8b;}

/* line-height
------------------------------ */
.txtLineHeight1_8{line-height:1.8;}
.txtLineHeight2_0{line-height:2;}

/*========================================================
 module
========================================================*/
/* タブ
------------------------------ */
.ViewTabs > ul{margin-bottom:30px;text-align:center;justify-content:space-between;flex-wrap:nowrap;}
.ViewTabs > ul > li{padding-bottom:4px;width:100%;border-bottom:1px solid #aaa;position:relative;}
.ViewTabs > ul > li.ui-tabs-active:before{display:block;content:"";width:100%;height:5px;background:#0081cc;position:absolute;left:0;bottom:-1px;}
.ViewTabs > ul > li + li{margin-left:14px;}
.ViewTabs > ul > li > a{padding:13px 1em;font-size:1.8rem;font-weight:bold;color:inherit;text-decoration:none;}

/* お知らせ
------------------------------ */
.icmdtp-newsItem{margin:0 0 2em;padding:0;}
.icmdtp-newsItem .newsDate{width:7em;}
.icmdtp-newsItem .newsCategory > span{margin:0;padding:0.1em 0.2em;font-size:1.4rem;}
.icmdtp-newsItem .newsCategory > span.id_14{background:#0B4EB2;color:#fff;}
.icmdtp-newsItem .newsCategory > span.id_15{background:#00CF89;color:#fff;}
.icmdtp-newsItem .newsCategory > span.id_16{background:#F6AF22;color:#fff;}
.icmdtp-newsItem .newsCategory > span.important{background:#ff2424;color:#fff;}
.icmdtp-newsItem .newsTitle a{text-decoration:none;color:#000;}
.icmdtp-newsItem .newsTitle a:hover{text-decoration:underline;}
/* list */
.icmdtp-newsItem .newsList{margin:0 0 3em;padding:0;}
.icmdtp-newsItem .newsList > li{align-items:center;padding:30px 0;border-top:0;border-bottom:#B4B4B4 dotted 1px;}
.icmdtp-newsItem .newsList > li:first-child{padding-top:0;border-bottom:#B4B4B4 dotted 1px;}
.icmdtp-newsItem .newsList .newsDate{margin:0 1em 0 0;font-weight:bold;}
.icmdtp-newsItem .newsList .newsCategory{width:9em;margin:0 3em 0 0;}
/* detail */
.icmdtp-newsItem .newsDetail .newsTitle{margin:0 0 0.5em;padding:0;font-size:4.8rem;}
.icmdtp-newsItem .newsDetail .newsWrap{display:flex;justify-content:flex-end;align-items:center;margin:0 0 2em;}
.icmdtp-newsItem .newsDetail .newsDate{margin:0;font-weight:bold;}
.icmdtp-newsItem .newsDetail .newsCategory{width:9em;}
.icmdtp-newsItem .newsDetail .newsCategory > span{display:block;}
.icmdtp-newsItem .newsDetail .newsDescription{margin:0 0 2em;}
.icmdtp-newsItem .newsDetail .newsBackLink{margin:0 0 2em;padding:0;text-align:center;}
/* IE11 */
_:-ms-fullscreen, :root .icmdtp-newsItem .newsCategory > span{padding-top:0.4em;padding-bottom:0;}

/* ページング
------------------------------ */
ul.ulPaging{display:flex;margin-top:62px;justify-content:center;}
ul.ulPaging li{padding:0;}
ul.ulPaging li.Current{border:0;border-radius:50%;background:#0081cc;color:#fff;}
ul.ulPaging li + li{margin-left:10px;}
ul.ulPaging li a{border:0;font-weight:bold;color: #0081cc;transition:all 0.3s;}
ul.ulPaging li a:hover{border:0;background:0;color:#8fd6ff;}
ul.ulPaging li:not(.Next):not(.Prev){display:flex;width:30px;height:30px;align-items:center;justify-content:center;}
ul.ulPaging li:not(.Next):not(.Prev) a{display:flex;width:100%;height:100%;padding:0;align-items:center;justify-content:center;}
/* IE11 */
_:-ms-fullscreen, :root ul.ulPaging li.Current{padding-top:0.8em !important;}
_:-ms-fullscreen, :root ul.ulPaging li:not(.Next):not(.Prev){padding-top:0.3em;}

/*========================================================
 common
========================================================*/
/* --------------------------------------------------
	header
-------------------------------------------------- */
/* logoText
------------------------------ */
.logoText{display:flex;align-items:center;margin:4px 0 0;padding:0;font-size:1.2rem;}
.logoText .txtLarge{margin-left:8px;font-size:1.6rem;}

/* hLink
------------------------------ */
.hLink{display:flex;align-items:center;margin:0 0 0 13px;padding:0;}
.hLink li{margin:0;padding:0;list-style:none;}
.hLink li + li{margin-left:25px;}
.hLink li a{padding-left:22px;color:#535353;font-size:1.5rem;font-weight:bold;text-decoration:none;transition:all 0.3s;}
.hLink li a:hover{opacity:0.65;}
.hLink li.icoMail a{background:url(/Portals/0/images/common/ico_mail.png) left center no-repeat;}
.hLink li.icoLang a{background:url(/Portals/0/images/common/ico_language.png) left center no-repeat;}
._OCA-en .hLink{margin-right:20px;}
/* IE11 */
_:-ms-fullscreen, :root .hLink li a{padding-top:4px;}

/* memberOnlyMenu
------------------------------ */
.memberOnlyMenu ul{margin:0;padding:0;}
.memberOnlyMenu li{margin:0;padding:0;list-style:none;}
.memberOnlyMenu li a{display:block;text-decoration:none;}
.memberOnlyMenu li a:hover{text-decoration:none;opacity:1;}
/* list */
.memberOnlyMenu > ul > li{position:relative;}
.memberOnlyMenu > ul > li > a{padding-left:48px;width:200px;height:38px;line-height:38px;border-radius:19px;background:url(/Portals/0/images/common/ico_member.png) 12px center no-repeat #0081CC;color:#fff;font-size:1.7rem;font-weight:bold;pointer-events:none;}
.memberOnlyMenu > ul > li > a:hover{background-color:#8fd6ff;cursor:default;}
.memberOnlyMenu > ul > li > ul{display:none;}
.memberOnlyMenu > ul > li:hover > ul{display:block;padding-top:25px;position:absolute;left:0;top:38px;z-index:1;}
.memberOnlyMenu > ul > li:hover > ul:before{display:block;content:"";width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #0081CC;position:relative;left:50%;transform:translateX(-50%);}
.memberOnlyMenu > ul > li > ul li a{padding:12px 16px 10px;background:#0081CC;border-bottom:1px solid #355A88;color:#fff;font-size:1.4rem;}
.memberOnlyMenu > ul > li > ul li a:hover{color:#8fd6ff;}
/* login page */
/*.memberOnlyMenu:not(.nonMember) > ul > li > ul > li > a{display:none;}*/
/* IE11 */
_:-ms-fullscreen, :root .memberOnlyMenu > ul > li > a{padding-top:4px;}
_:-ms-fullscreen, :root .memberOnlyMenu > ul > li > ul li a{padding-top:14px;padding-bottom:8px;}

/* --------------------------------------------------
	footer
-------------------------------------------------- */
/* fLogo
------------------------------ */
.fLogo{margin:0 0 80px;padding:0;text-align:center;}
.fLogo a{display:block;}
.fLogo a img{margin:0 auto;display:block;}

/* fText
------------------------------ */
.fText.copyright{margin:0;padding:0;}

/* fMenuWrap
------------------------------ */
.fMenuWrap{margin:0;padding:0;}
.fMenuWrap ul{margin:0;padding:0;list-style:none;}
.fMenuWrap ul li{margin:0;padding:0;line-height:1.2;}
.fMenuWrap ul li a{color:#fff;text-decoration:none;}
.fMenuWrap ul li a:hover{color:#8fd6ff;text-decoration:none;}
/* fMenu */
.fMenuWrap ul.fMenu{display:flex;flex-wrap:wrap;}
.fMenuWrap ul.fMenu > li{width:calc(20% - (10px * 4 / 5));margin-right:10px;margin-bottom:40px;}
.fMenuWrap ul.fMenu > li:nth-child(5n){margin-right:0;}
@media screen and (max-width:1400px) {
    .fMenuWrap ul.fMenu > li{width:calc(33.33% - (10px * 2 / 3));}
    .fMenuWrap ul.fMenu > li:nth-child(5n){margin-right:10px;}
    .fMenuWrap ul.fMenu > li:nth-child(3n){margin-right:0;}
}
._OCA-en .fMenuWrap ul.fMenu > li{width:calc(33.33% - (10px * 2 / 3));}
._OCA-en .fMenuWrap ul.fMenu > li:nth-child(5n){margin-right:10px;}
._OCA-en .fMenuWrap ul.fMenu > li:nth-child(3n){margin-right:0;}
.fMenuWrap ul.fMenu > li > a,
.fMenuWrap ul.fMenu > li > span{display:block;margin-bottom:15px;padding-bottom:15px;font-size:1.4rem;font-weight:bold;border-bottom:1px solid #fff;}
.fMenuWrap ul.fMenu > li > ul > li + li{margin-top:10px;}
.fMenuWrap ul.fMenu > li > ul > li > a{font-size:1.3rem;}
.fMenuWrap ul.fMenu > li > ul > li > ul{display:none;}
/* fSubMenu */
.fMenuWrap ul.fSubMenu{display:flex;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid #fff;}
.fMenuWrap ul.fSubMenu > li{margin-right:1em;}
.fMenuWrap ul.fSubMenu > li > a{font-size:1.3rem;font-weight:bold;}

/*========================================================
 index
========================================================*/
.moreBtn{margin:0;padding:0;font-size:1.6rem;}

/* KV
------------------------------ */
.kvWrap{margin:0;padding:0;position:relative;}
.kvWrap .kvTxt{margin:0;padding:0 0 0 47px;position:absolute;left:50%;top:24%;}
.kvWrap .kvTxt h1{margin:0;padding:0;font-weight:bold;color:#fff;text-shadow:rgba(0,32,91,0.4) 0 0 10px;}
.kvWrap .kvTxt h1 .catch{padding-bottom:30px;font-size:4.5rem;line-height:1.2;position:relative;}
.kvWrap .kvTxt h1 .catch:before{display:block;content:"";width:100px;height:4px;background:#fff;position:absolute;left:0;bottom:0;}
.kvWrap .kvTxt h1 .catch .txtSmall{font-size:4.2rem;}
.kvWrap .kvTxt h1 .catch .txtLarge{font-size:4.8rem;}
.kvWrap .kvTxt h1 .name{margin-top:-15px;font-size:6.8rem;line-height:1.3;}
.kvWrap .kvTxt h1 .name .txtSmall{font-size:3rem;}
.kvWrap .kvImg{margin:0;padding:0;}
.kvWrap .kvImg img{display:block;width:100%;}
@media screen and (max-width:1400px) {
    .kvWrap .kvTxt{padding:0;}
    .kvWrap .kvTxt h1 .catch{padding-bottom:24px;font-size:2.7rem;}
    .kvWrap .kvTxt h1 .catch:before{width:62px;}
    .kvWrap .kvTxt h1 .catch .txtSmall{font-size:2.5rem;}
    .kvWrap .kvTxt h1 .catch .txtLarge{font-size:2.9rem;}
    .kvWrap .kvTxt h1 .name{margin-top:-10px;font-size:4.2rem;}
    .kvWrap .kvTxt h1 .name .txtSmall{font-size:1.8rem;}
}
._OCA-en .kvWrap .kvTxt{padding:0 0 0 20px;}
._OCA-en .kvWrap .kvTxt h1{text-align:center;letter-spacing:1px;}
._OCA-en .kvWrap .kvTxt h1 .catch{font-size:4.8rem;line-height:1.2;font-weight:500;}
._OCA-en .kvWrap .kvTxt h1 .catch:before{left:50%;transform:translateX(-50%);}
._OCA-en .kvWrap .kvTxt h1 .logo{margin-top:30px;}
@media screen and (max-width:1400px) {
    ._OCA-en .kvWrap .kvTxt{padding:0;}
    ._OCA-en .kvWrap .kvTxt h1 .catch{font-size:3rem;}
    ._OCA-en .kvWrap .kvTxt h1 .logo{margin-top:20px;}
    ._OCA-en .kvWrap .kvTxt h1 .logo img{width:150px;}
}

/* TOPICS
------------------------------ */
.indexTopicsWrap{display:flex;align-items:center;margin:0;padding:30px 0;}
.indexTopicsWrap .ttlWrap{width:155px;}
.indexTopicsWrap .ttlWrap .ttl{margin:0;padding:0;font-size:2.7rem;color:#fff;}
.indexTopicsWrap .topicsWrap{width:calc(100% - 155px);}
/* topicsList */
.topicsList{margin:0;padding:0;}
.topicsList li{display:flex;align-items:center;margin:0;padding:0;list-style:none;}
.topicsList li + li{margin-top:10px;}
.topicsList li .topicsDate{margin:0 0.5em 0 0;width:6em;white-space:nowrap;flex-shrink:0;font-weight:bold;color:#fff;}
.topicsList li .topicsTitle{flex-grow:1;word-break:break-word;color:#fff;}
.topicsList li .topicsTitle a{display:inline-block;text-decoration:none;color:#fff;}
.topicsList li .topicsTitle a:hover{text-decoration:underline;}

/* Information
------------------------------ */
.indexInformationWrap{margin:80px 0 100px;padding:0;}
.indexInformationWrap .ttlWrap{display:flex;align-items:flex-end;margin-bottom:50px;}
.indexInformationWrap .ttlWrap .ttl{margin:0;padding:0;font-size:4rem;line-height:1;}
.indexInformationWrap .ttlWrap .ttlSub{margin:0 0 5px 40px;padding:0;font-size:2.2rem;line-height:1;}
.indexInformationWrap .ttlWrap .ttlSub:before,
.indexInformationWrap .ttlWrap .ttlSub:after{display:none;}

/* ABOUT US
------------------------------ */
.indexAboutUs.layoutItem{margin:0 0 120px;padding:0;align-items:center;/*height:720px;*/height:570px;overflow:hidden;}
.indexAboutUs.layoutItem > *{width:50%;}
.indexAboutUs.layoutItem > *.img{/*height:720px;*/height:570px;overflow:hidden;}
.indexAboutUs.layoutItem > *.img img{width:100%;}
.indexAboutUs.layoutItem > *.txt .txtInner{margin:0 auto;width:64%;}
.indexAboutUs.layoutItem > *.txt .ttl{margin:0 0 0.1em;padding:0;font-size:8rem;}
.indexAboutUs.layoutItem > *.txt .ttlSub{margin:0 0 1em;padding:0;font-size:3.5rem;}
.indexAboutUs.layoutItem > *.txt .ttlSub:before,
.indexAboutUs.layoutItem > *.txt .ttlSub:after{display:none;}
.indexAboutUs.layoutItem > *.txt .moreBtn{margin-top:2em;}
@media screen and (max-width:1600px) {
    .indexAboutUs.layoutItem > *.img img{max-width:none;width:auto;height:100%;}
}
@media screen and (max-width:1400px) {
    .indexAboutUs.layoutItem > *.txt .ttl{font-size:6.8rem;}
    .indexAboutUs.layoutItem > *.txt .ttlSub{margin:0 0 0.8em;}
}
._OCA-en .indexAboutUs.layoutItem > *.txt .ttl{margin:0 0 0.5em;}

/* Contents
------------------------------ */
.indexGuidance.layoutItem{margin:0 0 100px;padding:0;}
.indexGuidance.layoutItem > *{width:33.33%;}
.indexGuidance.layoutItem > * img{width:100%;}
.indexGuidance.layoutItem > * .txtInner{padding:30px 8% 0;}
.indexGuidance.layoutItem > * .ttl{margin:0 0 0.5em;padding:0;font-size:2.2rem;color:#000;}
.indexGuidance.layoutItem > * .moreBtn{margin-top:1em;}
@media screen and (max-width:1400px) {
    .indexGuidance.layoutItem > * .txtInner{padding:20px 6% 0;}
}
._OCA-en .indexGuidance.layoutItem > * .ttl.moreBtn{margin-top:0;}

/*========================================================
 under layer
========================================================*/
/* メンバーシップ /about/affiliate.html
------------------------------ */
h2.bgBlue{position:relative;margin-top:1em;padding:1.2em 1.1em 1.2em 1.1em;background:#005cc5;line-height:1;}
h2.bgBlue .decorate{display:block;position:absolute;top:calc(-1em + 8px);left:0;color:rgb(0 129 204 / 20%);letter-spacing:0.01em;text-transform:uppercase;}
h2.bgBlue .body{display:block;margin-bottom:1.5rem;color:#fff;}
h2.bgBlue .sub{display:block;color:#fff;font-size:2rem;}
.ContentPane h2.bgBlue{margin-top:10rem;}
.ContentPane h2.bgBlue:not(:first-of-type) {margin-top: 15rem;}

ol.bracketsDecimal{counter-reset:num;list-style:none;padding-left:0;}
ol.bracketsDecimal li{padding-left:2.5em;text-indent:-3em;}
ol.bracketsDecimal li:before{content:"（ " counter(num) " ）";counter-increment:num;}

/* 入会のご案内 /about/admission.html
------------------------------ */
h3 .txtSmall {padding-left: 1em;}

/* 海外建設受注実績レポート /feature/overseascontract.html
------------------------------ */
table.orderAmount caption .layoutItem{margin-bottom:0;}
table.orderAmount tr:first-child th{text-align:center;}
table.orderAmount tr:not(:first-child) th,
table.orderAmount tr:not(:first-child) td{text-align:right;}
table.orderAmount tr:first-child th:not(:first-child){min-width:130px;}
table.orderAmount caption .layoutItem{margin-bottom:0;}
table.orderAmount tr:first-child th{text-align:center;}
table.orderAmount tr:not(:first-child) th,
table.orderAmount tr:not(:first-child) td{text-align:right;}
table.orderAmount tr:first-child th:not(:first-child){min-width:130px;}
table.orderAmount tr.old th,
table.orderAmount tr.old td{border-left:1px solid #fff;background:rgba(0, 129, 204, 0.1);}
table.orderAmount tr.old td{border-top:1px solid #fff;}
table.orderAmount tr.last th,
table.orderAmount tr.last td{border-left:1px solid #fff;background:rgba(0, 129, 204, 0.1);}
table.trendsAmount .align_c{text-align:center;}
table.trendsAmount .align_r{text-align:right;}
table.trendsAmount .head th,
table.trendsAmount .total th,
table.trendsAmount .total td{border-left:1px solid #fff;background:rgba(0, 129, 204, 0.1);}

/* 出版物のご案内 /book/publication/
------------------------------ */
table.tableBasic.noBorder,
table.tableBasic.noBorder th,
table.tableBasic.noBorder td{border:none;}
table.tableBasic.noBorder th{font-weight:400;}
table.tableBasic.noBorder th,
table.tableBasic.noBorder td{padding:0.3em;}
table.bookList{margin-top:2em;border-spacing:0 5px;border-collapse:separate;table-layout:fixed;}
table.bookList th{width:15%;}
table.bookList th,
table.bookList td{font-size:1.4rem;}
table.tableBasic.bookList td{width:18%;padding-left:1.5em;}
table.userGuide > tbody > tr > th {width: 11em;}
table.userGuide table.noBorder{margin-bottom:0;border-spacing:8px;border-collapse:separate;}
table.userGuide table.noBorder th{width:6em;}

/* 賛助会員のご案内 /member/associates.html
------------------------------ */
.listAssociates .bordered{border:1px solid #aaa;}
.listAssociates .layoutItem > *{margin-left:1em;}
.listAssociates .layoutItem > *:first-child{margin-left:0;}

/* 申し込み受付中のイベント /seminar/list/
------------------------------ */
table.eventList-dbItem td {vertical-align: top;}
table.eventList-dbItem tr.trEvent-Header .thEvent-Date{width:190px;}
table.eventList-dbItem tr.trEvent-Header .thEvent-Site {width: 160px;}
table.eventList-dbItem tr.trEvent-Header .thEvent-Link {width: 250px;}
table.eventList-dbItem td.tdEvent-Date div{line-height:1.2;}
table.eventList-dbItem td.tdEvent-Date div + div{margin-top:1em;}
table.eventList-dbItem .dbCategory {margin-bottom: 1em;}
table.eventList-dbItem .dbCategory:empty {margin-bottom: 0;}
.dbCategory span{display:inline-block;min-width:80px;font-size:1.2rem;text-align:center;}
.dbCategory span:not(:first-child){margin-left:5px;}
.dbCategory span.id_5{border:1px solid #54b3eb;background:#54b3eb;color:#fff;}
.dbCategory span.id_6{border:1px solid #54b3eb;color:#54b3eb;}
.dbCategory span.id_7{border:1px solid #00cf89;background:#00cf89;color:#fff;}
.dbCategory span.id_8{border:1px solid #f6af22;color:#f6af22;}
.dbCategory span.id_9{border:1px solid #f6af22;background:#f6af22;color:#fff;}
table.eventList-dbItem .tdEvent-Link a{display:block;position:relative;padding:16px 2em 16px 10px;border-radius:30px;background:#0081cc;color:#fff;font-weight:600;text-decoration:none;text-align:center;transition:background 0.3s;width:200px;}
table.eventList-dbItem .tdEvent-Link a:hover{opacity:1;background:#8fd6ff;color:#fff;}
table.eventList-dbItem .tdEvent-Link a:after{content:"";position:absolute;top:0;right:20px;bottom:0;width:13px;height:11px;margin:auto;background-size:contain;background-image:url(/Portals/0/images/common/ico_arrow_white.png);background-repeat:no-repeat;}
table.eventList-dbItem .tdEvent-Link .Notice{padding:16px 2em;border-radius:30px;background:#8b8b8b;color:#fff;font-weight:600;text-align:center;width:200px;}

/*イベント詳細 /seminar/list/detail.html
------------------------------ */
.dbDetail .dbCategory{display:flex;align-items:center;}
.dbDetail .dbCategory .id_10{margin-right:1em;margin-left:0;font-size:1.6rem;order:1;}
.dbDetail .dbCategory :not(.id_10){order:2;}
.dbDetail .tableSimple th{width:200px;vertical-align:top;padding-left: 0;}
.dbDetail .dbSpare01 .dbForm{margin-top:1em;}
.dbDetail .dbSpare01 .dbForm a{width:200px;padding:12px 3em;}
.dbDetail .dbSpare01 a,
.dbDetail .dbForm a{display:inline-block;position:relative;border-radius:30px;background:#0081cc;color:#fff;font-weight:600;text-decoration:none;text-align:center;transition:background 0.3s;}
.dbDetail .dbForm.bottomBtn a{width:50%;padding:27px 3.5em;border-radius:40px;}
.dbDetail .dbSpare01 a:hover,
.dbDetail .dbForm a:hover{opacity:1;background:#8fd6ff;color:#fff;}
.dbDetail .dbSpare01 a:after,
.dbDetail .dbForm a:after{content:"";position:absolute;top:0;right:20px;bottom:0;width:13px;height:11px;margin:auto;background-size:contain;background-image:url(/Portals/0/images/common/ico_arrow_white.png);background-repeat:no-repeat;}
.dbDetail .dbForm.bottomBtn .back{width:30%;border:1px solid #707070;background:none;color:#000;transition:all 0.3s;}
.dbDetail .dbForm.bottomBtn .back:before{content:"";display:block;position:absolute;top:calc(50% - 6px);/* top: 100%; */left:21px;transform:rotateZ(180deg);width:13px;height:11px;background:url(/Portals/0/images/common/ico_arrow_blue.png);}
.dbDetail .dbForm.bottomBtn .back:hover{opacity:0.65;color:#8fd6ff;}
.dbDetail .dbForm.bottomBtn a + a{margin-left:3em;}


/* 研修申し込みフォーム（海建塾） /seminar/list/schoolform.html
------------------------------ */
ul.formProgress{display:flex;list-style:none;margin-bottom:2em;padding:0;justify-content:space-between;}
ul.formProgress li{position:relative;width:32%;height:50px;padding:0;background:#b5e4ff;color:#fff;line-height:50px;text-align:center;}
ul.formProgress li:not(:last-child){width:calc(32% - 30px);}
ul.formProgress li.current{background:#0081cc;}
ul.formProgress li:after{content:"";display:block;position:absolute;top:0;right:-30px;width:0;height:0;border-width:25px 0 25px 30px;border-color:transparent transparent transparent #b5e4ff;border-style:solid;}
ul.formProgress li:last-child:after{display:none;}
ul.formProgress li.current:after{border-color:transparent transparent transparent #0081cc;}

.icmdtp-formItem .boxRepeat .formCategorytitle{margin-top:4em;}
.seminarForm .boxRepeat:first-of-type{display:flex;margin-bottom:80px;padding:2em;background:#f2f2f2;}
.seminarForm .boxRepeat:first-of-type h3{margin:0 3.5em 0 0;padding:0;color:#0081cc;font-size:2.2rem;width:170px;}
.seminarForm .boxRepeat:first-of-type h3:before,
.seminarForm .boxRepeat:first-of-type h3:after{display:none;}
.seminarForm .boxRepeat:first-of-type .formRepeatfield {width: calc(100% - (170px + 3.5em));}
.seminarForm .boxRepeat:first-of-type .tableSimple{margin:-7px 0 0;border-bottom:none;border-spacing:0 7px;border-collapse:separate;background:transparent;}
.seminarForm .boxRepeat:first-of-type .tableSimple > tbody > tr{border-top:none;}
.seminarForm .boxRepeat:first-of-type .tableSimple > tbody > tr > th{padding:0;background:#fff;text-align:center;}
.seminarForm .boxRepeat:first-of-type .tableSimple > tbody > tr > td{padding:4px 1em;}
.seminarForm .boxRepeat:not(:first-of-type) .tableSimple th.fixed{width:250px;padding-left:0;}

.icmdtp-formItem input.NormalTextBox[type="text"],
.icmdtp-formItem input[id^="dnn_"][type="text"],
.icmdtp-formItem textarea[id^="dnn_"]{width:65%;border-color:#aaa;border-radius:0;}
.icmdtp-formItem input.NormalTextBox[type="text"][disabled],
.icmdtp-formItem input[id^="dnn_"][type="text"][disabled],
.icmdtp-formItem textarea[id^="dnn_"][disabled]{background:#d7d7d7;}
.icmdtp-formItem select[id^="dnn_"],
.icmdtp-formItem select[name^="dnn"]{width:33%;border-color:#aaa;border-radius:0;}
.icmdtp-formItem input[id^="dnn_"][type="text"].zipCode{min-width:33%;}
.icmdtp-formItem input[id^="dnn_"][type="checkbox"],
.icmdtp-formItem input[name^="dnn"][type="checkbox"]:first-child{margin-left:0;}
[id*="ViewMailForm_pnlInput"] input[type="submit"].btnSearchZipCode{width:31%;margin-left:1%;padding:0.25em 0.5em;border:1px solid #aaa;border-radius:0;background:#f2f2f2;color:#000;}
.icmdtp-formItem input[id^="dnn_"][type="radio"],
.icmdtp-formItem input[name^="dnn"][type="radio"]{margin-left:0;}
.icmdtp-formItem input[id^="dnn_"][type="radio"] + label,
.icmdtp-formItem input[name^="dnn"][type="radio"] + label{margin-right:1em;vertical-align:middle;}
.icmdtp-formItem .ic-requiredmark{margin-left:0.5em;padding: .05em .4em;background:#ff2424;color:#fff;font-size:1rem;vertical-align:middle;display: inline-block;}
.icmdtp-formItem .formSubmitarea input[id^="dnn_"][type="submit"][id$="Confirm"],
.icmdtp-formItem .formSubmitarea input[id^="dnn_"][type="submit"][id$="ConfirmSend"],
.icmdtp-formItem .formSubmitarea input[id^="dnn_"][type="submit"]{display:inline-block;position:relative;background:#0081cc;color:#fff;font-weight:600;text-decoration:none;text-align:center;transition:background 0.3s;width:50%;padding:27px 3.5em;border-radius:40px;border: none;}
.icmdtp-formItem .formSubmitarea input[id^="dnn_"][type="submit"][id$="ConfirmBack"]{border: 1px solid #707070;background: none;color: #000}
.icmdtp-formItem .formSubmitarea input[id^="dnn_"][type="submit"][id$="Confirm"]:hover,
.icmdtp-formItem .formSubmitarea input[id^="dnn_"][type="submit"][id$="ConfirmSend"]:hover{opacity:1;background:#8fd6ff;color:#fff;}
/*.icmdtp-formItem .formSubmitarea input[id^="dnn_"][type="submit"][id$="Confirm"]:after,
.icmdtp-formItem .formSubmitarea input[id^="dnn_"][type="submit"][id$="ConfirmSend"]:after{content:"";position:absolute;top:0;right:20px;bottom:0;width:13px;height:11px;margin:auto;background-size:contain;background-image:url(/Portals/0/images/common/ico_arrow_white.png);background-repeat:no-repeat;}*/

/* 研修申し込みフォーム（一般）/seminar/list/generalform.html
------------------------------ */
.formAddParticipantInfo{text-align:center;}
.formAddParticipantInfo a{display:inline-block;position:relative;width:50%;padding:27px 3.5em;border:1px solid #707070;border-radius:40px;color:#000;font-weight:600;text-decoration:none;text-align:center;transition:all 0.3s;}
.formAddParticipantInfo a:after{content:"＋";position:absolute;top:0;right:30px;bottom:0;width:16px;height:16px;margin:auto;color:#0081cc;font-size:2rem;line-height:16px;}
.formAddParticipantInfo a:hover{opacity:0.65;color:#8fd6ff;}

/* お問い合わせ /contact/
------------------------------ */
.contactForm .tableSimple th.fixed{width:250px;padding-left:0;}
.icmdtp-formItem input.readOnly[type="text"]{padding:0;border:0;background:0;}

/* 検索結果
------------------------------ */
.SearchResultsTitle{padding:29px 0 0;}
.SearchResultsTitle a{display:block;text-decoration:none;}
.SearchResultsLink a[id^="dnn_"].CommandButton{color:#0081cc;}

/* サイトマップ /sitemap/
------------------------------ */
.icmdtp-sitemapItem > li:first-child{padding-top:0;}
.icmdtp-sitemapItem > li > ul > li a:hover{color:#8fd6ff;text-decoration:underline;}
/* 1 */
.icmdtp-sitemapItem > li > a{padding:10px 0.5em;color:#fff;font-size:2.5rem;font-weight:bold;background:#0081cc;transition:all 0.3s;}
.icmdtp-sitemapItem > li > a:hover{color:#fff;background:#8fd6ff;transition:all 0.3s;}
/* 2 */
.icmdtp-sitemapItem > li > ul{margin:1em 0 0 0.5em;}
.icmdtp-sitemapItem > li > ul > li{border:none;}
.icmdtp-sitemapItem > li > ul > li > span,
.icmdtp-sitemapItem > li > ul > li > a{display:block;font-size:1.8rem;font-weight:bold;border-bottom:1px solid #0081cc;}
/* 3 */
.icmdtp-sitemapItem > li > ul > li > ul{margin:1em 0 2em 1.5em;}
.icmdtp-sitemapItem > li > ul > li > ul > li > a{font-size:1.6rem;border-bottom:1px solid rgba(0, 129, 204, 0.1);}
/* 4~ */
.icmdtp-sitemapItem > li > ul > li > ul > li > ul{margin:0 0 1.5em 1.5em;}
.icmdtp-sitemapItem > li > ul > li > ul > li > ul > li a{padding-left:1.5em;font-size:1.5rem;border-bottom:1px solid rgba(0, 129, 204, 0.1);position:relative;}
.icmdtp-sitemapItem > li > ul > li > ul > li > ul > li a:before{content:"";display:block;width:10px;height:2px;background:#0081cc;position:absolute;top:17px;left:0;}

/* イベント管理
------------------------------ */
table#dnn_ctr546_EditProducts_repProducts_fldProduct_12_CategoryCheckBoxList_12_dlCategoryCheckBox_12 ul{padding-left:0;}
table#dnn_ctr546_EditProducts_repProducts_fldProduct_12_CategoryCheckBoxList_12_dlCategoryCheckBox_12 ul li::marker{font-size:0;}

/* イベント受付管理
------------------------------ */
th.thReception-Number,
td.tdReception-Number,
th.thReception-Status,
td.tdReception-Status{white-space:nowrap;}
th.thReception-EventID{width:60px;}
th.thReception-EventDate{width:280px;}
th.thReception-Company{width:200px;}
th.thReception-Applicant{width:150px;}
th.thReception-EMail{min-width:210px;}

/* 出版物のご案内 /book/publication/
------------------------------ */
.imgPublication > a {display:block;position:relative;padding:0px 0px 25px;text-decoration:none;}
.imgPublication > a:after {content:"プレビュー";display:block;width:60px;font-size:1.2rem;font-weight:bold;letter-spacing:-0.05em;position:absolute;
    bottom:0px;right:20px;z-index:2;padding:44px 0px 0px;background:url(/Portals/0/images/book/publication/ico_preview.png) center top no-repeat;}
.imgPublication > a:hover:after{color:#0081cc;opacity:0.65;}
.layoutItem.firstitemlefted[style*="width"] {max-width: 100%;}

/* 会員専用ログインページ /member/login.html
------------------------------ */
.icmdtp-loginItem.member{width:70%;margin:1em auto 0;}
.icmdtp-loginItem.member .loginContainer .iclg-set.-username,
.icmdtp-loginItem.member .loginContainer .iclg-set.-password{display:flex;margin:1em 0 0;align-items:center;}
.icmdtp-loginItem.member .loginContainer .iclg-set.-username label,
.icmdtp-loginItem.member .loginContainer .iclg-set.-password label{width:20%;padding:0;font-size:1em;}
.icmdtp-loginItem .loginContainer .iclg-set.-submit{text-align:center;}
.icmdtp-loginItem .loginContainer .iclg-set.-submit .DynamicLogin_LoginLink{display:inline-block;padding:16px 3.5em;color:#fff;font-size:2rem;font-weight:bold;background:#0081cc;border-radius:30px;}
.icmdtp-loginItem .loginContainer .iclg-set.-submit .DynamicLogin_LoginLink:hover{opacity:1;color:#fff;background:#8fd6ff;}
.icmdtp-loginItem input[type="text"],
.icmdtp-loginItem input[type="password"]{border: 1px solid #ccc !important;}

/* 各研修のご紹介 /seminar/outline.html
------------------------------ */
.membersCategory{display:inline-block;padding:0 1em;margin:0 1em 0 0;border:1px solid #54b3eb;background:#54b3eb;color:#fff;font-weight:normal;}
.tableBasic.tableColor > tbody > tr:first-of-type > th{color:#fff;background:#0081cc}

/* 出版物申し込みフォーム /book/publication/cartform.html
------------------------------ */
.publicationForm .tableSimple th.fixed{width:250px;padding-left:0;}
.publicationForm .bookBox{display:flex;align-items:center;}
.publicationForm .bookBox .bookImage{flex-shrink:0;width:30%;max-width:140px;height:auto;padding:0;margin-right:20px;}
.publicationForm .bookBox .bookList{padding:0;margin:0;}
.publicationForm .bookBox .bookList > li{padding:0;margin:0 2em 0 0;}
.publicationForm .bookBox .bookList > li:last-child{margin-right:0;}
.publicationForm .tableSimple td div[id*="_divAboveDescription"]{margin:0 0 0.5em;}
.publicationForm .tableSimple td span[id*="_lblApplicationNumberPrice"]{display:block;margin:0.5em 0 0;}
.publicationForm .totalAmount{display:block;font-size:125%;padding-bottom:5px;}

/* 電子版OCAJI /member/journal.html
------------------------------ */
/* .pdfではないPDFリンクが多いため、共通定義 */
.pdf .linkTxt.pdfLink,
.backNumber .linkTxt.pdfLink{display:inline;position:relative;padding:0;color:#000;font-weight:bold;transition:all 0.3s;}
.pdf .linkTxt.pdfLink::before,
.backNumber .linkTxt.pdfLink::before{content:"";display:inline-block;position:static;width:13px;height:11px;margin-right:10px;background-size:contain;background-image:url(/Portals/0/images/common/ico_arrow_blue.png);background-repeat:no-repeat;}
.pdf .linkTxt.pdfLink::after,
.backNumber .linkTxt.pdfLink::after{content:url(/Portals/0/images/common/ico_file_pdf.png);display:inline-block;position:static;width:auto;height:auto;margin:0 5px;background-image:none;vertical-align:middle;}
.pdf .linkTxt.pdfLink:hover,
.backNumber .linkTxt.pdfLink:hover{color:#8fd6ff;}

.pdfBtnItem{position:relative;padding:0 10px 20px 0;}
.pdfBtnItem::after{content:"";position:absolute;right:0;bottom:0;width:40px;height:55px;background-size:contain;background-image:url(/LinkClick.aspx?fileticket=dvpxTOcLlPU%3d&296);background-repeat:no-repeat;cursor:pointer;}
.pdfBtnItem img{border:1px solid #ccc;cursor:pointer;}
.pdf .pdfDetailRow{display:flex;}
.pdf .pdfDetailRow + .pdfDetailRow{margin-top:1em;}
.pdf .pdfDetailHead{display:flex;width:26%;height:fit-content;margin-right:6%;padding:0.3em;background:#0081cc;color:#fff;font-weight:bold;align-items:center;justify-content:center;}
.pdf .pdfDetailCont{width:68%;}
.pdf .pdfDetails .boxColored{margin-bottom:1em;}
.pdf + .backNumber{margin-top:10em;}
.accordion{border-top:1px dotted #b4b4b4;}
.accordionInner.opened .accordionHead{background-color:#f2f2f2;}
.accordionInner.opened .accordionHead span::before{transform:rotate(0);}
.accordionHead{display:flex;padding:2em;border-bottom:1px dotted #b4b4b4;cursor:pointer;transition:background-color 0.3s;align-items:center;justify-content:space-between;}
.accordionHead span{position:relative;width:100%;font-weight:bold;font-size:2.2rem;}
.accordionHead span::before,
.accordionHead span::after{content:"";position:absolute;top:0;right:0;bottom:0;width:15px;height:1px;margin:auto;background:#0081cc;transition:transform 0.3s;}
.accordionHead span::before{transform:rotate(90deg);}
.accordionCont{display:none;margin-top:3em;border-bottom:1px dotted #b4b4b4;}
.accordionCont .layoutItem > *{margin-bottom:3em;}
.accordionCont .noLink{display:inline;opacity:0.3;position:relative;padding:0;color:#000;font-weight:700;pointer-events:none;transition:all 0.3s;}
.accordionCont .noLink::before{content:"";display:inline-block;position:static;width:13px;height:11px;margin-right:10px;background-size:contain;background-image:url(/Portals/0/images/common/ico_arrow_blue.png);background-repeat:no-repeat;}
.modal{display:flex;visibility:hidden;opacity:0;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);transition:all 0.3s;align-items:center;justify-content:center;}
.modal.showed{visibility:visible;opacity:1;}
.modalInner{position:relative;max-width:70%;max-height:70%;}
.modalCloseBtn{position:absolute;right:-40px;bottom:100%;width:40px;height:40px;margin-bottom:2em;cursor:pointer;}
.modalCloseBtnInner{position:relative;width:100%;height:100%;}
.modalCloseBtn::before,
.modalCloseBtn::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40px;height:4px;margin:auto;background:#fff;}
.modalCloseBtn::before{transform:rotate(45deg);}
.modalCloseBtn::after{transform:rotate(-45deg);}
.modalSlider{display:flex!important;align-items:center;justify-content:center;}
.modalSlider .modalImg{display:none;width:100%;max-height:80vh;font-family:"object-fit: contain;";object-fit:contain;}
.modalSlider .prev,
.modalSlider .next{visibility:hidden;opacity:0;padding:14px;border-right:4px solid #fff;border-bottom:4px solid #fff;cursor:pointer;transition:all 0.3s;}
.modalSlider .prev.showed,
.modalSlider .next.showed{visibility:visible;opacity:1;}
.modalSlider .prev{transform:rotate(135deg);margin-right:40px;}
.modalSlider .next{transform:rotate(-45deg);margin-left:40px;}