/*! overwrite */
.c-list--bullet.c-list--bullet--red .c-list__item::before{background-color: #f50f10;}
.c-note--em1{position: relative;padding-left: 1em;}
.c-note--em1 .mark{position: absolute;top: 0;left: 0;}
.c-headingLv2.c-headingLv2--no{position: relative;padding-left: 1.2em;}
.c-headingLv2.c-headingLv2--no>span{position: absolute;top: 0;left: 0;}
main sup{font-size: 62.5%;}
@media screen and (max-width: 767px) {
	main{padding-bottom: 80px;}
}

/*! mv */
.c-mainVisual--lv2 .c-mainVisual__category{font-size:clamp(12px,2.4vw,24px)}
.c-mainVisual--lv2 .c-mainVisual__category+.c-mainVisual__title{font-size: clamp(20px,((34/1390)*100vw),34px)}
@media screen and (max-width: 767px) {
	.c-mainVisual--lv2 .c-mainVisual__category{font-size:12px}
}

/*! utility */
.u-tc--red{color:#f50f10}
.u-icon-blank{vertical-align: middle;width: 16px;height: auto;position: relative;top: -2px;margin-left: 3px;}
.u-ml--em1{margin-left: 1em;}
@media (hover: hover) {
	.u-a--hover{transition: opacity .3s ease;}
	.u-a--hover:hover{opacity: .7;}
	.u-a--hover-color{transition: .2s color;}
	.u-a--hover-color:hover{color:#f50f10 !important}
}
@media screen and (max-width: 767px) {
	.u-box--narrow-sm{padding: 20px;}
}

/*! grid */
.ot-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px 10px;}
.ot-grid.ot-grid--c3{grid-template-columns: repeat(3,1fr);}
.ot-grid.ot-grid--gap-wide{gap:40px 10px}
.ot-grid .c-card{margin-top: 0;border-radius: 10px;}
@media screen and (max-width: 767px) {
	.ot-grid{display: block;}
	.ot-grid .c-card+.c-card{margin-top: 10px;}
}

/*! card */
.c-card__body{padding: 20px;}
.ot-card .c-card__body{display: grid;grid-template-rows: 1fr auto;gap: 16px;}
.ot-card .ot-card__title{grid-row: 1;}
.ot-card .ot-card__title-date{color: #666;}
.ot-card a:hover .ot-card__title-date{color: #f50f10;}
.ot-card .ot-card__title-text{margin-top: 5px;}
.ot-card .ot-card__hash{display: flex;flex-wrap: wrap;margin-right: -15px;grid-row: 2;}
.ot-card .ot-card__hash li{margin: 4px 15px 0 0;}
@media (hover: hover) {
	.c-card__link{transition: .2s color;}
}
@media screen and (max-width: 767px) {
	.c-card__body{padding: 15px;}
	.ot-card .c-card__body{display: block;}
	.ot-card .ot-card__hash{margin-top: 10px;}
	.ot-card .ot-card__hash li{margin: 4px 15px 0 0;}
}

/*! ot-relation */
.ot-relation-link{display: block;}
.ot-relation-link .c-img{border: 1px solid #e0e0e0;overflow: hidden;vertical-align: top;}
@media screen and (max-width: 767px) {
	.ot-relation-link+.ot-relation-link{margin-top: 20px;}
}

/*! ot-pages */
.ot-pages-link{display: block;}
@media screen and (max-width: 767px) {
	.ot-pages-link+.ot-pages-link{margin-top: 20px;}
}

/*! ot-inquiry */
.ot-inquiry{position: relative;height: 302px;}
.ot-inquiry picture{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ot-inquiry picture img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.ot-inquiry .ot-inquiry__inner{color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ot-inquiry .ot-inquiry__inner a{background-color: #fff;border-radius: 4px;color: #fff;display: block;overflow: hidden;}
.ot-inquiry .ot-inquiry__inner a>div{background-color: #F50F10;padding: 20px;}
.ot-inquiry .ot-inquiry__inner a>div>span{display: block;position: relative;padding-left: 40px;}
.ot-inquiry .ot-inquiry__inner a>div>span::before{background: url(/fa/solutions/competencies/ot-security/assets/img/icon-email.svg) left top/cover no-repeat;content: "";position: absolute;top: calc(50% - 11px);left: 0;width: 30px;height: 24px;}
@media only screen and (max-width:767px){
	.ot-inquiry{height: 237px;}
}

/*! ot-table-of-contents */
.ot-table-of-contents{padding: 40px;border: 1px solid #e0e0e0;}
.ot-table-of-contents .ot-table-of-contents__heading{border-bottom: 1px solid #b2b2b2;color: #f50f10;padding-bottom: 10px;}
.ot-table-of-contents .ot-table-of-contents__list dt{font-weight: 700;margin-top: 20px;}
.ot-table-of-contents .ot-table-of-contents__list dt a{display: inline-block;vertical-align: top;position: relative;padding-left: 1em;}
.ot-table-of-contents .ot-table-of-contents__list dt a>span{position: absolute;top: 0;left: 0;}
.ot-table-of-contents .ot-table-of-contents__list dd{margin-left: 1em;}
.ot-table-of-contents .ot-table-of-contents__list dd li{margin-top: 10px;}
.ot-table-of-contents .ot-table-of-contents__list a{color: #000;}
@media (hover: hover) {
	.ot-table-of-contents .ot-table-of-contents__list a{transition: .2s color;}
	.ot-table-of-contents .ot-table-of-contents__list a:hover{color:#f50f10 !important}
}
@media only screen and (max-width:767px){
	.ot-table-of-contents{padding: 20px;}
}

/*! ot-document */
.ot-document{border: 1px solid #b2b2b2; display: flex;padding: 40px;}
.ot-document .c-img{width: calc((300/1088)*100%);}
.ot-document .ot-document-text{flex:1;margin-left: 40px;}
.ot-document .ot-document-text dt{border-bottom: 1px solid #f50f10;padding-bottom: 10px;}
.ot-document .ot-document-text dd{margin-top: 20px;}
.ot-document .ot-document-text__link{background-color: #f2f2f2;border: 1px solid #bebcc0;border-radius: 4px;color: #000;display: inline-flex;justify-content: center;vertical-align: top;margin-top: 20px;width: 100%;max-width: 323px;text-align: center;padding: 5px;}
.ot-document .ot-document-text__link>div{display: flex;align-items: center;}
.ot-document .ot-document-text__link>div .icon-download{width: 20px;height: auto;margin-right: 7px;}
@media only screen and (max-width:767px){
	.ot-document{display: block;padding: 20px;}
	.ot-document .c-img{width: auto;}
	.ot-document .ot-document-text{flex:initial;margin: 20px 0 0 0;}
	.ot-document .ot-document-text__link>div .icon-download{margin-right: 2px;}
}

/*! ot-service */
.ot-service .ot-service__flow{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: auto auto;gap:10px;overflow: hidden;}
.ot-service .ot-service__flow::before{background-color: #004878;content: "";grid-column: 1/4;grid-row: 1;}
.ot-service .ot-service__flow-head{background-color: #004878;color: #fff;display: flex;align-items: center;justify-content: center;position: relative;height: 62px;}
.ot-service .ot-service__flow-head::after{border-bottom: 6px solid #fff;border-right: 6px solid #fff;content: "";position: absolute;left: calc(100% - 25px);top: calc(50% - 25px);transform: scaleX(.5) rotate(-45deg);width: 50px;height: 50px;z-index: +1;}
.ot-service .ot-service__flow-head.head-1{grid-column: 1;grid-row: 1;}
.ot-service .ot-service__flow-head.head-2{grid-column: 2;grid-row: 1;}
.ot-service .ot-service__flow-head.head-3{grid-column: 3;grid-row: 1;}
.ot-service .ot-service__flow-head.head-3::after{background-color: #fff;border: none;left: auto;right: 0;top: 0;transform: none;width: 16px;height: 100%;}
.ot-service .ot-service__flow-head.head-3::before{width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent #004878;border-width: 31px 0px 31px 16px;position: absolute;top: 0;left: calc(100% - 16px);content: "";z-index: +2;}
.ot-service .ot-service__flow-body{background-color: #f5f5f5;border-radius: 10px;position: relative;padding: 30px;z-index: +1;}
.ot-service .ot-service__flow-body .c-text .text-adjust{letter-spacing: -0.05em;}
.ot-service .ot-service__flow-body__link a{border: 1px solid #bebcc0;border-radius: 5px;color: #014877;display: block;padding: 5px;font-weight: bold;}
.ot-service .ot-service__flow-body__link a:hover{color: #f50f10;}
@media only screen and (max-width:767px){
	.ot-service .ot-service__flow{display: grid;grid-template-columns: 40px 1fr;grid-template-rows: auto;gap:10px;padding-bottom: 10px;}
	.ot-service .ot-service__flow::before{display: none;}
	.ot-service .ot-service__flow-head{padding: 0;writing-mode: vertical-rl;height: auto;}
	.ot-service .ot-service__flow-head::after{border-bottom: 4px solid #fff;border-right: 4px solid #fff;left: calc(50% - 20px);top: auto;bottom:0;transform: scaleY(.8) rotate(45deg);width: 40px;height: 40px;}
	.ot-service .ot-service__flow-head.head-1{grid-column: 1;grid-row: 1;margin-bottom: -10px;}
	.ot-service .ot-service__flow-head.head-2{grid-column: 1;grid-row: 2;margin-bottom: -10px;}
	.ot-service .ot-service__flow-head.head-3{grid-column: 1;grid-row: 3;margin-bottom: 15px;}
	.ot-service .ot-service__flow-head.head-3::after{display: none;}
	.ot-service .ot-service__flow-head.head-3::before{width: 0;height: 0;border-style: solid;border-right: 20px solid transparent;border-left: 20px solid transparent;border-top: 15px solid #004878;border-bottom: 0;position: absolute;top: 100%;left: 0;content: "";}
	.ot-service .ot-service__flow-body{padding: 20px;}
	.ot-service .ot-service__flow-body .c-text .text-adjust{letter-spacing: normal;}
	.ot-service .ot-service__flow-body.body-1{grid-column: 2;grid-row: 1;}
	.ot-service .ot-service__flow-body.body-2{grid-column: 2;grid-row: 2;}
	.ot-service .ot-service__flow-body.body-3{grid-column: 2;grid-row: 3;}
}

/*! ot-case */
.ot-case{background-color:#f5f5f5;padding:40px}
.ot-case .ot-case__heading{border-bottom: 1px solid #f50f10;padding-bottom: 10px;}
.ot-case .ot-case__list li{position: relative;padding: 0 0 20px 30px;margin-top: 30px;}
.ot-case .ot-case__list li::before{background: url(/fa/solutions/competencies/ot-security/assets/img/icon-check.svg) left top/cover no-repeat;content: "";position: absolute;left: 0;top: calc(.75em - 9px);width: 20px;height: 20px;}
.ot-case .ot-case__list li::after{background-image: linear-gradient(to right, #707070, #707070 1px, transparent 1px, transparent 5px);background-size: 5px 1px;background-repeat: repeat-x;content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;}
.ot-case .ot-case__list li:last-child{padding-bottom: 0;}
.ot-case .ot-case__list li:last-child::after{display: none;}
.ot-case .ot-case__list li+li{margin-top: 20px;}
@media only screen and (max-width:767px){
	.ot-case{padding:20px}
	.ot-case .ot-case__list li{padding: 0 0 20px 30px;margin-top: 20px;}
}

/*! ot-download-link */
.ot-download-link{text-align: center;}
.ot-download-link a{border: 1px solid #bebcc0;display: inline-flex;align-items: center;justify-content: center;vertical-align: top;min-width: 348px;min-height:60px;color: #000;padding: 10px;position: relative;}
.ot-download-link a>div{display: flex;align-items: center;}
.ot-download-link a img{width: 30px;height: auto;vertical-align: top;position: absolute;left: 20px;top: calc(50% - 15px);}

/*! ot-download-slider */
.ot-download-slider img{width: 100%;height: auto;vertical-align: top;}
@media print,screen and (min-width:768px){
.ot-download-slider .swiper-wrapper{display: grid;grid-template-columns: 1fr 1fr;gap:10px}
.ot-download-slider .ot-download-slider__navi{display: none;}
}
@media only screen and (max-width:767px){
	.ot-download-slider .ot-download-slider__navi{display: flex;align-items: center;justify-content: center;position: relative;}
	.ot-download-slider .swiper-button-prev{background: url(/fa/shared/common/img/icon/icon_chevron_left.svg) center center/21px 21px no-repeat; font-size: 0;display: block;width: 28px;height: 28px;padding: 0;margin: 0;position: relative;top:auto;left:auto;}
	.ot-download-slider .swiper-button-prev::after{display: none;}
	.ot-download-slider .swiper-button-next{background: url(/fa/shared/common/img/icon/icon_chevron_right.svg) center center/21px 21px no-repeat; font-size: 0;display: block;width: 28px;height: 28px;padding: 0;margin: 0;position: relative;top:auto;right:auto;}
	.ot-download-slider .swiper-button-next::after{display: none;}
	.ot-download-slider .swiper-pagination{position: relative;bottom: auto;left: auto;width: auto;display: flex;align-items: center;}
	.ot-download-slider .swiper-pagination .swiper-pagination-bullet{background-color: #d9d9d9;width: 12px;height: 12px;margin: 0 10px;border-radius: 50%;opacity: 1;}
	.ot-download-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #f50f10;}
}