@charset "utf-8";


/* -------------------------------------------
    Modules
------------------------------------------- */

/* layout */
.btm { padding-bottom:70px !important; }
[class*="lyt-column"] { max-width:100%; margin:0 auto; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-align-items:stretch; align-content:stretch; -ms-justify-content:space-between; justify-content:space-between; }
.lyt-column2 > * { width:50%; }
.lyt-column3 > * { width:33%; }
.lyt-column4 > * { width:25%; }
.lyt-column2 .col1 { width:100%; }
.lyt-column2 .col2 { width:49%; }
.btm .col1, .btm .col2 { background:#f7f7f7; padding:25px 30px; margin-top:20px; }
.btm .col1 .ph, .btm .col2 .ph, .btm .col1 .inner, .btm .col2 .inner { display:table-cell; font-size:1.4rem; padding-top:10px; vertical-align:top; }
.btm .col1 .inner p, .btm .col2 .inner p { font-size:1.4rem; margin-bottom:10px; }
.btm .col1 .ph, .btm .col2 .ph { padding-right:20px; width:188px; }
.btm .col1 .ph img, .btm .col2 .ph img { width:100%; }
a.col1, a.col2{display:block;}
.reverse { flex-direction: row-reverse; }
.detail p { line-height:2; }
.detail p + p { margin-top:10px; }

/* txt */
.caption { font-size:1.1rem; }

/* nav */
.nav_cv a { display:block; background:#143551; color:#FFFFFF; text-align:center; padding:20px; font-size:1.6rem; }
.link_txt, .link_txt a { text-align:right; color:#144768; text-decoration:underline; }

/* hdg main */
.hdg_l1 { text-align:center; font-size:2.2rem; margin-top:50px; }
.hdg_l2 { border-bottom:1px solid #e4e4e4; text-align:center; font-size:2.2rem; margin:80px 0 25px; padding-bottom:20px; }
.hdg_l3 { font-size:2rem; color:#065ca5; text-align:center; margin-top:40px; }
.hdg_l2 + .lead { text-align:center; }
.hdg_l4 { font-size:2.5rem; color:#144768; margin-top:80px; padding-bottom:15px; border-bottom:1px solid #e4e4e4; text-align:center; }

/* hdg small */
.hdg_s1, .hdg_s2, .hdg_s2b { font-size:1.8rem; line-height:1.6; color:#143551; font-weight:bold; }
.hdg_s2 { color:#0658a1; }
.hdg_s2b { color:#333333; }
.hdg_s3 { font-size:2rem; color:#144768; position:relative; padding-left:20px; }
.hdg_s3::before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:7px; background:#144768; }
.hdg_s3 + p { margin-top:15px; }
* + .hdg_s3 { margin-top:40px; }
.hdg_s4 { font-size:1.8rem; color:#0658a1; }
.hdg_s4 + p { margin-top:10px; }
.hdg_s5 { margin-top:15px; }
.hdg_s5 + p { margin-top:10px; }

/* hdg btm */
.hdg_btm { text-align:center; padding:0; margin-top:0; position:relative; background:#052541; }
.hdg_btm span { display:block; color:#FFFFFF; font-size:3.5rem; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); margin:auto; z-index:1; }
.hdg_btm img { width:100%; opacity:0.4; }

/* topicpath */
.topicpath { max-width:1340px; margin:0 auto; background:#f7f7f7; padding:20px; }
.topicpath li { display:table-cell; padding-right:20px; font-size:1.2rem; position:relative; }
.topicpath li a { color:#185179; text-decoration:underline !important; }
.topicpath li::after { content:">"; font-size:0.8rem; position:absolute; right:6px; top:1px; }
.topicpath li:last-child::after { content:""; }

/* subNavigation */
ul.acMenu { overflow:auto; }
ul.acMenu > li { position:relative; overflow:hidden; cursor:pointer; }
ul.acMenu > li ul { background:#000000; opacity:0; position:absolute; top:52px; left:0; width:100%; transition:all,0.3s; }
ul.acMenu > li ul li { border:none !important; display:block; text-align:left; }
ul.acMenu > li ul li + li { border-top:1px dotted #444444 !important; }
ul.acMenu > li.open ul { opacity:1; }
ul.acMenu > li.open { overflow:visible; }

/* list */
.col_style1 { }
.col_style1 > * { width:47%; margin-top:20px; }
.col_style1 .ph, .col_style2 .ph { margin-bottom:20px; border:1px solid #b8b8b8; }
.col_style1 p, .col_style2 p { margin-top:10px; }
.col_style1 a, .col_style2 a { display:block; font-size:1.2rem; }
.col_style2 > * { width:31%; margin-top:20px; }
.col_style2::after{ content: ""; display: block; width: 31%; }
.col_style3 > * { width:23%; margin-top:20px; }
.col_style1 .ph, .col_style2 .ph, .col_style3 .ph { margin-bottom:20px; border:1px solid #b8b8b8; }
.col_style1 p, .col_style2 p, .col_style3 p { margin-top:10px; }
.col_style1 a, .col_style2 a, .col_style3 a { display:block; font-size:1.2rem; }


/* outside */
.outside:after { content:url(/common/img/icon_window.svg); display:inline-block; width:11px; margin-left:5px; }

/* spacing */
.lead + .lyt-column2 { margin-top:30px; }
[class*="hdg_"] .lead { line-height:2; text-align:center; }


@media screen and (max-width:767px) {

/* layout */
.btm { padding-bottom:30px !important; }
[class*="lyt-column"] > * { width:100% !important; }
.btm .col1, .btm .col2 { padding:20px 25px; margin-top:10px; }
.btm .col1 .ph, .btm .col2 .ph { text-align:center; width:100%; padding:0; }
.btm .col1 .ph, .btm .col2 .ph, .btm .col1 .inner, .btm .col2 .inner { display:block; font-size:1.4rem; padding-top:10px; }

/* txt */
.caption { font-size:1rem; }

/* nav */
.nav_cv a { padding:15px; font-size:1.4rem; }

/* hdg main */
.hdg_l1 { font-size:2rem; margin-top:20px; }
.hdg_l2 { font-size:2rem; margin:50px 0 10px; padding-bottom:10px; }
.hdg_l3 { font-size:1.7rem; margin-top:25px; }
.hdg_l4 { font-size:2rem; margin-top:50px; }

/* hdg small */
.hdg_s1 { font-size:1.5rem; }
.hdg_s2, .hdg_s2b { font-size:1.7rem; }
.hdg_s3 { font-size:1.8rem; }
.hdg_s3::before { width:5px; }
.hdg_s3 + p { margin-top:10px; }
* + .hdg_s3 { margin-top:25px; }
.hdg_s4 { font-size:1.8rem; color:#0658a1; }
.hdg_s4 + p { margin-top:10px; }
.hdg_s5 { margin-top:15px; }
.hdg_s5 + p { margin-top:10px; }

/* hdg btm */
.hdg_btm { font-size:1.8rem; margin-top:60px; overflow:hidden; width:100%; }
.hdg_btm img { height:150px; width:auto !important; }
.hdg_btm span { font-size:2.2rem; }

/* topicpath */
/*========add 2020/02/17========*/
.topicpath { padding:10px 0 10px 15px; width: inherit !important; white-space: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
/*========/add 2020/02/17========*/
/*.topicpath { padding:10px 0 10px 15px; }*/

.topicpath li { font-size:1rem; }

/* subNavigation */
ul.acMenu > li ul { opacity:0; position:static; top:0; height:0; overflow:hidden; }
ul.acMenu > li.open ul { opacity:1; position:static; top:0; height:auto; overflow:visible; margin-top:20px !important; }
ul.acMenu > li ul li { padding:10px !important; background:#f8f8f8 !important; }

/* list */
.col_style1 .ph { margin:10px 0; }
.col_style1 a { font-size:1.3rem; }

/* outside */
.col_style1 .ph { margin:10px 0; }
.col_style1 a { font-size:1.3rem; }

}



/* -------------------------------------------
    TOP
------------------------------------------- */

/* mv */
.mv { background:#f7f7f7 url(/img/mv_bg.jpg) no-repeat; background-size:100% auto; padding:45px 20px 45px; box-sizing:border-box; }
.mv .hdg { text-align:center; margin:15px 0 25px; font-size:2.7rem; letter-spacing:2px; text-shadow:0 0 5px #FFFFFF,0 0 20px #FFFFFF; }
.mv .lead { text-align:center; margin-bottom:30px; font-size:1.7rem; line-height:1.8; }
.mv .inner { max-width:1320px; margin:50px auto 50px; display:table; }
.mv .inner > * { display:table-cell; padding:0 30px; vertical-align:middle; }
.mv .inner img { display:inline-block; max-width:529px; }
.mv .inner p { text-align:left; font-size:1.6rem; }
.mv .box { max-width:1340px; margin:0 auto; }
.mv [class*="list"] li { padding:3px; }
.mv [class*="list"] li img { width:200%; }
.mv [class*="list"] a { display:block; background:#cccccc; position:relative; overflow:hidden; border:1px solid #FFFFFF; }
.mv [class*="list"] li.col1 { width:100%; }
.mv [class*="list"] li.col2 { width:50%; }
.mv [class*="list"] h2 { color:#FFFFFF; font-size:1.8rem; font-weight:normal; line-height:1.4; }
.mv [class*="list"] h2 span { font-size:1.2rem; }
.mv [class*="list"] .icon3 { position:absolute; top:0; left:0; background:#054189; padding:3px 6px; font-size:1.1rem; color:#ffffff; }
.mv .list-pickup a { height:250px; }
.mv .list-pickup h2 { background:rgba(37,37,37,0.9); padding:20px; position:absolute; bottom:0; width:100%; }
.mv .list-pickup h2 span { background:rgba(255,255,255,0.2); padding:3px 10px; position:relative; top:-2px; }
.mv .list-pickup h2 span + em { padding-left:10px; }
.mv .list-service a { height:130px; }
.mv .list-service img { width:150% !important; position:absolute; top:0; }
.mv .list-service h2 { display:table-cell; background:rgba(5,37,65,0.9); text-align:center; position:relative; width:780px; height:130px; margin:auto; vertical-align:middle; z-index:1; }
.mv .list-service h2 span { background:rgba(255,255,255,0.2); padding:3px 10px; margin-bottom:20px; }
.mv .list-service h2 em { display:block; margin-top:10px; }
.mv .list-service .col1 h2 { width:667px; background:rgba(8,55,125,0.9); }
.mv .list-service .col1 img { width:50% !important; right:0; }

/* news */
.news { margin-top:70px; }
.news .list li { position:relative; padding-left:90px; }
.news .list li.new { padding-left:135px; }
.news .list li.new time::after { position:relative; left:10px; background:#FF0000; padding:5px 5px 3px; content:"NEW"; font-size:10px; color:#FFFFFF; top:-1px; text-decoration:none !important; }
.news .list li + li { margin-top:10px; }
.news .list time { position:absolute; left:0; top:3px; font-weight:bold; font-size:1.2rem; }
.btm .news .list li { border-bottom:1px solid #eeeeee; padding-bottom:20px; margin-top:20px; }
.btm .news .list li span { background:#eeeeee; font-size:12px; padding:6px 5px 5px; position:relative; top:-2px; margin-right:8px; }
.btm .news .list li a { color:#185179; }

/* case */
.case { border-top:2px solid #a6adb5; margin-top:100px; }
.case .list.lyt-column2 li { max-width:460px; }
.case .list.lyt-column3 li { max-width:300px; }
.case .list .hdg_s1 { margin:15px 0 10px; }
.case .list .ph { border:1px solid #b8b8b8; }
.case .list .caption { font-size:1.4rem; }
.case .list .caption em { font-size:1.2rem; }
.case .list li a, .case .list span, .case .caption em { display:block; }
.news .list, .case .list { margin-top:40px; }
.case .nav_cv a, .news .nav_cv a { margin:40px 20% 0; }

/* column */
.column { background:#333333; margin-top:100px; padding:40px 40px 40px; }
.column .hdg_l1 { margin:0 0 15px; color:#FFFFFF; }
.column .list li { width:280px; background:#FFFFFF; padding:0 20px 20px; }
.column .list .hdg_s1 { margin:15px 0 10px; }
.column .list .ph { margin:0 -20px 15px; }
.column .list .lead { font-size:1.4rem; }
.column .list li a, .column .list span, .column .caption em { display:block; }

/* service & document */
.secondary { margin-top:90px; }
.secondary > * { width:450px; }
.service .list li:nth-child(n+3) { margin-top:25px; }
.service .list li { width:215px; }
.service .list .ph { margin-bottom:10px; }
.service .list .lead { font-size:1.4rem; }
.document .list .hdg_s1 { margin:10px 0 5px; }
.document .list .ph { width:175px; }
.document .list .inner { width:55%; }
.document .list .icon { padding:5px 10px; background:#143551; color:#ffffff; font-size:1.4rem; }
.document .list .lead { font-size:1.4rem; }
.service, .document { border-top:2px solid #a6adb5; }
.service .hdg_l1, .document .hdg_l1 { margin:30px 0 20px; }
.service .list li:nth-child(n+3), .document .list li + li { margin-top:25px; }


@media screen and (max-width:1000px) {
.mv .list-service .col1 h2 { width:1000px; }
.mv .list-service .col1 img { width:100% !important; }
}

@media screen and (max-width:767px) {

/* mv */
.mv { padding:25px 10px 20px; }
.mv .hdg { margin:15px 0 20px; font-size:2rem; letter-spacing:-1px; }
.mv .lead { margin-bottom:20px; font-size:1.3rem; }
.mv .list a { min-height:100px; }
.mv [class*="list"] h2 { font-size:1.7rem; padding:12px 15px; }
.mv [class*="list"] h2 span { font-size:1.1rem; padding: 3px 6px; }
.mv [class*="list"]:first-child li a { height:150px; overflow:hidden; }
.mv [class*="list"]:last-child li a { height:100px; overflow:hidden; position:relative; }
.mv .list:first-child h2 { display:block; height:auto; width:100%; background:rgba(5,37,65,0.9); padding:20px; }
.mv .list:last-child h2 { padding:0 15px; }
.mv .list-service h2 { height:100%; height:100px; }
.mv .list-service .col1 img { top:0; width:100% !important; }

/* news */
.news { margin-top:30px; }
.news .list { margin-top:10px; }
.news .list li { position:relative; padding-left:0; line-height:1.4; }
.news .list li.new { padding-left:0; }
.news .list li.new time::before { padding:2px 5px 1px; }
.news .list time { position:static; display:block; font-size:1.1rem; margin-bottom:3px; }
.news .list { font-size:1.4rem; }
.case .nav_cv a, .news .nav_cv a { margin:20px 10% 0; }

/* case */
.case { margin-top:50px; }
.case .list li { width:48% !important; }
.case .list li:nth-child(n+3) { margin-top:15px; }
.case .list .hdg_s1 { margin:10px 0 5px; }
.case .list .caption { font-size:1.2rem; }
.case .list .caption em { font-size:1rem; }
.news .list, .case .list { margin-top:20px; }

/* column */
.column { margin:50px -3% 0; padding:20px 15px; }
.column .hdg_l1 { margin:0 0 10px; }
.column .list li + li { margin-top:15px; }
.column .list .hdg_s1 { margin:15px 0 10px; }
.column .list .lead { font-size:1.2rem; line-height:1.6; }

/* service & document */
.secondary { margin-top:50px; }
.secondary > * { width:100%; }
.service .list li { width:48% !important; }
.service .list .lead { font-size:1.2rem; line-height:1.6; }
.document { margin-top:50px; }
.document .list .hdg_s1 { margin:10px 0 5px; }
.document .list .ph { width:38% !important; }
.document .list .inner { width:55% !important; }
.document .list .icon { font-size:1.2rem; }
.document .list .lead { font-size:1.2rem; line-height:1.6; }
.service .hdg_l1, .document .hdg_l1 { margin:25px 0 20px; }
.service .list li:nth-child(n+3), .document .list li + li { margin-top:15px; }
}



/* -------------------------------------------
    BTM
------------------------------------------- */

/* ph */
.ph_img { margin:50px 10% 0; text-align:center; }
.ph_col { margin-bottom:30px; }
.ph_col figcaption { margin-top:15px; }

/* showcase */
.showcase { position:relative; max-width:1170px; margin:70px auto 0; color:#ffffff; }
.showcase * { text-shadow:0 0 6px #000; line-height:1.5; }
.showcase .inner { position:absolute; top:40px; left:50px; }
.showcase .inner p { margin-top:15px; line-height:2; }
.showcase .caption { position:absolute; bottom:20px; right:20px; }
.showcase-lyt { margin-top:40px; }
.showcase-lyt > * { width:48%; }
.profile { margin-top:70px; align-items:stretch; vertical-align:middle; }
.profile .col { width:48%; background:#f2f2f2; padding:25px 30px; font-size:1.4rem; box-sizing:border-box; }
.profile .col + .col { background:none; padding:20px 30px; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; }
.profile .col p { font-size:1.4rem; }
.profile .logo { margin:30px 15px 20px; }
.profile .logo img { max-width:370px; }
.profile .col a { text-decoration:underline !important; }
.profile + .nav_cv, .caption + .nav_cv { margin:60px 20% 0; width:70%; }
.profile + .caption { text-align:right; margin-top:10px; }


@media screen and (max-width:767px) {

/* showcase */
.showcase { margin:0 auto; color:#000000; }
.showcase * { text-shadow:none; }
.showcase .inner { position:static; font-size:1.8rem; padding:25px 20px 5px; }
.showcase .inner  h2{ font-size:1.8rem; }
.showcase .inner p { margin-top:10px; line-height:1.7; }
.showcase .caption { position:static; padding:0 20px; text-align:right; }
.showcase-lyt { margin-top:25px; }
.showcase-lyt > * { width:48%; }
.profile { margin-top:20px; }
.profile + .nav_cv,
.caption + .nav_cv { margin:30px auto 0; width:80%; }

/* ph */
.ph_img { margin:20px 10% 0; }
.ph_col { margin-top:15px; }
.ph_col figcaption { margin-top:10px; font-size:1.4rem; }
.profile .col + .col { padding:20px 10px; font-size:1.2rem; }
.profile .logo { margin:0 25px 10px; }

}

/* ====== add 2020/03/24  ======*/
/*導入の課題／導入効果 モジュール*/
.task_effect_box{ margin-top: 50px; padding: 30px 45px 40px; background: #f7f7f7; border-top: 5px solid #0658a1; }
.task_effect_box h2{ margin-top: 0; border: none; }
.task_effect_box_wrap{ display: flex; justify-content: space-between; margin-top: 35px; }
.task_effect_box_wrap .card_box{ width: calc(100% / 2 - 10px); padding: 40px 0; background: #fff; border: 1px solid #878787; position: relative; }
.task_effect_box_wrap .card_box + .card_box{ border: 1px solid #0658a1; }
.task_effect_box_wrap .card_box + .card_box .task_effect_tit{ background: #0658a1; }
.task_effect_tit{ padding: 5px 10px; background: #000; color: #fff; font-size: 2rem; position: absolute; top: -1px; left: -1px; }
.task_effect_list{ margin-left: 1em; padding: 0 40px 0 70px; }
.task_effect_list li{ text-indent: -1em; font-size: 1.7rem; font-weight: bold; }
.task_effect_list li::before{ content: "・"; }
.task_effect_list li:not(:last-child){ margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
    .task_effect_box{ margin-top: 30px; padding: 15px 25px 20px; border-top: 3px solid #0658a1; }
    .task_effect_box_wrap{ flex-direction: column; margin-top: 10px; }
    .task_effect_box_wrap .card_box{ width: 100%; padding: 45px 0 20px; }
    .task_effect_box_wrap .card_box + .card_box{ margin-top: 20px; }
    .task_effect_tit{ font-size: 1.8rem; }
    .task_effect_list{ padding: 0 20px; }
    .task_effect_list li{ font-size: 1.6rem; }
}
/*導入の課題／導入効果 モジュール*/

/* ====== add 2020/03/24  ======*/

/* ====== add 2021/7/21追加　トップページバナー追加ウイルスバスター乗り換えキャンペーン  ======*/

.bnr_vbxg{
    margin-top:70px;
}
@media only screen and (max-width: 767px) {
.bnr_vbxg{
    margin-top:40px;
}
}

/*2023/12/25 add*/
.news .list li.new time::after {top: -1px;padding:4px 5px 4px 4px;line-height: 1;}
.news .list li.new {padding-left: 125px;}
@media screen and (max-width: 767px){.news .list li.new time::after {top: -2px;padding:3px 5px}}