@charset "UTF-8";
/* ----------------------------------------------------------------
*   00. utility
*   01. base
*   02. layout
*   03. module
*   04. unique
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 00. utility
----------------------------------------------------------------- */
/**
 * Reset
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
textarea,
p,
a,
blockquote,
th,
td{
margin:0;
padding:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

img{
border:0;
vertical-align:bottom;
}

address,
caption,
code,
em,
th{
font-style:normal;
font-weight:normal;
}

li{
list-style:none;
}

caption,
th{
text-align:left;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;
font-weight:normal;
}

q:before,
q:after{
content:"";
}

sup{
vertical-align:text-top;
}

sub{
vertical-align:text-bottom;
}

input,
textarea,
select{
-ms-box-sizing:inherit;
box-sizing:inherit;
font-family:inherit;
font-size:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:middle;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section{
display:block;
}

/**
 * Clear fix
 */
.cf:before,
.cf:after{
content:" ";
display:table;
}

.cf:after{
clear:both;
}

/**
 * Lib
 */
.mgt0{
margin-top:0 !important;
}

.mgt5{
margin-top:5px !important;
}

.mgt10{
margin-top:10px !important;
}

.mgt15{
margin-top:15px !important;
}

.mgt20{
margin-top:20px !important;
}

.mgt25{
margin-top:25px !important;
}

.mgt30{
margin-top:30px !important;
}

.mgt35{
margin-top:35px !important;
}

.mgt40{
margin-top:40px !important;
}

.mgt45{
margin-top:45px !important;
}

.mgt50{
margin-top:50px !important;
}

.mgb0{
margin-bottom:0 !important;
}

.mgb5{
margin-bottom:5px !important;
}

.mgb10{
margin-bottom:10px !important;
}

.mgb12{
margin-bottom:12px !important;
}

.mgb15{
margin-bottom:15px !important;
}

.mgb20{
margin-bottom:20px !important;
}

.mgb25{
margin-bottom:25px !important;
}

.mgb30{
margin-bottom:30px !important;
}

.mgb35{
margin-bottom:35px !important;
}

.mgb40{
margin-bottom:40px !important;
}

.mgb45{
margin-bottom:45px !important;
}

.mgb50{
margin-bottom:50px !important;
}

.mgl0{
margin-left:0 !important;
}

.mgl5{
margin-left:5px !important;
}

.mgl10{
margin-left:10px !important;
}

.mgl15{
margin-left:15px !important;
}

.mgl20{
margin-left:20px !important;
}

.mgl25{
margin-left:25px !important;
}

.mgl30{
margin-left:30px !important;
}

.mgl35{
margin-left:35px !important;
}

.mgl40{
margin-left:40px !important;
}

.mgl45{
margin-left:45px !important;
}

.mgl50{
margin-left:50px !important;
}

.mgr0{
margin-right:0 !important;
}

.mgr5{
margin-right:5px !important;
}

.mgr10{
margin-right:10px !important;
}

.mgr15{
margin-right:15px !important;
}

.mgr20{
margin-right:20px !important;
}

.mgr25{
margin-right:25px !important;
}

.mgr30{
margin-right:30px !important;
}

.mgr35{
margin-right:35px !important;
}

.mgr40{
margin-right:40px !important;
}

.mgr45{
margin-right:45px !important;
}

.mgr50{
margin-right:50px !important;
}

.pd0{
padding:0 !important;
}

.pdt0{
padding-top:0 !important;
}

.pdt5{
padding-top:5px !important;
}

.pdt10{
padding-top:10px !important;
}

.pdt15{
padding-top:15px !important;
}

.pdt20{
padding-top:20px !important;
}

.pdt25{
padding-top:25px !important;
}

.pdt30{
padding-top:30px !important;
}

.pdt35{
padding-top:35px !important;
}

.pdt40{
padding-top:40px !important;
}

.pdt45{
padding-top:45px !important;
}

.pdt50{
padding-top:50px !important;
}

.pdb0{
padding-bottom:0 !important;
}

.pdb5{
padding-bottom:5px !important;
}

.pdb10{
padding-bottom:10px !important;
}

.pdb15{
padding-bottom:15px !important;
}

.pdb20{
padding-bottom:20px !important;
}

.pdb25{
padding-bottom:25px !important;
}

.pdb30{
padding-bottom:30px !important;
}

.pdb35{
padding-bottom:35px !important;
}

.pdb40{
padding-bottom:40px !important;
}

.pdb45{
padding-bottom:45px !important;
}

.pdb50{
padding-bottom:50px !important;
}

.pdl0{
padding-left:0 !important;
}

.pdl5{
padding-left:5px !important;
}

.pdl10{
padding-left:10px !important;
}

.pdl15{
padding-left:15px !important;
}

.pdl20{
padding-left:20px !important;
}

.pdl25{
padding-left:25px !important;
}

.pdl30{
padding-left:30px !important;
}

.pdl35{
padding-left:35px !important;
}

.pdl40{
padding-left:40px !important;
}

.pdl45{
padding-left:45px !important;
}

.pdl50{
padding-left:50px !important;
}

.pdr0{
padding-right:0 !important;
}

.pdr5{
padding-right:5px !important;
}

.pdr10{
padding-right:10px !important;
}

.pdr15{
padding-right:15px !important;
}

.pdr20{
padding-right:20px !important;
}

.pdr25{
padding-right:25px !important;
}

.pdr30{
padding-right:30px !important;
}

.pdr35{
padding-right:35px !important;
}

.pdr40{
padding-right:40px !important;
}

.pdr45{
padding-right:45px !important;
}

.pdr50{
padding-right:50px !important;
}

.tac{
text-align:center !important;
}

.tal{
text-align:left !important;
}

.tar{
text-align:right !important;
}

.fwb{
font-weight:bold !important;
}

.fwn{
font-weight:normal !important;
}

.wsn{
white-space:nowrap !important;
}

.vam{
vertical-align:middle !important;
}

.vat{
vertical-align:top !important;
}

.vab{
vertical-align:bottom !important;
}

.dpb{
display:block !important;
}

.dpn{
display:none !important;
}

.dpi{
display:inline !important;
}

.dpib{
display:inline-block !important;
}

.psr{
position:relative !important;
}

.bdn{
border:none !important;
}

.bdtn{
border-top:none !important;
}

.bdbn{
border-bottom:none !important;
}

/* ----------------------------------------------------------------
 01. base
----------------------------------------------------------------- */
html{
font-size:62.5%;
}

body{
-webkit-text-size-adjust:100%;
font-family:hirakakupro-w3, "ヒラギノ角ゴ Pro W3", sans-serif, Verdana, "MS PGothic";
line-height:1.6;
}

a{
color:inherit;
text-decoration:none;
}

@media print, screen and (min-width: 768px){
body{
min-width:1030px;
}
.newLineSp,
.spOnlyImg,
.spOnly{
display:none;
}
.pcOnlyImg{
display:inline-block;
}
.imgBox2Clmn{
font-size:0;
}
.imgBox2Clmn .imgClmn{
box-sizing:border-box;
display:inline-block;
padding:0 10px;
vertical-align:top;
width:50%;
}
.imgBox2Clmn .imgClmn:nth-child(1){
padding-left:100px;
}
.imgBox2Clmn .imgClmn:nth-child(2){
padding-right:100px;
}
.imgBox2Clmn .imgClmn img{
width:100%;
}
.incBox2Clmn{
font-size:0;
}
.incBox2Clmn .incClmn{
box-sizing:border-box;
display:inline-block;
vertical-align:top;
width:50%;
}
.incBox2Clmn .incClmn:nth-child(1){
padding-right:20px;
text-align:right;
}
.incBox2Clmn .incClmn:nth-child(2){
padding-left:8px;
}
.incBox2Clmn .incClmn .inquiryButton{
color:#fff;
height:64px;
margin:0;
width:376px;
}
}

@media only screen and (max-width: 767px){
.newLinePc,
.pcOnlyImg,
.pcOnly{
display:none;
}
.spOnlyImg{
display:inline-block;
}
.imgBox2Clmn{
font-size:0;
}
.imgBox2Clmn .imgClmn{
display:block;
padding:5px 15px;
}
.imgBox2Clmn .imgClmn img{
width:100%;
}
.incBox2Clmn{
font-size:0;
}
.incBox2Clmn .incClmn{
display:block;
margin:15px 0;
}
.incBox2Clmn .incClmn img{
width:100%;
}
.incBox2Clmn .incClmn .inquiryButton{
color:#fff;
height:50px;
}
}

/* ----------------------------------------------------------------
 02. layout
----------------------------------------------------------------- */
/**
* PC/SP共通
*/
#header{
position:relative;
}

.headerInquiryButton{
background-color:#c00;
box-shadow:3px 3px 2px 0 rgba(4, 0, 0, .1);
color:#fff;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font-size:18px;
font-size:1.8rem;
position:absolute;
right:0;
top:0;

-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.headerInquiryButton:hover{
background-color:#980b13;
}
.headerInquiryButton:before{
background:url(/it-sec/image/index-inquiry-ic.png) no-repeat center;
content:"";
margin-right:10px;
}

.mainVisual{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.mainVisual .mainVisualInner{
margin:0 auto;
}
.mainVisual .mainVisualText{
color:#fff;
}
.mainVisual.top .pageTitle,
.mainVisual.top .mainVisuaCatch{
font-weight:bold;
}
.mainVisual.top .pageTitle{
text-shadow:0 0 6px rgba(255, 255, 255, .5);
}
.mainVisual.top .mainVisuaCatch{
color:#3bb6ca;
}
.mainVisual.top .mainVisualSubTitle{
color:#fff;
font-weight:bold;
}
.mainVisual.top .mainVisualSubTitle::after{
border-bottom:2px solid #ce0000;
content:"";
display:inline-block;
margin-left:7px;
}
.mainVisual.top .mainVisualLinkList{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.mainVisual.top .mainVisualLink{
background-color:#000;
box-sizing:border-box;
color:#fff;
display:block;
font-weight:bold;
line-height:1;
text-align:center;
}
.mainVisual.top .mainVisualLinkText{
display:inline-block;
position:relative;
}
.mainVisual.top .mainVisualLinkText::before{
content:"";
display:block;
position:absolute;
top:50%;
}

.contentInner .overviewText{
text-align:center;
}

.contentInner .topicsInner:last-child{
margin-bottom:50px;
}

.contentInner .breadcrumbNavi>li{
display:inline;
}
.contentInner .breadcrumbNavi>li .link{
color:#c00;
margin-right:5px;
}
.contentInner .breadcrumbNavi>li>a:after{
-webkit-transform:scaleY(.7) rotate(-45deg);
border-bottom:1px solid #333;
border-right:1px solid #333;
content:"";
display:inline-block;
height:6px;
margin:0 0 2px 3px;
transform:scaleY(.7) rotate(-45deg);
width:6px;
}

.contentInner .twin .linkBlank{
color:#c00;
font-size:18px;
font-size:1.8rem;
}

.contentInner .triplet{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.contentInner .triplet .linkBlank{
color:#c00;
font-size:14px;
font-size:1.4rem;
text-decoration:none;
}

.contentInner .seminarBox:nth-child(3),
.contentInner .issueBox:nth-child(3){
margin-right:0;
}

.inquiry{
background-color:#030000;
color:#fff;
text-align:center;
}
.inquiryButton{
background-color:#c00;
border-radius:4px;
display:block;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:0 auto;
text-align:center;
text-decoration:none;

-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.inquiryButton:before{
background:url(/it-sec/image/index-inquiry-ic.png) no-repeat center;
content:"";
display:inline-block;
height:20px;
vertical-align:middle;
width:28px;
}

#footer .copyright{
color:#333;
text-align:center;
}

.pageTopButton>a{
-webkit-transition:bottom .25s ease-in, opacity .25s ease-in, visibility .25s ease-in;
background-color:rgba(204, 0, 0, .7);
border-radius:40px;
display:block;
opacity:0;
overflow:hidden;
position:fixed;
text-indent:-9999px;
transition:bottom .25s ease-in, opacity .25s ease-in, visibility .25s ease-in;
visibility:hidden;
}
.pageTopButton>a:after{
-webkit-transform:rotate(45deg);
border-left:1px solid #fff;
border-top:1px solid #fff;
content:"";
display:block;
position:absolute;
transform:rotate(45deg);
}

.pageTopButton.is-visible>a{
bottom:40px;
opacity:1;
visibility:visible;
}

/**
* PC表示専用
*/
@media print, screen and (min-width: 768px){
#header{
height:60px;
margin-left:auto;
margin-right:auto;
width:980px;
}
#header .logo{
padding:11px 0;
}
.headerInquiryButton{
border-radius:0 0 4px 4px;
letter-spacing:.03em;
padding:9px 33px 13px 27px;
}
.headerInquiryButton:before{
height:20px;
width:28px;
}
.mainVisual .mainVisualInner{
padding-top:4px;
width:980px;
}
.mainVisual .mainVisualText{
font-size:15px;
font-size:1.5rem;
line-height:1.8;
margin-bottom:32px;
}
.mainVisual.top{
height:500px;
}
.mainVisual.top .pageTitle{
font-size:38px;
font-size:3.8rem;
margin-bottom:5px;
}
.mainVisual.top .mainVisuaCatch{
font-size:23px;
font-size:2.3rem;
margin-bottom:10px;
}
.mainVisual.top .mainVisualSubTitle{
font-size:25px;
font-size:2.5rem;
letter-spacing:4px;
margin-bottom:20px;
}
.mainVisual.top .mainVisualSubTitle::after{
width:413px;
}
.mainVisual.top .mainVisualStrong{
font-size:30px;
font-size:3rem;
}
.mainVisual.top .mainVisualLinkItem{
margin-right:22px;
}
.mainVisual.top .mainVisualLink{
border-radius:24px;
border:2px solid #fff;
font-size:18px;
font-size:1.8rem;
padding:12px 13px 12px 0;
width:180px;
}
.mainVisual.top .mainVisualLink:hover{
background-color:#ce0000;
}
.mainVisual.top .mainVisualLinkText{
letter-spacing:1px;
padding-right:4px;
}
.mainVisual.top .mainVisualLinkText::before{
-webkit-transform:rotate(45deg) translateY(-8px);
border-right:2px solid #fff;
border-top:2px solid #fff;
height:8px;
right:-4px;
transform:rotate(45deg) translateY(-8px);
width:8px;
}
.contentInner{
margin-left:auto;
margin-right:auto;
padding-top:50px;
width:980px;
}
.contentInner .topicsImg{
width:100%;
}
.contentInner .overviewText{
font-size:18px;
font-size:1.8rem;
margin-bottom:25px;
}
.contentInner .breadcrumbNavi{
font-size:14px;
font-size:1.4rem;
margin:0 0 25px -3px;
}
.contentInner .breadcrumbNavi>li{
display:inline;
}
.contentInner .breadcrumbNavi>li>a:after{
margin-left:5px;
}
.contentInner .twin .topicsBox{
width:480px;
}
.contentInner .twin .topicsTitle{
font-size:26px;
font-size:2.6rem;
}
.contentInner .twin .topicsTitle.longTitle{
font-size:24px;
font-size:2.4rem;
}
.contentInner .twin .topicsText{
font-size:18px;
font-size:1.8rem;
line-height:1.8;
margin-bottom:5px;
}
.contentInner .triplet .newIcon{
height:55px;
width:55px;
}
.contentInner .triplet .topicsBox{
width:310px;
}
.contentInner .triplet .topicsBox:last-child{
margin-right:0;
}
.contentInner .triplet .topicsTitle{
font-size:20px;
font-size:2rem;
line-height:1.25;
margin-bottom:17px;
}
.contentInner .triplet .topicsText{
font-size:16px;
font-size:1.6rem;
}
.contentInner .triplet .topicsText,
.contentInner .triplet .topicsSource{
margin-bottom:13px;
}
.contentInner.list{
padding-top:27px;
}
.inquiry{
padding-bottom:70px;
}
.inquiry>.contentInner{
padding-top:80px;
}
.inquiryTitle{
font-size:23px;
font-size:2.3rem;
margin-bottom:30px;
}
.inquiryButton{
font-size:18px;
font-size:1.8rem;
height:74px;
width:490px;
}
.inquiryButton:before{
margin-right:20px;
}
.inquiryButton:hover{
-webkit-transition:all .2s;
background-color:#980b13;
transition:all .2s;
}
#footer{
padding:30px 0 50px;
}
#footer .copyright{
font-size:11px;
font-size:1.1rem;
}
.pageTopButton>a{
bottom:20px;
height:80px;
right:50px;
width:80px;
}
.pageTopButton>a:after{
height:17px;
left:50%;
margin-left:-9px;
top:36px;
width:17px;
}
.pageTopButton>a:hover{
background-color:rgba(204, 0, 0, .9);
}
.contents .mainVisual{
background-color:#000;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
height:200px;
}
.contents .mainVisual .mainVisualInner{
margin-top:7px;
}
.contents .mainVisual .pageTitle{
font-weight:bold;
}
.contents .mainVisual.topics{
}
.contents .mainVisual.seminar{
}
.contents .mainVisual.newsrelease{
}
.contents .mainVisual.solution{
}
.contents .mainVisual.countermeasure{
}
.contents .mainVisual.report{
}
.contents .mainVisual.characteristic{
}
.contents .mainVisual.csdReport{
}
.contents .mainVisual.csd{
height:300px;
}
.contents .mainVisual.csd .mainVisualInner{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
-webkit-align-items:flex-end;
-ms-flex-align:end;
align-items:flex-end;
}
.contents .mainVisual.csd .pageTitle{
padding-left:10px;
}
.contents .mainVisual.csd .pageTitleSp{
display:none;
}
.contents .mainVisual.csd .mainVisualText{
font-size:24px;
font-size:2.4rem;
font-weight:bold;
margin-bottom:3px;
text-align:right;
text-shadow:2px 2px 6px rgba(0, 0, 0, .26);
}
.contents .mainVisual.csd2018{
height:300px;
}
.contents .mainVisual.csd2018 .mainVisualInner{
height:300px;
}
.contents .mainVisual.csd2018 .pageTitle{
padding-top:78px;
}
.contents .mainVisual.csd2018 .pageTitleSp{
display:none;
}
.contents .mainVisual.csd2018 .mainVisualText{
font-size:24px;
font-size:2.4rem;
font-weight:bold;
margin:50px 0 0;
text-align:right;
text-shadow:2px 2px 6px rgba(0, 0, 0, .26);
}
.contents .mainVisual.issue-hint{
}
.contents .mainVisual.webinars{
}
.contents .contentInner{
padding-top:26px;
}
.contents .contentInner .triplet{
margin-bottom:0;
}
.contents .inquiry{
padding-top:55px;
}
.contents #footer{
padding-top:27px;
}
}

/**
* SP表示専用
*/
@media only screen and (max-width: 767px){
#header{
height:40px;
}
#header .logo{
padding:9px 15px 0;
width:70px;
}
.headerInquiryButton{
height:100%;
width:40px;
}
.headerInquiryButton:before{
background-size:contain;
height:18px;
margin-right:0;
width:25px;
}
.mainVisual .mainVisualInner{
height:228px;
padding:0 12px;
}
.mainVisual .mainVisualText{
font-size:12px;
font-size:1.2rem;
line-height:1.8;
margin-left:4px;
margin:0 5px 15px 10px;
}
.mainVisual.top{
height:360px;
}
.mainVisual.top .mainVisualInner{
height:auto;
}
.mainVisual.top .mainVisualBlock{
width:280px;
}
.mainVisual.top .pageTitle{
font-size:20px;
font-size:2rem;
letter-spacing:1px;
line-height:1.5;
margin-bottom:5px;
margin-left:10px;
}
.mainVisual.top .mainVisuaCatch{
font-size:15px;
font-size:1.5rem;
letter-spacing:.01em;
margin-bottom:8px;
margin-left:10px;
}
.mainVisual.top .mainVisualSubTitle{
font-size:17px;
font-size:1.7rem;
letter-spacing:2px;
margin-bottom:10px;
margin-left:10px;
}
.mainVisual.top .mainVisualSubTitle::after{
width:143px;
}
.mainVisual.top .mainVisualStrong{
font-size:20px;
font-size:2rem;
}
.mainVisual.top .mainVisualLinkItem{
margin-right:5px;
}
.mainVisual.top .mainVisualLink{
border-radius:17px;
border:1px solid #fff;
font-size:10px;
font-size:1rem;
padding:11px 0;
width:90px;
}
.mainVisual.top .mainVisualLinkText{
letter-spacing:.5px;
padding-right:6px;
}
.mainVisual.top .mainVisualLinkText::before{
-webkit-transform:rotate(45deg) translateY(-5px);
border-right:1px solid #fff;
border-top:1px solid #fff;
height:5px;
right:2px;
transform:rotate(45deg) translateY(-5px);
width:5px;
}
.contentInner{
min-width:0;
padding-left:15px;
padding-right:15px;
padding-top:35px;
width:auto;
}
.contentInner.contents{
padding-top:17px;
}
.contentInner .topicsImg{
margin-bottom:12px;
max-width:100%;
}
.contentInner .topicsTitle{
font-size:14px;
font-size:1.4rem;
margin-bottom:6px;
}
.contentInner .topicsTitle.longTitle{
font-size:13px;
font-size:1.3rem;
}
.contentInner .topicsText{
font-size:12px;
font-size:1.2rem;
}
.contentInner .topicsDetail{
padding:0 15px 11px;
}
.contentInner .topicsDetail .linkBlank{
display:none;
}
.contentInner .overviewText{
margin-bottom:16px;
}
.contentInner .breadcrumbNavi{
margin-bottom:15px;
}
.contentInner .breadcrumbNavi>li{
margin-right:-3px;
}
.contentInner .overviewText,
.contentInner .breadcrumbNavi{
font-size:12px;
font-size:1.2rem;
}
.contentInner .twin{
margin-bottom:15px;
}
.contentInner .triplet{
margin-bottom:20px;
}
.inquiry{
padding-bottom:54px;
}
.inquiry>.contentInner{
padding-top:56px;
}
.inquiryTitle{
font-size:14px;
font-size:1.4rem;
margin-bottom:24px;
}
.inquiryButton{
font-size:17px;
font-size:1.7rem;
height:60px;
}
.inquiryButton:before{
margin-right:10px;
}
#footer{
padding:16px 0 15px;
}
#footer .copyright{
font-size:10px;
font-size:1rem;
}
.pageTopButton>a{
bottom:10px;
height:53px;
right:21px;
width:53px;
}
.pageTopButton>a:after{
height:11px;
left:60%;
margin-left:-12px;
top:23px;
width:11px;
}
.pageTopButtonCsd.is-visible a{
bottom:66px;
}
.contents .mainVisual{
background-color:#000;
background-position:center bottom;
background-repeat:no-repeat;
background-size:100% auto;
height:100px;
}
.contents .mainVisual .mainVisualInner{
height:69px;
width:450px;
}
.contents .mainVisual .pageTitle{
font-size:21px;
font-size:2.1rem;
font-weight:bold;
line-height:1.5;
}
.contents .mainVisual.topics{
}
.contents .mainVisual.seminar{
}
.contents .mainVisual.newsrelease{
}
.contents .mainVisual.solution{
}
.contents .mainVisual.countermeasure{
}
.contents .mainVisual.report{
}
.contents .mainVisual.characteristic{
}
.contents .mainVisual.csdReport{
}
.contents .mainVisual.csdReport .pageTitle{
text-shadow:0 0 3px rgba(0, 0, 0, .3);
}
.contents .mainVisual.csd{
height:160px;
}
.contents .mainVisual.csd .mainVisualInner{
height:129px;
}
.contents .mainVisual.csd .pageTitlePc{
display:none;
}
.contents .mainVisual.csd .mainVisualText{
margin-top:6px;
text-align:right;
text-shadow:0 1px 3px rgba(0, 0, 0, .64);
}
.contents .mainVisual.csd2018{
height:160px;
}
.contents .mainVisual.csd2018 .mainVisualInner{
height:160px;
}
.contents .mainVisual.csd2018 .pageTitle{
padding-top:8px;
text-align:center;
}
.contents .mainVisual.csd2018 .pageTitlePc{
display:none;
}
.contents .mainVisual.csd2018 .mainVisualText{
line-height:1.5;
margin-top:6px;
text-align:right;
text-shadow:0 1px 3px rgba(0, 0, 0, .64);
}
.contents .mainVisual.issue-hint{
}
.contents .mainVisual.webinars{
}
.contents .contentInner{
padding-top:18px;
}
.contents .inquiry{
padding-top:37px;
}
}

@media screen and (max-width: 767px) and (orientation: landscape){
.mainVisual.top{
height:auto;
}
.mainVisual.top .mainVisualInner{
padding:20px 0;
width:297px;
}
.mainVisual.top .mainVisualInner .pageTitle{
font-size:11px;
font-size:1.1rem;
line-height:1.4;
margin-bottom:8px;
}
/* topページ以外 */
.contents .mainVisual.csd{
}
.contents .mainVisual.csd{
background-size:cover;
}
.contents .mainVisual.csd .mainVisualInner{
height:129px;
width:100%;
}
}

/* ----------------------------------------------------------------
  03. module
----------------------------------------------------------------- */
/**
* link
*/
/* ===== PC/SP共通 ===== */
.linkInfoList{
border-radius:4px;
border:1px solid #4a4a4a;
color:#4a4a4a;
display:block;
margin:0 auto;
text-align:center;
text-decoration:none;
}

.linkBlankSmall:after{
background-image:url(/it-sec/image/index-blank-ic.png);
height:10px;
width:10px;
}

.linkBlankMiddle:after{
background-image:url(/it-sec/image/index-blank-ic-02.png);
height:12px;
width:12px;
}

.linkBlankLarge:after{
background-image:url(/it-sec/image/index-blank-ic-03.png);
height:13px;
width:14px;
}

.linkBlank[href$=".pdf"]:after,
.linkBlankPdf:after{
background-image:url(/it-sec/image/index-pdf_ic.png);
height:16px;
margin-left:5px;
width:13px;
}

.linkSelf:after{
-webkit-transform:scaleY(.7) rotate(-45deg);
border-bottom:1px solid #c00;
border-right:1px solid #c00;
content:"";
display:inline-block;
height:6px;
transform:scaleY(.7) rotate(-45deg);
width:6px;
}

.linkToTop{
color:#c00;
padding-left:3px;
}
.linkToTop:before{
-webkit-transform:scaleY(.7) rotate(-45deg);
border-left:1px solid #c00;
border-top:1px solid #c00;
content:"";
display:inline-block;
height:6px;
margin-bottom:3px;
transform:scaleY(.7) rotate(-45deg);
width:6px;
}

/* ===== PC表示専用 ===== */
@media print, screen and (min-width: 768px){
.linkInfoList{
font-size:18px;
font-size:1.8rem;
padding:13px 0 10px;
width:308px;
}
.linkInfoList:hover{
-webkit-transition:all .2s;
background-color:#c00;
border-color:#c00;
color:#fff;
transition:all .2s;
}
.linkBlank:after{
content:"";
display:inline-block;
margin-left:5px;
}
.linkToTop{
font-size:14px;
font-size:1.4rem;
margin-bottom:50px;
}
.linkToTop>span{
padding-left:2px;
}
}

/* ===== SP表示専用 ===== */
@media only screen and (max-width: 767px){
.linkInfoList{
font-size:13px;
font-size:1.3rem;
letter-spacing:.07em;
padding:7px 0;
width:208px;
}
.linkBlank:after{
content:"";
display:inline-block;
margin:0 0 2px 5px;
vertical-align:sub;
}
.linkBlankLarge:after{
margin-bottom:3px;
}
.linkToTop{
font-size:12px;
font-size:1.2rem;
}
.linkToTop:before{
margin:0 -2px 1px 0;
}
}

/**
* text
*/
.fs10{
font-size:10px;
font-size:1rem;
}

.fs13{
font-size:13px;
font-size:1.3rem;
}

.fs14{
font-size:14px;
font-size:1.4rem;
}

.fs16{
font-size:16px;
font-size:1.6rem;
}

.fs18{
font-size:18px;
font-size:1.8rem;
}

.fs20{
font-size:20px;
font-size:2rem;
}

.fs21{
font-size:21px;
font-size:2.1rem;
}

.fs26{
font-size:26px;
font-size:2.6rem;
}

.fs32{
font-size:32px;
font-size:3.2rem;
}

.fs38{
font-size:38px;
font-size:3.8rem;
}

/**
* article
*/
/* ===== PC/SP共通 ===== */
/** 記事タイトル **/
.sectionTitle{
text-align:center;
}

/** article **/
.articleTitle{
background-color:#eee;
}

.articleIllust img{
height:auto;
width:100%;
}

.imgBox{
text-align:center;
}

.articleCaption{
text-align:center;
}

/** 囲み **/
.profile{
background-color:#eee;
border:1px solid #c9c9c9;
}

.profileBodyName{
font-weight:bold;
}

.profileBodyData{
border-top:1px solid #abaaba;
margin-top:12px;
padding-top:25px;
}

.intro{
border:1px solid #c9c9c9;
}

.introInnerName{
font-weight:bold;
margin-bottom:5px;
}

.introInnerDetail{
border-top:1px solid #c9c9c9;
margin-top:19px;
padding-top:27px;
}

.frameLink{
background-color:#eee;
border:1px solid #c9c9c9;
}

.frameLinkHeader{
text-align:center;
}

.frameBoxType01{
background-color:#eee;
border:1px solid #c9c9c9;
}

.frameBoxType02{
border:1px solid #ffebd8;
}

.fcRed{
color:#c00;
}

/** icon **/
.iconBlank{
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
height:12px;
vertical-align:middle;
width:12px;
}

.iconPdf{
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
}

/** List **/
.multiList>li{
padding-left:1em;
text-indent:-1em;
word-wrap:break-word;
}
.multiList>li:before{
content:"・";
}

.multiListNum>li{
counter-increment:list;
}
.multiListNum>li:before{
content:counter(list) ".";
}

.multiListNote>li:before{
content:"※";
}

/** table **/
.primaryTable{
width:100%;
}
.primaryTable td,
.primaryTable th{
border-color:#e0e0e0;
border-style:solid;
box-sizing:border-box;
}
.primaryTable thead td,
.primaryTable thead th{
background-color:#cfcfcf;
}
.primaryTable tbody th{
background-color:#cfcfcf;
}
.primaryTable tbody td{
background-color:#fafafa;
}
.primaryTableType03 tr:nth-of-type(2n+1) td{
background-color:#f1f1f1;
}

.solutionsTbl .solutionsTblHead{
font-weight:bold;
}

.solutionsTbl .solutionsTh01{
background-color:#b2e7fd !important;
}

.solutionsTbl .solutionsTh02{
background-color:#ff9 !important;
}

.solutionsTbl .solutionsTh03{
background-color:#c5add9 !important;
}

.solutionsTbl .solutionsTh04{
background-color:#ffc99b !important;
}

.solutionsTbl .solutionsTh05{
background-color:#d3edba !important;
}

.solutionsTbl tbody td{
background-color:#fff !important;
}

/** Interview **/
.interviewer{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font-weight:bold;
}

.speaker{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}

.interviewerLabel{
border-bottom:2px solid #000;
display:block;
}

.interviewerText{
width:100px;

-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}

.speakerLabel{
font-weight:bold;
}

.speakerText{
width:100px;

-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}

/** Button **/
.primaryBtn{
background-color:#c00;
border-radius:4px;
box-sizing:border-box;
color:#fff;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}

.secondaryBtn{
background-color:#fff;
border-radius:4px;
border:2px solid #727272;
box-sizing:border-box;
color:#727272;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}

/** 罫線 **/
.normalHr{
border-color:#e60012;
border-style:solid;
border-width:3px 0 0;
height:0;
margin:0;
}

.thinHr{
border-color:#c9c9c9;
border-style:solid;
border-width:1px 0 0;
height:0;
margin:0;
}

/* ===== PC表示専用 ===== */
@media print, screen and (min-width: 768px){
/** 記事タイトル **/
.sectionTitle{
margin-bottom:32px;
padding-top:20px;
}
.sectionTitleHead{
font-size:36px;
font-size:3.6rem;
}
.sectionTitleLead{
font-size:18px;
font-size:1.8rem;
}
.sectionImgBox{
margin-bottom:32px;
text-align:center;
}
.sectionInfo{
font-size:18px;
font-size:1.8rem;
margin-bottom:18px;
}
.sectionLead{
font-size:18px;
font-size:1.8rem;
line-height:1.66667;
margin-bottom:40px;
}
/** article **/
.article{
margin-bottom:57px;
}
.articleTitle{
font-size:26px;
font-size:2.6rem;
margin-bottom:53px;
padding:5px 10px;
}
.articleSubTitle{
font-size:24px;
font-size:2.4rem;
margin-bottom:30px;
}
.articleText{
font-size:18px;
font-size:1.8rem;
line-height:1.7;
margin-bottom:30px;
text-indent:1em;
}
.articleText.noIndent{
text-indent:0;
}
.simpleText{
font-size:18px;
font-size:1.8rem;
line-height:1.7;
margin-bottom:30px;
}
.articleIllust{
float:right;
margin:8px 0 50px 50px;
}
.articleIllust.last{
margin-bottom:0;
}
.imgBox{
margin-bottom:72px;
padding-left:10px;
padding-right:10px;
}
.imgBoxCaption{
font-size:16px;
font-size:1.6rem;
margin-top:22px;
}
.articleCaption{
font-size:14px;
font-size:1.4rem;
margin-top:5px;
}
/** icon **/
.iconBlank{
background-image:url(/it-sec/image/index-blank-ic-02.png);
margin-left:5px;
}
.iconPdf{
background-image:url(/it-sec/image/index-pdf_ic.png);
height:16px;
margin-left:5px;
width:13px;
}
/** Flex **/
.flex{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.flexEqual{
width:100px;

-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}
.flexEqual:nth-of-type(n+2){
margin-left:30px;
}
.flexFixed{
padding-top:8px;
}
.flexVariable+.flexFixed{
margin-left:60px;
}
.flexVariable{
width:50%;

-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}
.flexFixed+.flexVariable{
margin-left:60px;
}
/** 囲み **/
.frameBoxWrap{
margin-bottom:90px;
}
.profile{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
padding:20px;
}
.profile+.profile{
margin-top:25px;
}
.profileImg{
width:200px;
}
.profileBody{
padding:10px 20px;
width:200px;

-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}
.profileBodyName{
font-size:24px;
font-size:2.4rem;
margin-bottom:9px;
}
.profileBodyAffiliation{
font-size:16px;
font-size:1.6rem;
}
.profileBodyData{
font-size:16px;
font-size:1.6rem;
}
.intro{
padding:42px 40px 40px;
}
.introInnerName{
font-size:18px;
font-size:1.8rem;
}
.introInnerData{
font-size:14px;
font-size:1.4rem;
}
.introInnerDetail{
font-size:14px;
font-size:1.4rem;
line-height:1.7;
}
.frameLink{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
padding:50px;

-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.frameLinkHeader{
font-size:18px;
font-size:1.8rem;
margin-bottom:30px;
width:100%;
}
.frameLinkBody{
width:390px;
}
.frameLinkTitle{
font-size:30px;
font-size:3rem;
margin-bottom:8px;
}
.frameLinkText{
font-size:16px;
font-size:1.6rem;
line-height:1.8;
margin-bottom:20px;
}
.frameLinkBtn .primaryBtn{
font-size:16px;
font-size:1.6rem;
height:69px;
}
.frameBoxType01,
.frameBoxType02{
font-size:18px;
font-size:1.8rem;
line-height:1.7;
padding:45px 50px;
}
/** List **/
.multiList{
margin-bottom:45px;
}
.multiList>li{
box-sizing:border-box;
font-size:18px;
font-size:1.8rem;
line-height:1.7;
margin-bottom:15px;
}
.multiListParallel{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-bottom:30px;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.multiListParallel>li.multiList2rows{
width:calc(50% - 20px);
}
.multiListParallel>li.multiList2rows:nth-of-type(2n){
margin-left:20px;
}
.multiListParallel>li.multiList3rows{
width:calc((100% - 40px) / 3);
}
.multiListParallel>li.multiList3rows:not(:nth-of-type(3n+1)){
margin-left:20px;
}
.multiListNote>li{
text-indent:-.77em;
}
.multiListNote>li:before{
font-size:14px;
font-size:1.4rem;
vertical-align:middle;
}
/** table **/
.primaryTableBox{
margin-bottom:35px;
}
.primaryTableTitle{
font-size:18px;
font-size:1.8rem;
line-height:1.7;
margin-bottom:10px;
}
.primaryTable{
font-size:16px;
font-size:1.6rem;
line-height:1.7;
width:100%;
}
.primaryTable td,
.primaryTable th{
border-width:2px;
padding:20px 10px;
}
.primaryTableType04 tr:nth-of-type(2n+1) td{
background-color:#f1f1f1;
}
.primaryTableCell140{
width:140px;
}
.primaryTableCellHalf{
width:50%;
}
/** Interview **/
.interviewer{
font-size:18px;
font-size:1.8rem;
line-height:1.7;
margin-bottom:30px;
}
.speaker{
font-size:18px;
font-size:1.8rem;
line-height:1.7;
margin-bottom:30px;
}
.interviewerLabel{
height:15px;
margin-right:7px;
width:90px;
}
.speakerLabel{
margin-right:10px;
width:90px;
}
/** Button **/
.primaryBtn{
font-size:18px;
font-size:1.8rem;
height:74px;
}
.primaryBtn:hover{
background-color:#980b13;
}
.secondaryBtn{
font-size:18px;
font-size:1.8rem;
height:60px;
}
.secondaryBtn:hover{
background-color:#c00;
border-color:#c00;
color:#fff;
}
}

/* ===== SP表示専用 ===== */
@media only screen and (max-width: 767px){
/** 記事タイトル **/
.sectionTitle{
margin-bottom:25px;
padding-top:10px;
}
.sectionTitleHead{
font-size:17px;
font-size:1.7rem;
font-weight:bold;
margin-bottom:10px;
}
.sectionTitleLead{
font-size:12px;
font-size:1.2rem;
}
.sectionInfo{
font-size:12px;
font-size:1.2rem;
margin-bottom:16px;
}
.sectionLead{
font-size:12px;
font-size:1.2rem;
margin-bottom:25px;
text-align:center;
}
.sectionImgBox{
margin-bottom:25px;
padding-left:10px;
padding-right:10px;
}
.sectionImgBox img{
height:auto;
width:100%;
}
/** article **/
.article{
margin-bottom:18px;
}
/** Flex **/
.flexImgBox{
margin-bottom:10px;
}
.flexImgBox>img{
height:auto;
width:100%;
}
/** PC回りこみの順番表示順 **/
.order{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
flex-direction:column;

-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
}
.orderOne{
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1;
}
.orderTwo{
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2;
}
.orderThree{
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
}
.articleTitle{
font-size:15px;
font-size:1.5rem;
margin-bottom:18px;
padding:6px 10px;
}
.articleSubTitle{
font-size:14px;
font-size:1.4rem;
margin-bottom:10px;
padding-left:10px;
}
.articleText{
font-size:12px;
font-size:1.2rem;
margin-bottom:20px;
text-indent:1em;
}
.articleText.noIndent{
text-indent:0;
}
.articleIllust{
margin-bottom:20px;
}
.articleCaption{
font-size:10px;
font-size:1rem;
margin-top:5px;
}
.imgBox{
margin-bottom:20px;
}
.imgBox img{
height:auto;
width:100%;
}
.imgBoxCaption{
font-size:10px;
font-size:1rem;
margin-top:5px;
}
/** icon **/
.iconBlank{
background-image:url(/it-sec/image/index-blank-ic-sp.png);
background-size:12px 12px;
margin-left:5px;
}
.iconPdf{
background-image:url(/it-sec/image/index-pdf_ic-sp.png);
background-size:10px 12px;
height:12px;
margin-left:5px;
width:10px;
}
.simpleText{
font-size:12px;
font-size:1.2rem;
margin-bottom:20px;
}
/** Flex **/
.flexFixed{
margin-bottom:20px;
text-align:center;
}
.flexFixed>img{
height:auto;
width:100%;
}
/** 囲み **/
.frameBoxWrap{
margin-bottom:30px;
}
.profile{
padding:24px 33px;
}
.profile+.profile{
margin-top:10px;
}
.profileImg{
margin-bottom:20px;
padding:0 10px;
text-align:center;
}
.profileImg img{
height:auto;
width:100%;
}
.profileBodyName{
font-size:15px;
font-size:1.5rem;
}
.profileBodyAffiliation{
font-size:12px;
font-size:1.2rem;
}
.profileBodyData{
font-size:12px;
font-size:1.2rem;
}
.introInner{
padding:24px 33px;
}
.introInnerName{
font-size:15px;
font-size:1.5rem;
}
.introInnerData{
font-size:12px;
font-size:1.2rem;
}
.introInnerDetail{
font-size:12px;
font-size:1.2rem;
}
.frameLink{
padding:24px 33px;
}
.frameLinkHeader{
font-size:12px;
font-size:1.2rem;
margin-bottom:10px;
}
.frameLinkImg{
margin:0 10px 20px;
}
.frameLinkImg img{
height:auto;
width:100%;
}
.frameLinkTitle{
font-size:15px;
font-size:1.5rem;
font-weight:bold;
text-align:center;
}
.frameLinkText{
font-size:12px;
font-size:1.2rem;
margin-bottom:10px;
}
.frameLinkBtn .primaryBtn{
font-size:10px;
font-size:1rem;
min-height:10px;
padding:5px 0;
}
.frameBoxType01,
.frameBoxType02{
font-size:12px;
font-size:1.2rem;
padding:20px 33px;
}
/** List **/
.multiList{
margin-bottom:30px;
}
.multiList>li{
font-size:12px;
font-size:1.2rem;
margin-bottom:10px;
}
.multiListNote>li:before{
font-size:10px;
font-size:1rem;
vertical-align:middle;
}
/** table **/
.primaryTableBox{
margin-bottom:20px;
}
.primaryTableTitle{
font-size:12px;
font-size:1.2rem;
margin-bottom:10px;
}
.primaryTable{
font-size:12px;
font-size:1.2rem;
}
.primaryTable td,
.primaryTable th{
border-width:1px;
padding:10px;
}
.primaryTableType02 tbody tr,
.primaryTableType02 tbody th,
.primaryTableType02 tbody td,
.primaryTableType04 tbody tr,
.primaryTableType04 tbody th,
.primaryTableType04 tbody td{
display:block;
width:100%;
}
.primaryTableType04 td:nth-of-type(2n +1){
background-color:#f1f1f1;
}
.primaryTableType04 td:nth-of-type(2n){
background-color:#fafafa;
}
.primaryTableCell140{
width:33%;
}
.primaryTableCellHalf{
width:50%;
}
/** Interview **/
.interviewer{
font-size:12px;
font-size:1.2rem;
margin-bottom:20px;
}
.speaker{
font-size:12px;
font-size:1.2rem;
margin-bottom:20px;
}
.interviewerLabel{
height:10px;
margin-right:5px;
width:58px;
}
.speakerLabel{
margin-right:5px;
width:58px;
}
/** Button **/
.primaryBtn{
font-size:13px;
font-size:1.3rem;
min-height:60px;
}
.secondaryBtn{
border-width:1px;
font-size:13px;
font-size:1.3rem;
min-height:36px;
}
}

/**
* content
*/
/* ===== PC/SP共通 ===== */
.pageTitle{
color:#fff;
font-size:38px;
font-size:3.8rem;
}

.contentTitle{
text-align:center;
}

.contentAreaType01{
background-color:#eee;
}

.contentAreaType02{
padding-bottom:40px;
}
.contentAreaType02 .contentTitle,
.contentAreaType02 .overviewText,
.contentAreaType02 .linkInfoList{
color:#fff;
}
.contentAreaType02 .linkInfoList{
border-color:#eae9ec;
}

.contentArea.issue-hint{
background:#eee;
}

.featureTitle{
font-weight:bold;
text-align:center;
}
.featureTitle::after{
border-top-color:#ce0000;
border-top-style:solid;
content:"";
display:block;
}

.featureSubtitle{
font-weight:bold;
text-align:center;
}

.featureLead{
font-weight:bold;
}

.navList{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}

.navListItem{
border:2px solid #ce0000;
box-sizing:border-box;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}

.navListLink{
color:#ce0000;
display:block;
font-weight:bold;
line-height:1;
text-align:center;
}

.navListText{
display:inline-block;
position:relative;
}
.navListText::after{
border-right:solid 1px #ce0000;
border-top:solid 1px #ce0000;
content:"";
display:block;
position:absolute;
top:50%;
}

.flexLabel{
background-color:#c00;
color:#fff;
display:inline-block;
font-size:13px;
font-size:1.3rem;
line-height:1;
padding:9px 14px;
}

/** 最新情報 **/
.topicsContents .sectionTitleHead{
text-align:center;
}

.topicsInner{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-bottom:25px;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.topicsInner:last-child{
margin-bottom:25px;
}
.topicsInner .topicsBox{
background-color:#fff;
box-shadow:3px 3px 2px 0 rgba(4, 0, 0, .1);
min-height:100%;
position:relative;
}
.topicsInner .topicsBox .topicsTitle{
font-weight:bold;
}
.topicsInner .topicsBox .blank:after{
background-image:url(/it-sec/image/index-blank-ic-sp.png);
width:13px;
}
.topicsInner .topicsBox .pdf:after{
background-image:url(/it-sec/image/index-pdf_ic-sp.png);
width:12px;
}
.topicsInner .topicsBox .blank:after,
.topicsInner .topicsBox .pdf:after{
background-size:100%;
height:13px;
}
.topicsInner .topicsBox .topicsSource{
display:block;
}
.topicsInner .newIcon{
left:0;
position:absolute;
top:0;
}

.topicsItem{
border-bottom:1px solid #d1d1d1;
padding:22px 30px 12px 9px;
position:relative;
}
.topicsItem:after{
-webkit-transform:scaleY(.9) rotate(-45deg);
border-bottom:3px solid #c00;
border-right:3px solid #c00;
content:"";
display:block;
position:absolute;
top:50%;
transform:scaleY(.9) rotate(-45deg);
}
.topicsItem:hover{
background:#f5f5f5;
}
.topicsItem:hover .topicsItemTitle{
color:#c00;
}

.topicsItemDate{
display:inline-block;
}

.topicsItemType{
display:inline-block;
text-align:center;
}
.topicsItemType.newsRelease{
background:#e7ecff;
}
.topicsItemType.securityNews{
background:#ffe7e7;
}
.topicsItemType.information{
background-color:#edfbeb;
}

/** 企業様向けセミナー・イベント情報 **/
.seminarInner{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.seminarInner .seminarBox{
background-color:#fff;
box-shadow:3px 3px 2px 0 rgba(4, 0, 0, .1);
box-sizing:border-box;
margin-bottom:25px;
position:relative;
}
.seminarInner .seminarBox .seminarLabel{
background-color:#c00;
color:#fff;
display:inline-block;
font-size:11px;
font-size:1.1rem;
padding:1px 0 2px;
text-align:center;
}
.seminarInner .seminarBox .seminarLabelEvent{
background-color:#000;
}
.seminarInner .seminarBox .seminarTitle{
border-bottom:1px solid #c9c9c9;
font-weight:bold;
}
.seminarInner .seminarBox .seminarDetail{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.seminarInner .seminarBox .seminarDetail:last-child{
margin-bottom:0;
}
.seminarInner .seminarBox .seminarDetail>dt{
background-color:#707070;
color:#fff;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
line-height:1.3;

-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.seminarInner .seminarBox .seminarDetail>dd{
color:#333;
font-size:14px;
font-size:1.4rem;
}

/** リリース情報・ニュース **/
.newsList{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.newsList>li{
border-bottom:1px solid #c9c9c9;
box-sizing:border-box;
position:relative;
}
.newsList>li:nth-child(-n+2){
border-top:1px solid #c9c9c9;
}
.newsList>li:nth-child(even){
margin-right:0;
}
.newsList>li:after{
-webkit-transform:scaleY(.9) rotate(-45deg);
border-bottom:2px solid #c00;
border-right:2px solid #c00;
content:"";
display:block;
margin-top:-8px;
position:absolute;
top:50%;
transform:scaleY(.9) rotate(-45deg);
}
.newsListDate{
color:#c00;
}
.newsListLabel{
color:#fff;
display:inline-block;
font-size:11px;
font-size:1.1rem;
padding:1px 6px 2px;
text-align:center;
}
.newsListLabelEndPoint{
background-color:#c00;
}
.newsListLabelGateWay{
background-color:#000;
}
.newsListLabelService{
background-color:#4169e1;
}

/** 製品ソリューション **/
.solutionImg{
display:block;
margin:0 auto 3px;
}

.nextPage{
display:none;
}

.loadingImg{
display:block;
margin:0 auto;
}
.loadingImg.hide{
display:none;
}

/** すぐできる！セキュリティ対策 **/
.countermeasureTitle{
text-align:center;
}

.countermeasureLead{
text-align:center;
}

.countermeasureSubTitle{
background-color:#eee;
}

.countermeasureDetailAside>img{
height:auto;
width:100%;
}

.countermeasureList>li{
position:relative;
}
.countermeasureList>li:before{
content:"・";
left:0;
position:absolute;
}

.countermeasureInfoTitle{
line-height:1.4;
}

.countermeasureInfoText a{
color:#c00;
}

.countermeasureIpaLogo{
margin:0 auto;
}
.countermeasureIpaLogo img{
height:auto;
width:100%;
}

.countermeasurePanel{
background-color:#eee;
border:1px solid #c9c9c9;
}
.countermeasurePanelTitle{
text-align:center;
}
.countermeasurePanelButton{
background-color:#c00;
border-radius:4px;
color:#fff;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
text-align:center;
text-decoration:none;

-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}

/** 「トータルセキュリティソリューション」とは？ **/
.characteristicArticleTitle{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font-weight:bold;
}
.characteristicArticleTitle::after{
border-top:dotted 2px #ce0000;
content:"";
display:block;

-webkit-align-self:center;
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
-webkit-flex-basis:50px;
-ms-flex-preferred-size:50px;
flex-basis:50px;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}

.characteristicArticleLabel{
background-color:#ce0000;
color:#fff;
display:inline-block;

-webkit-align-self:center;
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
}

.characteristicArticleSubTitle{
color:#3c3c3c;
font-weight:bold;
position:relative;
}
.characteristicArticleSubTitle::before{
background-color:#ce0000;
bottom:3px;
content:"";
display:block;
left:0;
position:absolute;
top:3px;
width:3px;
}

.characteristicArticleIllust img{
height:auto;
width:100%;
}

.characteristicArticleImageItem img{
height:auto;
width:100%;
}

.chronology{
border-bottom:1px solid #b3b3b3;
}

.chronologyTitle{
box-sizing:border-box;
clear:left;
float:left;
}

.chronologyBody{
border-top:1px solid #b3b3b3;
}

/** イベント告知 **/
.eventSummary>dt{
font-weight:bold;
}

.eventSummaryData{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}

.eventSummaryDataData{
width:70px;

-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}

.eventReportLead{
background-color:#000;
color:#fff;
font-weight:bold;
text-align:center;
}

.eventReport{
border:1px solid #000;
}

.eventReportLink{
text-align:right;
}

.pageNavi>li{
border-right:1px solid #c9c9c9;
display:inline-block;
}

.pageNaviLink{
color:#c00;
}

.tabList{
border-bottom:1px solid #000;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}

.tabItem{
background-color:#eee;
border:1px solid #000;
box-sizing:border-box;
cursor:pointer;
font-weight:bold;
margin-bottom:-1px;
text-align:center;
}

.eventTab01{
color:#ec6d66;
}

.eventTab02{
color:#66bba8;
}

.tabBody{
display:none;
}

#eventSettion01 .eventTab01,
#workshop01 .eventTab01{
background-color:#fff;
border-bottom-color:#fff;
cursor:default;
}

#eventSettion01 .eventBody01,
#workshop01 .eventBody01{
display:block;
}

#eventSettion02 .eventTab02,
#workshop02 .eventTab02{
background-color:#fff;
border-bottom-color:#fff;
cursor:default;
}

#eventSettion02 .eventBody02,
#workshop02 .eventBody02{
display:block;
}

.eventDetail>dt{
clear:left;
float:left;
}
.eventDetail>dt:after{
content:"：";
}

.seminarTable{
width:100%;
}
.seminarTable th{
background-color:#eee;
}

.sessionTitle{
font-weight:bold;
}

.sessionSubtitle{
font-weight:bold;
}

.sessionProfile{
background-color:#eee;
}

.timeHead{
background-color:#000;
color:#fff;
font-weight:bold;
}

.workshopBox{
border:1px solid #c9c9c9;
}

.workshopBoxHeader{
border-bottom:1px solid #c9c9c9;
box-sizing:border-box;
position:relative;
}

.workshopLabel{
background-size:6px 6px;
color:#fff;
font-size:11px;
font-size:1.1rem;
left:0;
line-height:1;
position:absolute;
text-align:center;
top:0;
}
.workshopLabelA{
background-color:#f098ae;
background-image:-webkit-linear-gradient(45deg, #f098ae 25%, #dd8ca0 25%, #dd8ca0 50%, #f098ae 50%, #f098ae 75%, #dd8ca0 75%, #dd8ca0);
background-image:linear-gradient(45deg, #f098ae 25%, #dd8ca0 25%, #dd8ca0 50%, #f098ae 50%, #f098ae 75%, #dd8ca0 75%, #dd8ca0);
}
.workshopLabelB{
background-color:#7ebadf;
background-image:-webkit-linear-gradient(45deg, #7ebadf 25%, #74abce 25%, #74abce 50%, #7ebadf 50%, #7ebadf 75%, #74abce 75%, #74abce);
background-image:linear-gradient(45deg, #7ebadf 25%, #74abce 25%, #74abce 50%, #7ebadf 50%, #7ebadf 75%, #74abce 75%, #74abce);
}
.workshopLabelC{
background-color:#a2ca95;
background-image:-webkit-linear-gradient(45deg, #a2ca95 25%, #9ac08d 25%, #9ac08d 50%, #a2ca95 50%, #a2ca95 75%, #9ac08d 75%, #9ac08d);
background-image:linear-gradient(45deg, #a2ca95 25%, #9ac08d 25%, #9ac08d 50%, #a2ca95 50%, #a2ca95 75%, #9ac08d 75%, #9ac08d);
}
.workshopLabelD{
background-color:#f4aa53;
background-image:-webkit-linear-gradient(45deg, #f4aa53 25%, #e39e4d 25%, #e39e4d 50%, #f4aa53 50%, #f4aa53 75%, #e39e4d 75%, #e39e4d);
background-image:linear-gradient(45deg, #f4aa53 25%, #e39e4d 25%, #e39e4d 50%, #f4aa53 50%, #f4aa53 75%, #e39e4d 75%, #e39e4d);
}
.workshopLabelE{
background-color:#a05da0;
background-image:-webkit-linear-gradient(45deg, #a05da0 25%, #935693 25%, #935693 50%, #a05da0 50%, #a05da0 75%, #935693 75%, #935693);
background-image:linear-gradient(45deg, #a05da0 25%, #935693 25%, #935693 50%, #a05da0 50%, #a05da0 75%, #935693 75%, #935693);
}

.workshopBoxLead{
color:#c00;
width:100%;
}

.workshopBoxTime{
font-weight:bold;
text-align:right;
}
.workshopBoxTime span{
color:#c00;
}

.workshopBoxTitle{
font-weight:bold;
width:100%;
}

.workshopBoxSpeaker{
width:100%;
}

/** webinarsでも使用しております **/
.eventSubtitle{
color:#3c3c3c;
font-weight:bold;
position:relative;
}
.eventSubtitle::before{
background-color:#ce0000;
bottom:1px;
content:"";
display:block;
left:0;
position:absolute;
top:1px;
width:3px;
}

.productBox{
background-color:#eee;
}

.productList>li:before{
content:"・";
}

.reportBoxDetail>dt{
font-weight:bold;
}

.reportMore{
text-align:right;
}

.reportLinkList{
text-indent:0;
}
.reportLinkList>li{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
}

.reportLinkListImg>img{
height:auto;
width:100%;
}

.reportLinkListText{
width:100px;

-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}
.reportLinkListText>dt{
font-weight:bold;
}

/** セキュリティ課題を解決するためのヒント **/
.issueInner{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-webkit-justify-content:start;
-ms-flex-pack:start;
justify-content:start;
}
.issueInner .issueBox{
background-color:#fff;
box-shadow:3px 3px 2px 0 rgba(4, 0, 0, .1);
box-sizing:border-box;
margin-bottom:25px;
position:relative;
}
.issueInner .issueBox:before{
-webkit-transform:scaleY(.7) rotate(-45deg);
border-bottom:2px solid #c00;
border-right:2px solid #c00;
content:"";
display:block;
position:absolute;
top:50%;
transform:scaleY(.7) rotate(-45deg);
}
.issueInner .issueBox .issueLabel{
background-color:#c00;
color:#fff;
display:inline-block;
font-size:11px;
font-size:1.1rem;
padding:1px 0 2px;
text-align:center;
}
.issueInner .issueBox .issueTitle{
font-weight:bold;
}
.issueInner .issueBox .issueTitle .issueLinkIcon:after{
background-repeat:no-repeat;
background-size:100% 100%;
content:"";
display:inline-block;
}

.issueIndexBox{
border:1px solid #c9c9c9;
}
.issueIndexBox .issueIndexTitle{
font-weight:bold;
text-align:center;
}
.issueIndexBox .multiList{
margin-bottom:0;
}
.issueIndexBox .multiList .issueSectionList{
color:#c00;
}
.issueIndexBox .multiList .issueSectionList:hover{
cursor:pointer;
}

.issueInfoBox{
background:#eee;
}
.issueInfoBox .issueInfoBoxInner .issueInfoBoxTitle{
text-align:center;
}
.issueInfoBox .issueInfoBoxInner .workshopBox{
background:#fff;
}

/* ===== PC表示専用 ===== */
@media print, screen and (min-width: 768px){
.bannerArea{
background-color:#eee;
padding-top:30px;
text-align:center;
}
.banner{
display:inline-block;
position:relative;
}
.banner:hover:after{
-webkit-transition:.2s;
border:3px solid #c00;
bottom:0;
content:"";
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
transition:.2s;
}
.contentTitle{
font-size:32px;
font-size:3.2rem;
}
.contentAreaType01{
padding-bottom:50px;
}
.contentAreaType01.solution{
padding-bottom:45px;
}
.contentAreaType01.solution .contentTitle{
margin-bottom:10px;
}
.contentAreaType02{
padding-top:5px;
}
.contentAreaType02 .contentTitle{
margin-bottom:10px;
}
.contentAreaType02 .linkInfoList:hover{
border-color:#c00;
}
.contentAreaType03{
border-top:3px solid #e60012;
padding-bottom:50px;
}
.contentAreaType03 .overviewText{
margin-bottom:35px;
}
.contentAreaNews{
padding-bottom:45px;
}
.contentAreaNews .contentTitle{
margin-bottom:15px;
}
/* セキュリティ課題を解決するためのヒント */
.contentsInnerIssuehint{
margin-bottom:90px;
}
.featureTitle{
font-size:36px;
font-size:3.6rem;
}
.featureTitle::after{
border-top-width:3px;
margin:20px auto 42px;
width:120px;
}
.featureSubtitle{
font-size:20px;
font-size:2rem;
line-height:1.4;
}
.featureLead{
font-size:18px;
font-size:1.8rem;
line-height:1.8;
}
.navListItem{
border-radius:38px;
}
.navListLink{
font-size:18px;
font-size:1.8rem;
padding:13px 0;
}
.navListText{
letter-spacing:2px;
padding-right:16px;
}
.navListTextThin{
font-size:16px;
font-size:1.6rem;
letter-spacing:0;
}
.navListText::after{
-webkit-transform:rotate(135deg) translateY(8px);
height:8px;
right:-7px;
top:50%;
transform:rotate(135deg) translateY(8px);
width:8px;
}
/** 最新情報 **/
.topicsContents.contents .contentInner{
padding-top:56px;
}
.topicsContents .sectionTitleHead{
margin-bottom:32px;
}
.topicsContents .articleTitle{
margin-bottom:14px;
}
.topicsInner .topicsBox{
min-height:100%;
}
.topicsInner .topicsBox:not(.hasNoLink){
cursor:pointer;
}
.topicsInner .topicsBox:not(.hasNoLink):hover:after{
-webkit-transition:all .2s;
border:3px solid #c00;
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
transition:all .2s;
}
.topicsInner .topicsBox:not(.hasNoLink):hover .topicsTitle,
.topicsInner .topicsBox:not(.hasNoLink):hover .topicsText,
.topicsInner .topicsBox:not(.hasNoLink):hover .topicsSource{
color:#c00;
}
.topicsInner .topicsBox .topicsImg{
margin-bottom:20px;
}
.topicsInner .topicsBox .topicsDetail{
padding:0 20px 28px;
}
.topicsInner .topicsBox .topicsItemTitle{
font-size:18px;
font-size:1.8rem;
line-height:1.67;
margin-bottom:1px;
margin-top:9px;
}
.topicsInner .topicsBox .topicsText{
letter-spacing:.03em;
}
.topicsInner .topicsBox .topicsSource{
font-size:14px;
font-size:1.4rem;
}
.topicsList{
margin-bottom:60px;
}
.topicsList:nth-of-type(2){
margin-bottom:27px;
}
.topicsItem{
cursor:pointer;
}
.topicsItem:after{
border-width:2px;
height:9px;
margin-top:-4px;
right:12px;
width:11px;
}
.topicsItemTitle{
font-size:18px;
font-size:1.8rem;
line-height:1.67;
margin-bottom:1px;
margin-top:9px;
}
.topicsItemDate{
color:#666;
font-size:14px;
font-size:1.4rem;
margin-right:28px;
min-width:107px;
}
.topicsItemType{
font-size:14px;
font-size:1.4rem;
width:160px;
}
.topicsItemType.newsRelease{
background:#e7ecff;
}
.topicsItemType.securityNews{
background:#ffe7e7;
}
.topicsItemType.information{
background-color:#edfbeb;
}
/** 企業様向けセミナー・イベント情報 **/
.seminarInner{
margin-bottom:25px;
}
.seminarInner .seminarBox{
cursor:pointer;
padding:20px;
width:310px;
}
.seminarInner .seminarBox .seminarLabel{
margin-bottom:10px;
width:80px;
}
.seminarInner .seminarBox .seminarTitle{
font-size:18px;
font-size:1.8rem;
margin-bottom:25px;
padding-bottom:20px;
}
.seminarInner .seminarBox .seminarDetail{
margin-bottom:20px;
}
.seminarInner .seminarBox .seminarDetail>dt{
font-size:12px;
font-size:1.2rem;
margin-right:10px;
padding:4px 0;

-webkit-flex-basis:42px;
-ms-flex-preferred-size:42px;
flex-basis:42px;
}
.seminarInner .seminarBox .seminarDetail>dd{
-webkit-flex-basis:198px;
-ms-flex-preferred-size:198px;
flex-basis:198px;
}
.seminarInner .seminarBox:hover:after{
border:3px solid #c00;
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
}
.seminarInner .seminarBox:hover .seminarTitle,
.seminarInner .seminarBox:hover .seminarDetail>dd{
color:#c00;
}
.seminarInner .seminarBox:hover .seminarDetail>dt{
background-color:#c00;
}
.seminarInner .seminarBox.hasNoLink{
cursor:auto;
}
.seminarInner .seminarBox.hasNoLink:hover:after{
content:none;
}
.seminarInner .seminarBox.hasNoLink:hover .seminarTitle,
.seminarInner .seminarBox.hasNoLink:hover .seminarDetail>dd{
color:inherit;
}
.seminarInner .seminarBox.hasNoLink:hover .seminarDetail>dt{
background-color:#707070;
}
/** リリース情報・ニュース **/
.newsList{
font-size:16px;
font-size:1.6rem;
margin-bottom:50px;
}
.newsList>li{
cursor:pointer;
margin-right:30px;
padding:20px 82px 20px 0;
width:474px;
}
.newsList>li:after{
height:12px;
right:20px;
width:12px;
}
.newsList>li:hover .newsListDetail,
.newsList>li:hover .newsListTitle{
-webkit-transition:all .2s;
color:#c00;
transition:all .2s;
}
.newsListDate{
margin-bottom:5px;
}
.newsListDetail{
line-height:1.7;
}
.newsListTitle{
font-weight:bold;
}
.newsListLabel{
margin:0 0 10px 10px;
width:80px;
}
.newsListLabel:first-child{
margin-left:0;
}
/** 製品ソリューション **/
.solution .breadcrumbNavi,
.solution .contentTitle{
margin-bottom:18px;
}
/** 第二階層用 **/
.contents{
padding-bottom:45px;
}
.contents .contentArea{
padding-bottom:45px;
}
.contents .contentAreaType01{
padding-bottom:45px;
}
.contents .topicsInner{
margin-bottom:0;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.contents .topicsInner .topicsBox{
margin:0 25px 25px 0;
width:310px;
}
.contents .topicsInner .topicsBox:nth-child(3n){
margin-right:0;
}
.contents .topicsInner .topicsTitle{
font-size:20px;
font-size:2rem;
}
.contents .topicsInner .topicsText{
font-size:16px;
font-size:1.6rem;
margin-bottom:15px;
}
.contents .topicsInner .topicsSource{
font-size:12px;
font-size:1.2rem;
}
.contents .topicsInner .linkBlank{
color:#c00;
font-size:14px;
font-size:1.4rem;
}
.contents .seminarInner{
margin-bottom:2px;

-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.contents .seminarInner .seminarBox{
margin-right:25px;
}
.contents .seminarInner .seminarBox:nth-child(3n){
margin-right:0;
}
.contents .newsList{
margin-bottom:25px;
}
/** すぐできる！セキュリティ対策 **/
.countermeasureHead{
margin-bottom:55px;
padding-top:20px;
}
.countermeasureTitle{
font-size:36px;
font-size:3.6rem;
margin-bottom:20px;
}
.countermeasureLead{
font-size:18px;
font-size:1.8rem;
}
.countermeasureSubTitle{
font-size:26px;
font-size:2.6rem;
margin-bottom:30px;
padding:5px 10px;
}
.countermeasureDetail{
font-size:18px;
font-size:1.8rem;
line-height:1.7;
margin-bottom:20px;
}
.countermeasureDetailMain{
float:left;
width:460px;
}
.countermeasureDetailMain>p{
margin-bottom:32px;
}
.countermeasureDetailAside{
float:right;
margin-bottom:32px;
width:463px;
}
.countermeasureDetailAside>img{
padding-top:10px;
}
.countermeasureDetailAside>.countermeasureDetailImg{
padding-top:30px;
}
.countermeasureList{
margin-bottom:32px;
}
.countermeasureList>li{
padding-left:20px;
}
.countermeasureInfo{
border:2px solid #ffebd8;
margin-top:10px;
padding:45px 40px;
}
.countermeasureInfoText{
font-size:14px;
font-size:1.4rem;
}
.countermeasureIpaLogo{
padding-top:45px;
width:192px;
}
.countermeasurePanel{
box-sizing:border-box;
margin-bottom:25px;
padding:50px;
}
.countermeasurePanelTitle{
font-size:18px;
font-size:1.8rem;
margin-bottom:30px;
}
.countermeasurePanelInner{
display:table;
table-layout:fixed;
width:100%;
}
.countermeasurePanelMain{
display:table-cell;
vertical-align:middle;
width:390px;
}
.countermeasurePanelMain>dt{
font-size:30px;
font-size:3rem;
margin-bottom:8px;
}
.countermeasurePanelMain>dd{
font-size:16px;
font-size:1.6rem;
}
.countermeasurePanelMain>dd>p{
line-height:1.8;
margin-bottom:20px;
}
.countermeasurePanelAside{
display:table-cell;
padding-right:100px;
text-align:center;
vertical-align:middle;
width:390px;
}
.countermeasurePanelButton{
padding:10px 0;
}
.countermeasurePanelButton:hover{
-webkit-transition:all .2s;
background-color:#980b13;
transition:all .2s;
}
/** 「トータルセキュリティソリューション」とは？ **/
.characteristicInner{
margin-bottom:140px;
padding-top:17px;
}
.characteristicInner .featureLead{
margin:0 89px 50px;
}
.characteristicInner .navList{
margin-bottom:88px;
}
.characteristicInner .navListItem{
margin:0 11px;
width:200px;
}
.characteristicArticle{
margin-bottom:30px;
}
.characteristicArticleTitle{
font-size:28px;
font-size:2.8rem;
margin-bottom:25px;
}
.characteristicArticleTitle::after{
border-top:dotted 2px #ce0000;
margin-left:37px;
}
.characteristicArticleLabel{
border-radius:3px;
font-size:16px;
font-size:1.6rem;
margin-right:18px;
padding:2px 13px 1px;
}
.characteristicArticleSubTitle{
font-size:20px;
font-size:2rem;
margin-bottom:20px;
margin-top:30px;
padding-left:20px;
}
.characteristicArticleSubTitle::before{
bottom:3px;
left:0;
top:3px;
width:3px;
}
.characteristicArticleText{
font-size:16px;
font-size:1.6rem;
line-height:2.0625;
margin-bottom:18px;
}
.characteristicArticleIllust{
float:right;
margin:8px 0 30px 30px;
width:370px;
}
.characteristicArticleImage{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-bottom:18px;
margin-top:52px;

-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
}
.characteristicArticleImageItem{
width:430px;
}
.characteristicArticleImageCaption{
font-size:14px;
font-size:1.4rem;
margin-top:11px;
}
.chronology{
border-bottom:1px solid #b3b3b3;
font-size:14px;
font-size:1.4rem;
line-height:1.71429;
}
.chronologyTitle{
padding-left:10px;
padding-top:12px;
width:90px;
}
.chronologyBody{
border-top:1px solid #b3b3b3;
padding:12px 10px 12px 90px;
}
/** 取材記事 **/
.reportProfileBox{
margin-bottom:90px;
}
.reportProfileBox.reportProfileBoxBtm{
margin-top:90px;
}
/** イベント告知 **/
.csdInner{
margin-bottom:80px;
padding-top:23px;
}
.csdInner .featureLead{
margin:0 89px 80px;
}
.csdInner .navList{
margin-bottom:50px;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.csdInner .navListItem{
width:230px;
}
.csdInner .articleTitle{
margin-bottom:34px;
}
.eventSummaryWrap{
margin-bottom:20px;
}
.eventSummary{
float:left;
font-size:16px;
font-size:1.6rem;
margin-bottom:15px;
width:470px;
}
.eventSummaryPdf{
margin-top:20px;
}
.eventMap{
float:right;
margin-right:25px;
margin-top:5px;
}
.eventSummaryDataTitle{
width:82px;
}
.eventReportLead{
font-size:18px;
font-size:1.8rem;
padding:10px;
}
.eventReport{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-bottom:50px;
padding:30px;
}
.eventReportBody{
font-size:16px;
font-size:1.6rem;
line-height:1.8;
padding-left:30px;
position:relative;
}
.eventReportTitle{
font-size:30px;
font-size:3rem;
font-weight:bold;
margin:18px 0 10px;
}
.eventReportLink{
bottom:0;
font-size:14px;
font-size:1.4rem;
position:absolute;
right:0;
}
.pageNavi{
margin-bottom:100px;
text-align:center;
}
.pageNavi>li{
padding:0 20px;
}
.pageNavi>li:first-child{
border-left:1px solid #c9c9c9;
}
.pageNaviLink{
font-size:16px;
font-size:1.6rem;
line-height:1.25;
}
.evnetComment{
font-size:18px;
font-size:1.8rem;
margin-bottom:35px;
}
.evnetAttention{
font-size:16px;
font-size:1.6rem;
}
.tabBox{
margin-bottom:50px;
}
.tabList{
margin-bottom:15px;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.tabItem{
font-size:20px;
font-size:2rem;
padding:10px 0;
width:475px;
}
.tabItem:first-child{
margin-left:10px;
}
.tabItem:last-child{
margin-right:10px;
}
.eventDetail{
font-size:16px;
font-size:1.6rem;
margin-bottom:15px;
}
.seminarTable th{
border:1px solid #c9c9c9;
box-sizing:border-box;
font-size:14px;
font-size:1.4rem;
padding:15px 10px;
text-align:center;
vertical-align:middle;
width:140px;
}
.seminarTable td{
border:1px solid #c9c9c9;
font-size:16px;
font-size:1.6rem;
padding:24px 30px;
}
.sessionCellCenter{
font-weight:bold;
text-align:center;
}
.sessionTitle{
font-size:18px;
font-size:1.8rem;
margin-bottom:5px;
}
.sessionNote{
font-size:14px;
font-size:1.4rem;
margin-bottom:18px;
}
.tabBox .primaryBtn{
margin:30px auto 60px;
width:490px;
}
.sessionProfile{
margin-top:20px;
padding:16px 20px;
}
.timeHead{
font-size:18px;
font-size:1.8rem;
margin-bottom:30px;
padding:10px 30px;
}
.workshop{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-bottom:16px;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.workshopBox{
box-sizing:border-box;
margin-bottom:30px;
padding:34px 30px 30px;
position:relative;
width:475px;
}
.workshopBox.link{
cursor:pointer;
}
.workshopBox.link:hover:after{
border:3px solid #c00;
bottom:-1px;
content:"";
left:-1px;
position:absolute;
right:-1px;
top:-1px;
}
.workshopBox.link:hover .workshopBoxTitle{
color:#c00;
}
.workshopBox:nth-of-type(2n){
margin-left:30px;
}
.workshopBoxLastColumn{
margin-bottom:0;
}
.workshopBoxHeader{
min-height:210px;
padding-bottom:10px;
}
.workshopLabel{
padding:5px 0 4px;
width:80px;
}
.workshopBoxTime{
font-size:14px;
font-size:1.4rem;
height:44px;
line-height:1.1;
}
.workshopBoxTime span{
font-size:12px;
font-size:1.2rem;
}
.workshopBoxLead{
font-size:14px;
font-size:1.4rem;
line-height:1;
margin-bottom:19px;
}
.workshopBoxTitle{
font-size:18px;
font-size:1.8rem;
}
.workshopBoxSpeaker{
font-size:14px;
font-size:1.4rem;
}
.workShopBoxDetailOpen,
.workShopBoxDetailClose{
display:none;
}
.workShopBoxDetail{
padding-top:25px;
}
.workShopBoxDetailText{
font-size:16px;
font-size:1.6rem;
}
.eventSubtitle{
font-size:18px;
font-size:1.8rem;
margin-bottom:14px;
padding-left:20px;
}
.productComment{
font-size:14px;
font-size:1.4rem;
margin-bottom:9px;
}
.productBox{
margin-bottom:40px;
padding:18px 20px;
}
.productBox.lastItem{
margin-bottom:50px;
}
.productList>li{
font-size:14px;
font-size:1.4rem;
}
.eventSpBtnArea{
display:none;
}
.eventRemark{
margin-bottom:47px;
}
.reportArticle{
margin-bottom:77px;
}
.reportArticleText{
font-size:18px;
font-size:1.8rem;
line-height:1.7;
margin-bottom:30px;
}
.reportBtnText{
font-size:18px;
font-size:1.8rem;
line-height:1.7;
margin-bottom:30px;
text-align:center;
}
.reportBtn{
margin:0 auto 80px;
width:490px;
}
.reportBtn .primaryBtn{
font-size:20px;
font-size:2rem;
font-weight:normal;
}
.reportBox{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-bottom:18px;
}
.reportBoxImg{
margin-right:30px;
padding-top:4px;
}
.reportBoxDetail{
font-size:18px;
font-size:1.8rem;
}
.reportBoxDetail>dt{
margin-bottom:5px;
}
.reportBoxDetail>dd:not(:last-of-type){
margin-bottom:18px;
}
.reportMore{
font-size:16px;
font-size:1.6rem;
margin-bottom:57px;
}
.reportMoreLastItem{
margin-bottom:77px;
}
.reportLinkList{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.reportLinkList>li{
box-sizing:border-box;
cursor:pointer;
padding-top:10px;
width:474px;
}
.reportLinkList>li:nth-of-type(2n+1){
margin-right:30px;
}
.reportLinkListImg{
margin-right:20px;
width:180px;
}
.reportLinkListText{
font-size:16px;
font-size:1.6rem;
}
.reportLinkListText:hover a{
-webkit-transition:all .2s;
color:#c00;
transition:all .2s;
}
/** セキュリティオンラインセミナー **/
.specList{
border-bottom:1px solid #c9c9c9;
border-right:1px solid #c9c9c9;
font-size:16px;
font-size:1.6rem;
width:100%;
}
.specList th{
background-color:#eee;
border-left:1px solid #c9c9c9;
border-top:1px solid #c9c9c9;
font-weight:bold;
padding:13px 0 14px;
text-align:center;
}
.specList td{
border-left:1px solid #c9c9c9;
border-top:1px solid #c9c9c9;
box-sizing:border-box;
height:200px;
padding:20px;
}
.specList .specListDeviceCol{
width:75%;
}
.seminarList>li{
border-bottom:2px dotted #ccc;
margin-top:30px;
min-height:217px;
padding:0 0 30px 257px;
position:relative;
}
.seminarList .seminarListDate{
background-color:#ccc;
box-sizing:border-box;
font-size:18px;
font-size:1.8rem;
font-weight:bold;
height:217px;
left:0;
line-height:1.2;
padding-top:86px;
position:absolute;
text-align:center;
top:0;
width:217px;
}
.seminarList.seminarListInactiveLink{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-bottom:0;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.seminarList.seminarListInactiveLink>li{
box-sizing:border-box;
cursor:default;
margin:0 0 30px;
min-height:175px;
padding:0 0 0 160px;
width:calc(50% - 15px);
}
.seminarList.seminarListInactiveLink .seminarListDate{
font-size:14px;
font-size:1.4rem;
height:130px;
padding-top:47px;
width:130px;
}
.applicationStep{
margin-bottom:60px;
}
.applicationStep>li{
border:1px solid #c9c9c9;
box-sizing:border-box;
display:table;
min-height:90px;
position:relative;
width:100%;
}
.applicationStep>li+li{
margin-top:70px;
}
.applicationStep>li+li:before{
border-left:45px solid transparent;
border-right:45px solid transparent;
border-top:30px solid #eee;
content:"";
display:block;
height:0;
left:0;
margin:auto;
position:absolute;
right:0;
top:-50px;
width:0;
}
.applicationStepTitle{
background-color:#eee;
border-right:1px solid #c9c9c9;
display:table-cell;
font-size:16px;
font-size:1.6rem;
font-weight:bold;
text-align:center;
vertical-align:middle;
width:229px;
}
.applicationStepDetail{
display:table-cell;
font-size:16px;
font-size:1.6rem;
padding:21px 30px;
text-align:left;
vertical-align:middle;
}
.contentInner.webinars .featureLead,
.issueInfoBox .featureLead{
margin:0 89px 80px;
}
.contentInner.webinars .featureLeadSponsor,
.issueInfoBox .featureLeadSponsor{
text-align:right;
}
.contentInner.webinars .navList,
.issueInfoBox .navList{
margin-bottom:50px;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.contentInner.webinars .navListLink,
.issueInfoBox .navListLink{
font-size:16px;
font-size:1.6rem;
line-height:1.2;
padding:8px 24px;
width:230px;
}
.contentInner.webinars .articleTitle,
.issueInfoBox .articleTitle{
margin-bottom:40px;
}
.contentInner.webinars .eventSubtitle,
.issueInfoBox .eventSubtitle{
margin-bottom:30px;
}
.contentInner.webinars .eventSubtitleOnPlainText,
.issueInfoBox .eventSubtitleOnPlainText{
margin-bottom:23px;
}
.contentInner.webinars .flexLabel,
.issueInfoBox .flexLabel{
margin-bottom:7px;
}
.contentInner.webinars .multiList>li,
.issueInfoBox .multiList>li{
font-size:16px;
font-size:1.6rem;
line-height:1.625;
margin-bottom:0;
}
.contentInner.webinars .multiListReservation,
.issueInfoBox .multiListReservation{
margin-bottom:80px;
}
.contentInner.webinars .workshop,
.issueInfoBox .workshop{
margin-bottom:-30px;
}
.contentInner.webinars .workshopBox,
.issueInfoBox .workshopBox{
padding:30px;
}
.contentInner.webinars .workshopBox>div,
.issueInfoBox .workshopBox>div{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.contentInner.webinars .workshopBox .workshopBoxTime,
.issueInfoBox .workshopBox .workshopBoxTime{
box-sizing:border-box;
margin-bottom:-9px;
padding-top:9px;
text-align:right;

-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.contentInner.webinars .webinarsSec04,
.issueInfoBox .webinarsSec04{
margin-bottom:73px;
}
.contentInner.webinars .webinarsSec05,
.issueInfoBox .webinarsSec05{
margin-bottom:85px;
}
.contentInner.webinars .webinarsSec05 .simpleText,
.issueInfoBox .webinarsSec05 .simpleText{
margin-bottom:15px;
}
.contentInner.webinars .webinarsSec05 .simpleTextGuide,
.issueInfoBox .webinarsSec05 .simpleTextGuide{
margin-bottom:10px;
}
.contentInner.webinars .eventBtnContainer,
.issueInfoBox .eventBtnContainer{
margin:50px auto 33px;
width:492px;
}
.contentInner.webinars .simpleTextCaution,
.issueInfoBox .simpleTextCaution{
font-size:16px;
font-size:1.6rem;
line-height:1.875;
margin-bottom:10px;
}
.contentInner.webinars .webinarsSec01,
.issueInfoBox .webinarsSec01{
margin-bottom:66px;
}
.contentInner.webinars .webinarsSec01 .webinarsImg,
.issueInfoBox .webinarsSec01 .webinarsImg{
height:130px;
margin:0 auto 14px;
width:130px;
}
.contentInner.webinars .webinarsSec01 .webinarsImgOnline,
.issueInfoBox .webinarsSec01 .webinarsImgOnline{
}
.contentInner.webinars .webinarsSec01 .webinarsImgChat,
.issueInfoBox .webinarsSec01 .webinarsImgChat{
}
.contentInner.webinars .webinarsSec01 .webinarsImgDownload,
.issueInfoBox .webinarsSec01 .webinarsImgDownload{
}
.contentInner.webinars .webinarsSec01 .solutionList li,
.issueInfoBox .webinarsSec01 .solutionList li{
cursor:default;
text-align:center;
}
.contentInner.webinars .webinarsSec01 .solutionList li:hover:after,
.issueInfoBox .webinarsSec01 .solutionList li:hover:after{
content:none;
}
.contentInner.webinars .webinarsSec01 .solutionList li:hover .solutionListTitle,
.contentInner.webinars .webinarsSec01 .solutionList li:hover .solutionListDetail,
.issueInfoBox .webinarsSec01 .solutionList li:hover .solutionListTitle,
.issueInfoBox .webinarsSec01 .solutionList li:hover .solutionListDetail{
color:#333;
}
.contentInner.webinars .webinarsSec02,
.issueInfoBox .webinarsSec02{
margin-bottom:80px;
}
.contentInner.webinars .webinarsSec02 .sessionTitle a:hover,
.issueInfoBox .webinarsSec02 .sessionTitle a:hover{
color:#c00;
}
.contentInner.webinars .webinarsSec02 .sessionProfile,
.issueInfoBox .webinarsSec02 .sessionProfile{
font-size:16px;
font-size:1.6rem;
}
.contentInner.webinars .webinarsSec03,
.issueInfoBox .webinarsSec03{
margin-bottom:80px;
}
/** ページ内メニューが3項目になったため調整 **/
.contentInner.webinars .navList{
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
}
.contentInner.webinars .navListItem{
width:calc(33% - 20px);
}
.contentInner.webinars .navListLink{
padding:16px 24px;
width:100%;
}
/** セキュリティオンラインセミナーの操作方法について **/
.contentInner.webinarsHowto .featureLead{
margin:0 89px 80px;
}
.contentInner.webinarsHowto .featureLead{
margin-bottom:33px;
}
.contentInner.webinarsHowto .featureLinkWebinars{
line-height:1;
margin-bottom:80px;
}
.contentInner.webinarsHowto .featureLinkWebinars .linkSelf{
font-size:16px;
font-size:1.6rem;
}
.contentInner.webinarsHowto .webinarsHowtoImg01{
height:240px;
width:421px;
}
.contentInner.webinarsHowto .webinarsHowtoImg02{
height:348px;
width:420px;
}
.contentInner.webinarsHowto .webinarsHowtoImg03{
display:block;
height:485px;
margin:0 auto 19px;
padding-right:30px;
width:705px;
}
.contentInner.webinarsHowto .simpleTextWebinarsHowto{
line-height:1;
}
.contentInner.webinarsHowto .simpleTextCaution{
font-size:16px;
font-size:1.6rem;
line-height:1.875;
margin-bottom:10px;
}
.contentInner.webinarsHowto .webinarsHowtoSec01{
margin-bottom:80px;
}
.contentInner.webinarsHowto .webinarsHowtoSec01 .articleTitle{
margin-bottom:34px;
}
.contentInner.webinarsHowto .webinarsHowtoSec01 .simpleText{
margin-bottom:28px;
}
.contentInner.webinarsHowto .webinarsHowtoSec01 .simpleText:nth-of-type(odd){
margin-bottom:13px;
}
.contentInner.webinarsHowto .webinarsHowtoSec02{
margin-bottom:75px;
}
.contentInner.webinarsHowto .webinarsHowtoSec02 .articleTitle{
margin-bottom:40px;
}
.contentInner.webinarsHowto .webinarsHowtoSec02 .eventSubtitle{
margin-bottom:30px;
}
.contentInner.webinarsHowto .webinarsHowtoSec02 .eventSubtitleStep3{
margin-bottom:24px;
}
.contentInner.webinarsHowto .webinarsHowtoSec02 .eventSubtitleStep3+.simpleText{
margin-bottom:18px;
}
.contentInner.webinarsHowto .webinarsHowtoSec02 .flex{
margin:-8px 0 36px;
}
.contentInner.webinarsHowto .webinarsHowtoSec02 .simpleTextWebinarsHowto{
margin:34px 0 80px;
}
/** セキュリティ課題を解決するためのヒント **/
.issueInner{
margin:15px 0 25px;
}
.issueInner .issueBox{
box-sizing:border-box;
cursor:pointer;
margin-right:25px;
padding:35px 20px 32px 30px;
width:310px;
}
.issueInner .issueBox:nth-child(3n){
margin-right:0;
}
.issueInner .issueBox:before{
border-bottom:2px solid #c00;
border-right:2px solid #c00;
height:12px;
margin-top:-7px;
right:23px;
width:12px;
}
.issueInner .issueBox .issueLabel{
margin-bottom:10px;
padding:0 16px;
}
.issueInner .issueBox .issueTitle{
font-size:18px;
font-size:1.8rem;
padding-right:32px;
}
.issueInner .issueBox .issueTitle .issueLinkIcon:after{
background-image:url(/it-sec/image/index-blank-ic.png);
height:10px;
margin-bottom:2px;
margin-left:8px;
width:10px;
}
.issueInner .issueBox:hover:after{
border:3px solid #c00;
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
}
.issueInner .issueBox:hover .issueTitle{
color:#c00;
}
.issueIndexBox{
margin:90px 50px 70px;
padding:36px 40px;
}
.issueIndexBox .issueIndexTitle{
font-size:24px;
font-size:2.4rem;
margin-bottom:15px;
}
.issueInfoBox .issueInfoBoxTitle{
font-size:26px;
font-size:2.6rem;
line-height:1.6;
padding:42px 0 28px;
}
.issueInfoBox .issueInfoBoxInner{
margin-left:auto;
margin-right:auto;
width:980px;
}
.issueInfoBox .primaryBtn{
margin:35px auto;
width:490px;
}
.issueInfoBox .issueInfoBoxText{
font-size:18px;
font-size:1.8rem;
line-height:1.6;
padding-bottom:36px;
text-align:center;
}
}

/* ===== SP表示専用 ===== */
@media only screen and (max-width: 767px){
.bannerArea{
background-color:#eee;
padding-top:25px;
text-align:center;
}
.banner{
display:inline-block;
}
.contentTitle{
font-size:18px;
font-size:1.8rem;
font-weight:bold;
margin-bottom:3px;
}
.contentAreaType01.solution{
padding-bottom:10px;
}
.contentAreaType02{
}
.contentAreaType02 .contentTitle{
margin-bottom:2px;
}
.contentAreaType03{
border-top:2px solid #e60012;
}
.contentAreaType03 .contentTitle{
line-height:1.4;
margin-bottom:6px;
}
.contentAreaType03 .overviewText{
margin-bottom:14px;
}
.contentAreaNews .contentTitle{
margin-bottom:11px;
}
.contentAreaType01,
.contentAreaType02,
.contentAreaType03,
.contentAreaNews{
padding-bottom:40px;
}
/* セキュリティ課題を解決するためのヒント */
.contentsInnerIssuehint{
margin-bottom:45px;
}
.featureTitle{
font-size:20px;
font-size:2rem;
line-height:1.4;
}
.featureTitle::after{
border-top-width:2px;
margin:16px auto 15px;
width:100px;
}
.featureSubtitle{
font-size:13px;
font-size:1.3rem;
margin-bottom:2px;
padding-top:4px;
}
.featureLead{
font-size:12px;
font-size:1.2rem;
}
.navListItem{
border-radius:17px;
}
.navListLink{
font-size:10px;
font-size:1rem;
padding:10px 0;
}
.navListText{
padding-right:10px;
}
.navListText::after{
-webkit-transform:rotate(135deg) translateY(4px);
height:4px;
right:-4px;
top:50%;
transform:rotate(135deg) translateY(4px);
width:4px;
}
/** 最新情報 **/
.topicsContents .sectionTitleHead{
margin-bottom:24px;
margin-top:24px;
}
.topicsContents .articleTitle{
margin-bottom:0;
margin-top:23px;
}
.topicsInner{
display:block;
}
.topicsInner .topicsBox{
margin-bottom:15px;
}
.topicsInner .topicsBox .topicsImgWrap{
margin-left:auto;
margin-right:auto;
max-width:100%;
position:relative;
width:480px;
}
.topicsInner .topicsBox .topicsTitle:after{
content:"";
display:inline-block;
margin-left:4px;
}
.topicsInner .topicsBox .topicsText{
letter-spacing:.06em;
}
.topicsInner .topicsBox .topicsSource{
font-size:10px;
font-size:1rem;
}
.topicsInner .newIcon{
width:55px;
}
.flexLabel{
font-size:9px;
font-size:.9rem;
padding:5px 10px;
}
.topicsContents .contentInner .topicsInner:last-child{
margin-bottom:30px;
}
.topicsList{
margin-bottom:40px;
}
.topicsItem{
padding-bottom:15px;
padding-left:0;
padding-right:25px;
padding-top:13px;
}
.topicsItem:after{
border-width:2px;
height:7px;
margin-top:-6px;
right:2px;
width:7px;
}
.topicsItemDate{
font-size:11px;
font-size:1.1rem;
margin-right:0;
min-width:98px;
}
.topicsItemType{
font-size:11px;
font-size:1.1rem;
width:128px;
}
.topicsItemTitle{
font-size:12px;
font-size:1.2rem;
line-height:1.58;
margin-bottom:0;
margin-top:7px;
}
/** 企業様向けセミナー・イベント情報 **/
.seminarInner{
margin-bottom:20px;
}
.seminarInner .seminarBox{
margin-bottom:16px;
padding:15px 15px 16px 15px;
width:100%;
}
.seminarInner .seminarBox .seminarLabel{
margin-bottom:7px;
padding:0 0 1px;
width:61px;
}
.seminarInner .seminarBox .seminarTitle{
font-size:14px;
font-size:1.4rem;
margin-bottom:12px;
padding-bottom:11px;
position:relative;
}
.seminarInner .seminarBox .seminarDetail{
margin-bottom:13px;
}
.seminarInner .seminarBox .seminarDetail>dt{
font-size:11px;
font-size:1.1rem;
margin-right:12px;
padding:4px 0;

-webkit-flex-basis:46px;
-ms-flex-preferred-size:46px;
flex-basis:46px;
}
.seminarInner .seminarBox .seminarDetail>dd{
font-size:12px;
font-size:1.2rem;
line-height:1.5;
margin:auto 0;
width:100%;
}
.seminarInner .seminarBox:last-child{
margin-bottom:0;
}
/** リリース情報・ニュース **/
.newsList{
font-size:12px;
font-size:1.2rem;
margin-bottom:29px;
}
.newsList>li{
padding:15px 30px 15px 15px;
width:100%;
}
.newsList>li:first-child{
border-bottom:0;
}
.newsList>li:after{
height:10px;
margin-top:-7px;
right:5px;
width:10px;
}
.newsListDate{
margin-bottom:7px;
}
.newsListTitle{
font-weight:bold;
}
.newsListLabel{
margin-bottom:7px;
padding:0 0 1px;
width:83px;
}
/** 製品ソリューション **/
.solution .breadcrumbNavi{
margin-bottom:10px;
}
.solution .contentTitle{
margin-bottom:11px;
}
.solutionImg{
margin-bottom:0;
width:89px;
}
/** 第二階層用 **/
.contents .contentArea{
padding-bottom:15px;
}
.contents .contentAreaType01{
padding-bottom:15px;
}
.contents .newsList{
margin-bottom:16px;
}
.contents .seminarInner{
margin-bottom:18px;
}
.loadingImg{
width:60px;
}
/** すぐできる！セキュリティ対策 **/
.countermeasureHead{
margin-bottom:25px;
padding-top:10px;
}
.countermeasureTitle{
font-size:17px;
font-size:1.7rem;
font-weight:bold;
margin-bottom:10px;
}
.countermeasureLead{
font-size:12px;
font-size:1.2rem;
}
.countermeasureSubTitle{
font-size:15px;
font-size:1.5rem;
margin-bottom:18px;
padding:6px 10px;
}
.countermeasureDetail{
font-size:12px;
font-size:1.2rem;
margin-bottom:40px;
}
.countermeasureDetailMain>p{
margin-bottom:20px;
}
.countermeasureList{
margin-bottom:20px;
}
.countermeasureList>li{
padding-left:12px;
}
.countermeasureInfo{
border:1px solid #ffebd8;
padding:10px 15px 15px;
}
.countermeasureInfoTitle{
font-size:15px;
font-size:1.5rem;
margin-bottom:20px;
}
.countermeasureInfoText{
font-size:10px;
font-size:1rem;
}
.countermeasureIpaLogo{
padding-top:15px;
width:37%;
}
.countermeasurePanel{
margin-bottom:16px;
padding:24px 33px;
}
.countermeasurePanelTitle{
font-size:12px;
font-size:1.2rem;
margin-bottom:10px;
}
.countermeasurePanelMain>dt{
font-size:15px;
font-size:1.5rem;
font-weight:bold;
text-align:center;
}
.countermeasurePanelMain>dd>p{
font-size:12px;
font-size:1.2rem;
margin-bottom:10px;
}
.countermeasurePanelAside{
margin-bottom:20px;
padding:0 10px;
}
.countermeasurePanelAside>img{
height:auto;
width:100%;
}
.countermeasurePanelButton{
padding:5px 0;
}
/** 「トータルセキュリティソリューション」とは？ **/
.characteristicInner{
margin-bottom:45px;
}
.characteristicInner .featureLead{
margin-bottom:20px;
}
.navList{
margin-bottom:30px;
}
.navListItem{
width:180px;
}
.navListItem:nth-of-type(2){
margin-left:10px;
margin-right:10px;
}
.characteristicArticle{
margin-bottom:18px;
}
.order{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
flex-direction:column;

-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
}
.orderOne{
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1;
}
.orderTwo{
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2;
}
.orderThree{
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
}
.characteristicArticleTitle{
font-size:17px;
font-size:1.7rem;
margin-bottom:18px;
}
.characteristicArticleTitle::after{
border-top:dotted 2px #ce0000;
margin-left:10px;
}
.characteristicArticleLabel{
border-radius:2px;
font-size:11px;
font-size:1.1rem;
margin-right:10px;
padding:4px 7px 3px;
}
.characteristicArticleSubTitle{
font-size:13px;
font-size:1.3rem;
margin-bottom:13px;
padding-left:14px;
}
.characteristicArticleSubTitle::before{
bottom:3px;
left:0;
top:4px;
width:2px;
}
.characteristicArticleText{
font-size:12px;
font-size:1.2rem;
line-height:1.79167;
margin-bottom:18px;
}
.characteristicArticleIllust{
margin-bottom:17px;
}
.characteristicArticleImageItem{
margin-bottom:18px;
}
.characteristicArticleImageCaption{
font-size:11px;
font-size:1.1rem;
margin-top:5px;
text-align:center;
}
.chronology{
border-bottom:1px solid #b3b3b3;
font-size:10px;
font-size:1rem;
line-height:1.6;
}
.chronologyTitle{
padding-left:4px;
padding-top:8px;
width:60px;
}
.chronologyBody{
border-top:1px solid #b3b3b3;
padding:8px 0 8px 60px;
}
/** 取材記事 **/
.reportProfileBox{
margin-bottom:30px;
}
/** 取材記事（セキュリティ課題を解決するためのヒント） **/
.contentsInnerIssuehint .reportProfileBox{
margin-bottom:45px;
}
.contentsInnerIssuehint .reportProfileBox.reportProfileBoxBtm{
margin-top:45px;
}
/** イベント告知 **/
/** webinarsでも使ってます **/
.csdInner{
padding-bottom:17px;
}
.csdInner .featureLead{
line-height:1.8;
margin-bottom:34px;
}
.csdInner .navList{
margin:0 auto 10px;
width:290px;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.csdInner .navListItem{
margin:0 0 10px;
width:140px;
}
.csdInner .navListItem:nth-of-type(2n){
margin-left:10px;
}
.csdInner .articleTitle{
margin-bottom:13px;
}
.eventSummaryWrap{
margin-bottom:10px;
}
.eventSummaryWrap{
margin-bottom:10px;
}
.eventSummary{
font-size:12px;
font-size:1.2rem;
margin-bottom:10px;
}
.eventMap{
margin-bottom:10px;
text-align:center;
}
.eventMap img{
height:auto;
max-width:100%;
}
.eventSummaryDataTitle{
width:62px;
}
.eventReportLead{
font-size:12px;
font-size:1.2rem;
padding:5px;
}
.eventReport{
margin-bottom:25px;
padding:15px 15px 10px;
}
.eventReportImg{
margin-bottom:10px;
text-align:center;
}
.eventReportImg img{
height:auto;
max-width:100%;
}
.eventReportBody{
font-size:12px;
font-size:1.2rem;
}
.eventReportTitle{
font-size:15px;
font-size:1.5rem;
font-weight:bold;
margin-bottom:5px;
}
.eventReportLink{
margin-bottom:10px;
}
.pageNavi{
margin-bottom:35px;
}
.pageNavi>li{
margin-bottom:10px;
text-align:center;
width:128px;
}
.pageNavi>li:nth-of-type(2n-1){
border-left:1px solid #c9c9c9;
}
.pageNaviLink{
font-size:12px;
font-size:1.2rem;
line-height:1.25;
}
.evnetComment{
font-size:12px;
font-size:1.2rem;
margin-bottom:13px;
}
.evnetAttention{
font-size:12px;
font-size:1.2rem;
}
.tabList{
margin-bottom:7px;
}
.tabItem{
font-size:10px;
font-size:1rem;
margin-left:5px;
margin-right:5px;
padding:6px 0;
width:calc(50% - 10px);
}
.tabBox{
margin-bottom:25px;
}
.eventDetail{
font-size:12px;
font-size:1.2rem;
margin-bottom:6px;
}
.seminarTable{
border-bottom:1px solid #c9c9c9;
border-left:1px solid #c9c9c9;
border-right:1px solid #c9c9c9;
}
.seminarTable tr,
.seminarTable td,
.seminarTable th{
display:block;
}
.seminarTable th{
border-top:1px solid #c9c9c9;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font-size:11px;
font-size:1.1rem;
padding:5px 10px;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.seminarTable td{
font-size:12px;
font-size:1.2rem;
padding:10px 15px;
}
.sessionTitle{
font-size:14px;
font-size:1.4rem;
}
.sessionNote{
margin-bottom:9px;
}
.tabBox .primaryBtn{
margin:20px auto 50px;
}
.sessionProfile{
margin-top:10px;
padding:6px 10px;
}
.timeHead{
font-size:11px;
font-size:1.1rem;
margin-bottom:5px;
margin-top:11px;
padding:4px 10px;
}
.workshop{
margin-bottom:20px;
}
.workshopBox{
margin-bottom:15px;
padding:15px 15px 10px;
}
.workshopBox .workshopBoxTime{
text-align:right;
}
.workshopBoxHeader{
padding-bottom:10px;
}
.workshopLabel{
padding:3px 0;
width:67px;
}
.workshopBoxTime{
font-size:11px;
font-size:1.1rem;
line-height:1.1;
margin:5px 0 11px;
text-align:left;
}
.workshopBoxTime span{
font-size:9px;
font-size:.9rem;
}
.workshopBoxLead{
font-size:9px;
font-size:.9rem;
margin-bottom:6px;
}
.workshopBoxTitle{
font-size:14px;
font-size:1.4rem;
}
.workshopBoxSpeaker{
font-size:11px;
font-size:1.1rem;
}
.workShopBoxDetail{
padding-top:13px;
}
.workShopBoxDetail:not(.is-active) .workShopBoxDetailClose,
.workShopBoxDetail:not(.is-active) .workShopBoxDetailText{
display:none;
}
.workShopBoxDetail.is-active .workShopBoxDetailOpen{
display:none;
}
.workShopBoxDetailOpen,
.workShopBoxDetailClose{
color:#c00;
font-size:12px;
font-size:1.2rem;
text-align:center;
}
.workShopBoxDetailOpen:after,
.workShopBoxDetailClose:after{
font-size:10px;
font-size:1rem;
margin-left:5px;
}
.workShopBoxDetailOpen:after{
content:"▼";
}
.workShopBoxDetailClose:after{
content:"▲";
}
.workShopBoxDetailText{
font-size:12px;
font-size:1.2rem;
margin-bottom:5px;
}
.eventSubtitle{
font-size:14px;
font-size:1.4rem;
margin-bottom:6px;
padding-left:14px;
}
.eventSubtitle::before{
bottom:3px;
left:0;
top:4px;
width:2px;
}
.productComment{
font-size:12px;
font-size:1.2rem;
margin-bottom:5px;
}
.productBox{
margin-bottom:17px;
padding:8px 10px;
}
.productBox.lastItem{
margin-bottom:23px;
}
.eventSpBtnArea{
height:60px;
position:relative;
}
.eventSpBtn{
bottom:0;
box-sizing:border-box;
display:none;
left:0;
position:fixed;
width:100%;
}
.eventSpBtn.is-static{
left:-15px;
position:absolute;
right:-15px;
top:0;
width:auto;
}
.eventSpBtnInner{
background-color:#c00;
box-sizing:border-box;
color:#fff;
display:block;
font-size:17px;
font-size:1.7rem;
padding:16px 10px 17px;
text-align:center;
}
.eventRemark{
margin-bottom:20px;
}
.reportArticle{
margin-bottom:18px;
}
.reportArticleText{
font-size:12px;
font-size:1.2rem;
margin-bottom:20px;
}
.reportBtnText{
font-size:12px;
font-size:1.2rem;
margin-bottom:10px;
margin-top:34px;
}
.reportBtn{
margin-bottom:25px;
}
.reportBoxImg{
margin-bottom:10px;
padding-top:4px;
}
.reportBoxImg>img{
height:auto;
width:100%;
}
.reportBoxDetail{
font-size:12px;
font-size:1.2rem;
margin-bottom:4px;
}
.reportBoxDetail>dd:not(:last-of-type){
margin-bottom:10px;
}
.reportMore{
font-size:12px;
font-size:1.2rem;
margin-bottom:20px;
}
.reportLinkList{
margin-top:5px;
}
.reportLinkList>li{
padding-right:30px;
position:relative;
}
.reportLinkList>li:not(:last-of-type){
margin-bottom:15px;
}
.reportLinkList>li:after{
-webkit-transform:scaleY(.9) rotate(-45deg);
border-bottom:2px solid #c00;
border-right:2px solid #c00;
content:"";
display:block;
height:10px;
margin-top:-9px;
position:absolute;
right:3px;
top:50%;
transform:scaleY(.9) rotate(-45deg);
width:10px;
}
.reportLinkListImg{
margin-right:15px;
width:102px;
}
.reportLinkListText{
font-size:10px;
font-size:1rem;
}
.reportLinkListText>dd{
display:none;
}
/** セキュリティオンラインセミナー **/
.contentInner.webinars .featureLead,
.issueInfoBox .featureLead{
line-height:1.8;
margin-bottom:34px;
}
.contentInner.webinars .featureLeadSponsor,
.issueInfoBox .featureLeadSponsor{
text-align:left;
}
.contentInner.webinars .navList,
.issueInfoBox .navList{
margin:0 auto 20px;
width:290px;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.contentInner.webinars .webinarsImg,
.issueInfoBox .webinarsImg{
height:80px;
margin:0 auto 20px;
width:80px;
}
.contentInner.webinars .webinarsImgOnline,
.issueInfoBox .webinarsImgOnline{
}
.contentInner.webinars .webinarsImgChat,
.issueInfoBox .webinarsImgChat{
}
.contentInner.webinars .webinarsImgDownload,
.issueInfoBox .webinarsImgDownload{
}
.contentInner.webinars .navListItem,
.issueInfoBox .navListItem{
border-radius:24px;
}
.contentInner.webinars .navListLink,
.issueInfoBox .navListLink{
padding:11px 17px;
width:140px;
}
.contentInner.webinars .navListItem,
.issueInfoBox .navListItem{
margin:10px 0 0;
width:140px;
}
.contentInner.webinars .navListItem:nth-of-type(2),
.issueInfoBox .navListItem:nth-of-type(2){
margin:10px 0 0;
}
.contentInner.webinars .navListItem:nth-of-type(even),
.issueInfoBox .navListItem:nth-of-type(even){
margin-left:10px;
}
.contentInner.webinars .navListText,
.issueInfoBox .navListText{
font-size:11px;
}
.contentInner.webinars .articleTitle,
.issueInfoBox .articleTitle{
margin-bottom:20px;
}
.contentInner.webinars .eventSubtitle,
.issueInfoBox .eventSubtitle{
margin-bottom:20px;
}
.contentInner.webinars .eventSubtitleOnPlainText,
.issueInfoBox .eventSubtitleOnPlainText{
margin-bottom:17px;
}
.contentInner.webinars .featurePoints,
.issueInfoBox .featurePoints{
margin-bottom:50px;

-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.contentInner.webinars .featurePoints>li,
.issueInfoBox .featurePoints>li{
width:100%;
}
.contentInner.webinars .featurePoints>li:last-child .featurePointsDesc,
.issueInfoBox .featurePoints>li:last-child .featurePointsDesc{
margin-bottom:0;
}
.contentInner.webinars .featurePointsImg,
.issueInfoBox .featurePointsImg{
margin-bottom:12px;
}
.contentInner.webinars .featurePointsTitle,
.issueInfoBox .featurePointsTitle{
font-size:14px;
font-size:1.4rem;
font-weight:bold;
margin-bottom:15px;
}
.contentInner.webinars .featurePointsDesc,
.issueInfoBox .featurePointsDesc{
font-size:12px;
font-size:1.2rem;
margin-bottom:30px;
}
.contentInner.webinars .seminarList>li,
.issueInfoBox .seminarList>li{
border-bottom:1px dotted #c9c9c9;
box-sizing:border-box;
margin:20px 0;
min-height:auto;
padding:0 0 8px 110px;
position:relative;
width:100%;
}
.contentInner.webinars .seminarListDate,
.issueInfoBox .seminarListDate{
background-color:#ccc;
box-sizing:border-box;
font-size:10px;
font-size:1rem;
font-weight:bold;
height:95px;
left:0;
padding-top:35px;
position:absolute;
text-align:center;
top:0;
width:95px;
}
.contentInner.webinars .simpleTextCaution,
.issueInfoBox .simpleTextCaution{
font-size:12px;
font-size:1.2rem;
}
.contentInner.webinars .flexLabel,
.issueInfoBox .flexLabel{
margin-bottom:10px;
}
.contentInner.webinars .sessionTitle,
.issueInfoBox .sessionTitle{
font-size:13px;
font-size:1.3rem;
font-weight:bold;
margin-bottom:10px;
}
.contentInner.webinars .seminarListInactiveLink,
.issueInfoBox .seminarListInactiveLink{
display:block;
margin-bottom:20px;
}
.contentInner.webinars .eventBtnContainer,
.issueInfoBox .eventBtnContainer{
margin:20px -15px;
width:100%;
}
.contentInner.webinars .eventBtn,
.issueInfoBox .eventBtn{
width:100vw;
}
.contentInner.webinars .workshop,
.issueInfoBox .workshop{
margin-top:15px;
}
.contentInner.webinars .workshop>li,
.issueInfoBox .workshop>li{
padding:15px;
}
.contentInner.webinars .webinarsSec01,
.issueInfoBox .webinarsSec01{
margin-bottom:45px;
}
.contentInner.webinars .webinarsSec02,
.issueInfoBox .webinarsSec02{
margin-bottom:50px;
}
.contentInner.webinars .webinarsSec03,
.issueInfoBox .webinarsSec03{
margin-bottom:45px;
}
.contentInner.webinars .webinarsSec04,
.issueInfoBox .webinarsSec04{
margin-bottom:44px;
}
.contentInner.webinars .webinarsSec05,
.issueInfoBox .webinarsSec05{
margin-bottom:-16px;
}
.contentInner.webinars .webinarsSec05 .simpleText,
.issueInfoBox .webinarsSec05 .simpleText{
margin-bottom:13px;
}
.contentInner.webinars .webinarsSec05 .simpleTextGuide,
.issueInfoBox .webinarsSec05 .simpleTextGuide{
margin-bottom:0;
}
.contentInner.webinars .applicationStep,
.issueInfoBox .applicationStep{
margin:20px auto;
}
.contentInner.webinars .applicationStep>li,
.issueInfoBox .applicationStep>li{
border:1px solid #c9c9c9;
display:table;
}
.contentInner.webinars .applicationStep>li+li,
.issueInfoBox .applicationStep>li+li{
margin-top:50px;
position:relative;
}
.contentInner.webinars .applicationStep>li+li:before,
.issueInfoBox .applicationStep>li+li:before{
border-left:30px solid transparent;
border-right:30px solid transparent;
border-top:20px solid #eee;
content:"";
display:block;
height:0;
left:0;
margin:auto;
position:absolute;
right:0;
top:-35px;
width:0;
}
.contentInner.webinars .applicationStepTitle,
.issueInfoBox .applicationStepTitle{
background-color:#eee;
box-sizing:border-box;
display:table-cell;
font-size:10px;
font-size:1rem;
font-weight:bold;
padding:12px;
text-align:center;
vertical-align:middle;
width:89px;
}
.contentInner.webinars .applicationStepDetail,
.issueInfoBox .applicationStepDetail{
display:table-cell;
font-size:10px;
font-size:1rem;
padding:15px;
}
.contentInner.webinars .sessionNote,
.issueInfoBox .sessionNote{
font-size:11px;
font-size:1.1rem;
}
.contentInner.webinars .specList,
.issueInfoBox .specList{
border-bottom:1px solid #c9c9c9;
border-left:1px solid #c9c9c9;
border-right:1px solid #c9c9c9;
font-size:11px;
font-size:1.1rem;
margin-bottom:30px;
}
.contentInner.webinars .specList>dt,
.issueInfoBox .specList>dt{
background-color:#eee;
border-top:1px solid #c9c9c9;
font-weight:bold;
padding:10px 0;
text-align:center;
}
.contentInner.webinars .specList>dd,
.issueInfoBox .specList>dd{
padding:15px;
}
/** セキュリティオンラインセミナーの操作方法について **/
.contentInner.webinarsHowto .featureLead{
line-height:1.7;
margin-bottom:12px;
}
.contentInner.webinarsHowto .articleTitle{
margin-bottom:20px;
}
.contentInner.webinarsHowto .eventSubtitle{
margin-bottom:20px;
}
.contentInner.webinarsHowto .eventSubtitleStep2{
margin-bottom:17px;
}
.contentInner.webinarsHowto .eventSubtitleStep3{
margin-bottom:8px;
}
.contentInner.webinarsHowto .featureLinkWebinars{
font-size:12px;
margin-bottom:45px;
}
.contentInner.webinarsHowto .webinarsHowtoImg01{
height:165px;
margin:16px auto 50px;
width:290px;
}
.contentInner.webinarsHowto .webinarsHowtoImg02{
height:277px;
margin:15px auto 16px;
width:290px;
}
.contentInner.webinarsHowto .webinarsHowtoImg03{
height:187px;
margin:16px auto;
width:290px;
}
.contentInner.webinarsHowto .simpleTextCaution{
font-size:12px;
font-size:1.2rem;
}
.contentInner.webinarsHowto .webinarsHowtoSec01 .simpleText:nth-of-type(odd){
margin-bottom:0;
}
.contentInner.webinarsHowto .webinarsHowtoSec03{
margin-bottom:-5px;
}
/** セキュリティ課題を解決するためのヒント **/
.issueInner{
margin:14px 0 20px;
}
.issueInner .issueBox{
margin-bottom:16px;
padding:15px 15px 12px 15px;
width:100%;
}
.issueInner .issueBox:last-child{
margin-bottom:0;
}
.issueInner .issueBox:before{
height:10px;
margin-top:-6px;
right:19px;
width:10px;
}
.issueInner .issueBox .issueLabel{
margin-bottom:7px;
padding:0 8px 1px;
}
.issueInner .issueBox .issueTitle{
font-size:14px;
font-size:1.4rem;
padding-right:20px;
}
.issueInner .issueBox .issueTitle .issueLinkIcon:after{
background-image:url(/it-sec/image/index-blank-ic-sp.png);
height:12px;
margin-bottom:2px;
margin-left:6px;
width:12px;
}
.issueIndexBox{
margin:45px 0;
padding:22px 15px;
}
.issueIndexBox .issueIndexTitle{
font-size:14px;
font-size:1.4rem;
margin-bottom:12px;
}
.issueInfoBox .issueInfoBoxTitle{
font-size:15px;
font-size:1.5rem;
line-height:1.6;
}
.issueInfoBox .issueInfoBoxInner{
padding:22px 15px;
}
.issueInfoBox .primaryBtn{
margin:15px auto;
}
.issueInfoBox .issueInfoBoxText{
font-size:12px;
font-size:1.2rem;
line-height:1.6;
}
}

/* ----------------------------------------------------------------
 04. unique
----------------------------------------------------------------- */
/**
* PC/SP共通
*/
/* セキュリティ課題を解決するためのヒント */
.issueHintBtn{
background:#c00;
border-radius:4px;
color:#fff;
line-height:1;
margin:0 auto;
text-align:center;
}
.issueHintBtn .issueHintBtnText{
display:inline-block;
vertical-align:middle;
}
.issueHintBtn .issueHintBtnArw{
-webkit-transform:scaleX(.8) rotate(45deg);
display:inline-block;
transform:scaleX(.8) rotate(45deg);
vertical-align:middle;
}

.issueInner .issueLinkIcon:after{
background-repeat:no-repeat;
background-size:100% 100%;
content:"";
display:inline-block;
}

.solutionList{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;

-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.solutionList>li{
position:relative;
text-align:center;
}
.solutionListTitle{
font-weight:bold;
}
.solutionList .linkSelf{
color:#c00;
}

.securityList{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.securityList>li{
border-bottom:1px solid #c9c9c9;
margin-right:30px;
position:relative;
}
.securityList>li:nth-child(-n+2){
border-top:1px solid #c9c9c9;
}
.securityList>li:nth-child(even){
margin-right:0;
}
.securityListInner{
box-sizing:border-box;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;

-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
}
.securityListImg{
display:block;
}
.securityListDate{
color:#878787;
margin-bottom:5px;
}
.securityListLabel{
border:1px solid #e60012;
color:#c00;
display:inline-block;
margin-right:10px;
padding-top:1px;
text-align:center;
}
.securityListTitle{
font-weight:bold;
}

/**
* PC表示専用
*/
@media print, screen and (min-width: 768px){
/* セキュリティ課題を解決するためのヒント */
.issueInner{
margin-left:auto;
margin-right:auto;
margin:40px auto 0;
padding-bottom:25px;
width:980px;
}
.issueInner .issueLinkIcon:after{
background-image:url(/it-sec/image/index-blank-ic.png);
height:10px;
margin-bottom:2px;
margin-left:8px;
width:10px;
}
.solutionList>li{
cursor:pointer;
width:311px;
}
.solutionList>li a:hover:after{
background-color:rgba(204, 0, 0, .5);
border-radius:80px;
content:"";
display:block;
height:160px;
left:50%;
margin-left:-80px;
position:absolute;
top:0;
width:160px;
}
.solutionList>li:hover .solutionListTitle,
.solutionList>li:hover .solutionListDetail{
color:#c00;
}
.solutionList>li:hover .solutionListTitleImg,
.solutionList>li:hover .solutionListTitle,
.solutionList>li:hover .solutionListDetail{
-webkit-transition:all .2s;
transition:all .2s;
}
.solutionListImg{
margin-bottom:25px;
}
.solutionListTitle{
font-size:21px;
font-size:2.1rem;
}
.solutionListDetail{
font-size:16px;
font-size:1.6rem;
}
.solutionListTitle,
.solutionListDetail{
margin-bottom:10px;
}
.solutionList .linkSelf{
font-size:13px;
font-size:1.3rem;
}
.securityList{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-bottom:50px;
}
.securityList>li{
cursor:pointer;
width:474px;
}
.securityList>li:hover .securityListDate,
.securityList>li:hover .securityListTitle{
-webkit-transition:all .2s;
color:#c00;
transition:all .2s;
}
.securityListInner{
padding:35px 0;
}
.securityListImg{
margin-right:20px;
}
.securityListText{
width:274px;
}
.securityListDate{
font-size:16px;
font-size:1.6rem;
}
.securityListLabel{
font-size:13px;
font-size:1.3rem;
padding-left:16px;
padding-right:16px;
}
.securityListTitle{
font-size:20px;
font-size:2rem;
}
}

/**
* SP表示専用
*/
@media only screen and (max-width: 767px){
/* セキュリティ課題を解決するためのヒント */
.issueInner{
margin:20px 0 0;
padding-bottom:16px;
}
.issueInner .issueBox{
margin-top:10px;
}
.issueInner .issueBox:first-child{
margin-top:0;
}
.issueInner .issueBox .issueLinkIcon:after{
background-image:url(/it-sec/image/index-blank-ic-sp.png);
height:12px;
margin-bottom:2px;
margin-left:6px;
width:12px;
}
.solutionList{
display:block;
}
.solutionList>li{
margin-bottom:26px;
}
.solutionListImg{
margin-bottom:10px;
width:102px;
}
.solutionListTitle{
font-size:14px;
font-size:1.4rem;
margin-bottom:5px;
}
.solutionListDetail{
font-size:12px;
font-size:1.2rem;
margin-bottom:3px;
}
.solutionList .linkSelf{
font-size:10px;
font-size:1rem;
font-weight:bold;
}
.securityList{
margin-bottom:20px;
}
.securityList>li{
width:100%;
}
.securityList>li:first-child{
border-bottom:0;
}
}
@media screen and (max-width: 767px) and (max-width: 767px){
.securityList>li:after{
-webkit-transform:scaleY(.9) rotate(-45deg);
border-bottom:2px solid #c00;
border-right:2px solid #c00;
content:"";
display:block;
height:10px;
margin-top:-9px;
position:absolute;
right:3px;
top:50%;
transform:scaleY(.9) rotate(-45deg);
width:10px;
}
}

@media screen and (max-width: 767px){
.securityListInner{
padding:19px 30px 15px 15px;
}
.securityListImg{
margin-right:15px;
width:102px;
}
.securityListText{
width:100%;
}
.securityListLabel{
padding-left:7px;
padding-right:7px;
}
.securityListDate,
.securityListLabel{
font-size:10px;
font-size:1rem;
}
.securityListBreakSp{
display:block;
margin-top:4px;
}
.securityListTitle{
font-size:14px;
font-size:1.4rem;
}
}