@charset "shift_jis";
/*=================================================================*/
/* ITレポート 記事ページ */
/*=================================================================*/
#report .article-box-desc a, #report .article-desc a {
text-decoration: underline;
}
img {
max-width: 100%;
}
li, p {
font-size: 16px;
}
.mokuji {
background: #f0f0f0;
padding: 20px 40px;
box-sizing: border-box;
width: 100%;
}
.mokuji .ttl {
background: #fff;
text-align: center;
font-weight: bold;
padding: 5px;
}
.list_num, .list_disc {
margin-top: 10px;
text-align: left;
margin-left: 22px;
}
.list_num li {
list-style: decimal;
margin: 5px 0;
}
.list_disc li {
list-style: disc;
margin: 10px 0;
line-height: 1.5;
}
.list_disc.space5 li {
margin: 5px 0;
}
.list_num li a {
color: #000;
text-decoration: underline;
}
.article-desc-inner td.pic {
width: 200px;
text-align: left;
}
.article-desc-ttl2 {
color: #c5973e;
font-weight: bold;
font-size: 167%;
}
.mt40 {
margin-top: 40px;
}
.mb40 {
margin-bottom: 40px;
}
.mt80 {
margin-top: 80px;
}
.hdmv__nav.fot__bnr {
position: relative;
width: 100%;
box-sizing: border-box;
}
.hdmv__nav.fot__bnr > div {
box-shadow: 0 0 10px #ccc;
border-radius: 10px;
}
.hdmv__nav.fot__bnr > div a {
padding-top: 0;
text-align: left;
padding: 25px 30px 25px 90px !important;
font-size: 16px;
}
.hdmv__nav.fot__bnr > div a:hover {
opacity: 0.7;
}
.hdmv__nav.fot__bnr > div.hdmv__nav__mail a {
background: url(../images/icon_mail.jpg) no-repeat center left 30px #fff;
text-decoration: none !important;
}
.hdmv__nav.fot__bnr > div.hdmv__nav__dl a {
background: url(../images/icon_dl.jpg) no-repeat center left 30px #fff;
text-decoration: none !important;
}
.hdmv__nav.fot__bnr > div a::before {
right: 20px;
}
.kanren__ttl {
font-size: 30px;
color: #f47f5f;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.kanren__box .bnr {
width: 34%;
}
.kanren__box .txt {
width: 62%;
}
.kanren__box .btn {
text-align: center;
}
.kanren__box a {
border: 3px solid #F5BBAB;
padding: 30px;
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-between;
text-decoration: none !important;
color: #000;
}
.kanren__box a:hover {
opacity: 0.6;
}
.kanren__box .btn {
color: #fff;
background: #cd4e2b;
text-decoration: none;
position: relative;
padding: 8px;
display: block;
text-align: center;
border-radius: 50px;
width: 235px;
margin: 20px auto 0 auto;
}
.kanren__box .btn a::before {
right: 20px;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: calc(50% - 4px);
margin: auto;
content: "";
vertical-align: middle;
}
.sp {
display: none !important;
}
.kanren {
border: 4px solid #e2e2e2;
font-size: 16px;
line-height: 2;
}
.kanren .ttl {
font-weight: bold;
}
.kanren a {
color: #000;
}
.article-desc-ttl2.size_s {
font-size: 135%;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.mt60_sp {
margin-top: 63px;
}
.mb20_sp {
margin-bottom: 20px;
}
.mb30_sp {
margin-bottom: 30px;
}
.mt40_sp {
margin-top: 40px;
}
.mt20_sp {
margin-top: 20px;
}
#contents {
padding: 0;
width: 100%;
}
.contents-main {
width: 92%;
margin-top: 40px;
}
#report.contents-main {
margin-top: 0px;
}
.article.header .article-box .inner .article-box-desc .right, .article.header .article-box .inner .article-box-desc .left {
float: inherit;
width: 100%;
}
#report .article-desc {
margin: 10px;
}
.article-desc-inner td.pic {
width: 100%;
text-align: center;
display: block;
}
.article-desc-inner td.txt {
width: 100%;
display: block;
}
.article-desc-inner {
padding: 20px !important;
}
.list_num, .list_disc {
margin-top: 10px;
}
.hdmv__nav.fot__bnr, .kanren__box a {
flex-wrap: wrap;
padding: 20px;
}
.hdmv__nav.fot__bnr > div, .kanren__box .bnr {
width: 100% !important;
margin-bottom: 15px;
text-align: center;
}
.hdmv__nav.fot__bnr > div, .kanren__box .txt {
width: 100% !important;
}
.kanren__ttl {
font-size: 20px;
}
.kanren {
font-size: 14px;
}
li, p {
font-size: 14px;
}
.bnr_foodmag span.sp {
position: absolute;
right: 3px;
bottom: 5px;
display: inline-block;
color: #fff;
font-weight: bold;
padding: 1px 15px;
font-size: 12px;
background: #6eb932;
}
.bnr_foodmag .img {
position: relative;
}
#headerw {
display: none;
}
.jsLowdirTopMenu .sp .title .header-h1 a {
text-decoration: none;
color: #000;
}
.pc {
display: none !important;
}
.sp {
display: block !important;
}
.article-box-taglist {
margin-bottom: 20px !important;
padding-bottom: 20px !important;
}
.mokuji {
padding: 20px;
}
.article-desc-ttl span {
line-height: 1.4;
}
.sns_link {
margin-top: 25px;
}
}
/*=================================================================*/
/* ITレポート*/
/*=================================================================*/
#gnav #systemNav li .company_list.megaMenu .navCont01 .navColumn a, #gnav #systemNav li .company_list.megaMenu .navCont02 .navColumn a, #gnav #systemNav .it_list.megaMenu .navCont01 .navColumn a, #gnav #systemNav li .it_list.megaMenu .navCont02 .navColumn a, #gnav #systemNav .welfare_list.megaMenu .navCont01 .navColumn a, #gnav #systemNav li .welfare_list.megaMenu .navCont02 .navColumn a {
font-size: 82%;
}
a.ov_op {
display: inline-block;
}
.bnr_foodmag {
text-align: left;
width: 692px;
}
.cate_box #nav {
margin: 20px 0 !important;
}
.list__ttl {
font-size: 113% !important;
font-weight: bold;
line-height: 1.4;
margin-bottom: 10px;
}
.list__ttl2 {
font-size: 90% !important;
line-height: 1.4;
margin-bottom: 10px;
}
.mvinner {
position: relative;
}
.mvinner .bg__blk__sp span.pc {
letter-spacing: 3px;
}
.hdmv__nav {
width: 50%;
position: absolute;
right: 0;
top: 0;
display: flex;
/*justify-content: space-between;*/
justify-content: center;
}
#mv .hdmv__nav {
justify-content: end;
}
#mv .hdmv__nav > div {
width: 48%;
}
.hdmv__nav > div a {
width: 100%;
border-radius: 8px;
padding: 16px;
text-align: center;
color: #cd4e2b;
font-weight: bold;
display: block;
box-sizing: border-box;
font-size: 14px;
position: relative;
vertical-align: middle;
text-decoration: none;
}
.hdmv__nav > div.hdmv__nav__mail a {
background: url("../images/icon_mail.jpg") no-repeat top 20px center #fff;
padding-top: 70px;
}
.hdmv__nav > div.hdmv__nav__dl a {
background: url("../images/icon_dl.jpg") no-repeat top 20px center #fff;
padding-top: 70px;
}
.hdmv__nav > div a::before {
right: 10px;
width: 8px;
height: 8px;
border-top: 1px solid #cd4e2b;
border-right: 1px solid #cd4e2b;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: calc(50% - 2px);
margin: auto;
content: "";
vertical-align: middle;
}
.cate_box {
background-color: #fff;
padding: 0;
}
.cate_box #nav ul li a:hover {
background-color: #e2553e;
}
.bg_gray {
background: #eeeeee;
}
div#contents h2.title {
margin: 0 auto 60px auto;
font-weight: bold;
position: relative;
padding-bottom: 30px;
}
div#contents h2.title::before {
content: '';
position: absolute;
left: calc(50% - 110px);
bottom: 0;
height: 1px;
background: #cd4e2b;
width: 220px;
}
.pop > a {
background: #fff;
width: 210px !important;
margin: 20px;
cursor: pointer;
position: relative;
}
.pop .tagBox {
border-top: none;
padding-top: 0;
margin-top: 0;
}
.pop .tagBox div {
background-color: #fff;
border-radius: 0;
border: 1px solid #e7e4df;
padding: 5px;
line-height: 1;
}
.pop a > div:nth-child(2) {
border-left: 1px solid #ccc;
padding: 5px 0 5px 15px;
margin-top: 10px;
}
.pop a:hover {
box-shadow: 0 0 10px #ccc;
}
@media screen and (max-width: 768px) {
.list__ttl {
font-size: 100% !important;
}
.bg__blk__sp {
background: rgba(0, 0, 0, 0.20);
margin-bottom: 10px;
padding: 10px 14px;
}
.wrap {
width: 100%;
}
.cate_box #nav {
margin: 20px 0;
}
.cate_box #nav ul {
display: flex;
flex-wrap: wrap;
margin: 0 4%;
width: 92%;
border-top: 1px solid #ccc;
justify-content: stretch;
}
.hdmv__nav {
width: 100%;
position: inherit;
}
.hdmv__nav > div a {
width: 100%;
padding: 7px 17px 7px 7px;
font-size: 12px;
line-height: 1.2;
height: 100%;
}
.hdmv__nav.fot__bnr > div.hdmv__nav__mail a {
background: url(../images/icon_mail.jpg) no-repeat center left 20px #fff;
}
.hdmv__nav.fot__bnr > div.hdmv__nav__dl a {
background: url(../images/icon_dl.jpg) no-repeat center left 20px #fff;
}
.hdmv__nav.fot__bnr > div a {
padding: 25px 30px 25px 70px !important;
}
.hdmv__nav > div.hdmv__nav__mail a {
background: url("../images/icon_mail.jpg") no-repeat top 10px center #fff;
padding-top: 50px;
}
.hdmv__nav > div.hdmv__nav__dl a {
background: url("../images/icon_dl.jpg") no-repeat top 10px center #fff;
padding-top: 50px;
}
.cate_box #nav ul li {
width: 25% !important;
display: block;
}
.cate_box #nav ul li a {
height: 100%;
border-bottom: 1px solid #ccc;
font-size: 10px;
display: block;
box-sizing: border-box;
}
.cate_box #nav ul li:nth-child(5) a, .cate_box #nav ul li:nth-child(9) a, .cate_box #nav ul li:nth-child(13) a {
border-left: 1px solid #ccc;
}
.icn.type03 {
font-size: xx-small;
line-height: 1;
}
.work p.bold {
margin-bottom: 0px;
}
div#contents h2.title {
margin: 0 auto 50px auto;
padding-bottom: 20px;
}
.pop a > div:nth-child(2) {
padding: 5px 0px 5px 15px;
margin-top: 0px;
width: 66%;
border: none;
}
.pop > a {
border-bottom: 1px solid #ccc;
}
.menuitem #topUtility01 {
display: flex;
flex-wrap: wrap;
}
.menuitem #topUtility01 li {
width: 50%;
}
}
/*=================================================================*/
/* カテゴリページトップ*/
/*=================================================================*/
.cate_box #nav ul li.ov a {
background: rgba(226, 85, 62, 0.70);
color: #fff;
}
.cate_box #nav ul li.ov .icn.type01 {
background-image: url(../images/icn_01_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type02 {
background-image: url(../images/icn_10_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type03 {
background-image: url(../images/icn_03_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type04 {
background-image: url(../images/icn_04_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type05 {
background-image: url(../images/icn_05_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type06 {
background-image: url(../images/icn_06_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type07 {
background-image: url(../images/icn_07_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type08 {
background-image: url(../images/icn_08_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type09 {
background-image: url(../images/icn_09_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type10 {
background-image: url(../images/icn_12_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type11 {
background-image: url(../images/icn_11_on.png);
background-position: center 5px;
}
.cate_box #nav ul li.ov .icn.type13 {
background-image: url(../images/icn_13_on.png);
background-position: center 5px;
}
.article-desc {
margin-top: 40px;
padding-top: 20px;
}
@media screen and (max-width: 768px) {
#mv.genre {
height: auto;
padding: 5% 3% 3% 3%;
background-size: cover;
text-align: center;
}
#mv.genre .bg__blk__sp {
background: none;
margin-bottom: 0;
padding: 0;
}
#mv.genre .inner .txt_xxl {
font-size: 100% !important;
}
#mv.genre .ttl {
font-size: 157%;
display: block;
margin-top: 5px;
}
.article-desc {
margin: 20px;
}
.bnr_foodmag .txt {
width: auto;
}
.back-contents {
margin: 15px 0 70px 20px;
}
.bnr_foodmag {
background: none;
padding: 4%;
width: 100%;
text-align: center;
}
.bnr_foodmag img {
width: 70%;
margin-bottom: 20px;
}
}
/*=================================================================*/
/* SP_nav*/
/*=================================================================*/
@media screen and (min-width: 769px) {
#contents .menuitem {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.jsLowdirTopMenu .sp a.headerMenu {
position: absolute;
width: 34px;
height: 34px;
top: 50%;
right: 12px;
margin-top: -17px;
background-color: #cd4e2b;
display: block;
}
.jsLowdirTopMenu .sp a.headerMenu span {
width: 22px;
height: 4px;
position: absolute;
background-color: #FFF;
left: 6px;
}
.jsLowdirTopMenu .sp a.headerMenu span:nth-child(1) {
top: 6px;
}
.jsLowdirTopMenu .sp a.headerMenu span:nth-child(2) {
top: 15px;
}
.jsLowdirTopMenu .sp a.headerMenu span:nth-child(3) {
top: 24px;
}
/* menuitem */
.menuitem {
position: fixed;
top: 63px !important;
width: 100%;
background-color: #FFF;
z-index: 50;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
display: none;
}
.menuitem ul li img, .menuitem .midashi {
display: none;
}
.menuitem #topUtility01 {
font-size: 92%;
}
.menuitem #topUtility01 li {
border-bottom: solid 1px #e9e9e9;
}
.menuitem #topUtility01 li a {
display: block;
padding: 10px;
}
#topUtility01 li a {
display: block;
padding: 10px;
text-decoration: none;
}
.menuitem a.topMenu {
position: relative;
color: #cd4e2b;
}
.menuitem a.topMenu::after {
content: "";
display: inline-block;
margin-top: -6px;
width: 10px;
height: 10px;
border-top: 1px solid #cd4e2b;
border-right: 1px solid #cd4e2b;
transform: rotate(45deg);
top: 50%;
right: 21px;
position: absolute;
}
.menuitem span.pInfoBtn {
display: block;
padding: 10px;
color: #cd4e2b;
position: relative;
cursor: pointer;
}
.menuitem span.pInfoBtn.on {
border-bottom: solid 1px #e9e9e9;
}
.menuitem span.pInfoBtn::after {
content: "";
display: inline-block;
margin-top: -8px;
width: 10px;
height: 10px;
border-top: 1px solid #cd4e2b;
border-right: 1px solid #cd4e2b;
transform: rotate(135deg);
top: 50%;
right: 18px;
position: absolute;
}
.menuitem span.pInfoBtn.on::after {
margin-top: -3px;
transform: rotate(-45deg);
}
.menuitem .megamenuInner {
display: none;
padding: 6px 0 14px;
}
.menuitem .megamenuInner .title {
padding: 10px 10px 10px 18px;
position: relative;
margin: 0 0 0 20px;
}
.menuitem .megamenuInner .title::after {
content: "";
display: inline-block;
margin-top: -6px;
width: 7px;
height: 7px;
border-top: 1px solid #5b5b5b;
border-right: 1px solid #5b5b5b;
transform: rotate(135deg);
top: 50%;
left: 0;
position: absolute;
}
.menuitem #topUtility01 li .megamenuInner ul {
margin-bottom: 5px;
}
.menuitem #topUtility01 li .megamenuInner ul li {
border-bottom: none;
margin: 0 0 0 36px;
}
.menuitem #topUtility01 li .megamenuInner ul li a {
padding: 7px 5px 7px 18px;
position: relative;
font-size: 94%;
}
.menuitem #topUtility01 li .megamenuInner ul li a::after {
content: "";
display: inline-block;
margin-top: -6px;
width: 7px;
height: 7px;
border-top: 1px solid #acacac;
border-right: 1px solid #acacac;
transform: rotate(45deg);
top: 50%;
left: 0;
position: absolute;
}
.menuitem .series {
margin: 0 0 0 36px;
}
.menuitem #topUtility01 li .series a {
padding: 5px 5px 5px 18px;
position: relative;
font-size: 94%;
}
.menuitem #topUtility01 li .series a::after {
content: "";
display: inline-block;
margin-top: -6px;
width: 7px;
height: 7px;
border-top: 1px solid #acacac;
border-right: 1px solid #acacac;
transform: rotate(45deg);
top: 50%;
left: 0;
position: absolute;
}
.inMenuBtn {
padding: 26px 10px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.inMenuBtn > div {
width: 49%;
}
.inMenuBtn > div a {
color: #FFF;
display: block;
text-align: center;
padding: 8px 0;
border-radius: 5px;
font-weight: bold;
line-height: 1.4em;
font-size: 90%;
text-decoration: none;
}
.inMenuBtn div.contactBtn a {
background: #cd4e2b url(../images/icon_contact1.png) no-repeat right 10px center;
background-size: 20px auto;
}
.inMenuBtn div.downloadBtn a {
background: #cd4e2b url(../images/icon_contact2.png) no-repeat right 10px center;
background-size: 20px auto;
}
}
/*=================================================================*/
/* ローディング画面*/
/*=================================================================*/
#fade {
width: 100vw;
height: 100vh;
background: #fff;
position: fixed;
top: 0;
left: 0;
overflow: hidden;
z-index: 101;
}
.loaded #fade {
opacity: 0;
visibility: hidden;
-webkit-transition: all 1s;
transition: all .8s;
}
body {
position: relative;
min-width: inherit;
}
#sfooter {
margin-top: 0 !important;
}
.bold {
font-weight: bold; /*font-size: inherit !important;*/
}
.txt_grn {
color: #00a980;
}
.txt_s {
font-size: 12px !important;
}
.txt_m {
font-size: 90% !important;
line-height: 150% !important;
}
.txt_lg {
font-size: 130% !important;
}
.txt_xl {
font-size: 30px !important;
}
.txt_xxl {
font-size: 187% !important;
letter-spacing: 3px;
line-height: 1.6;
}
.inner {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1000px;
}
.mvinner {
width: 912px;
}
#mv {
background: url(../images/img_video_01.jpg) no-repeat top center;
color: #fff;
display: flex;
align-items: center;
height: 206px;
background-size: cover;
}
#news .ttl {
font-weight: bold;
font-size: 20px;
padding: 5px 20px 5px 54px;
border-right: 2px solid #e6e3df;
}
#news {
border-bottom: 3px solid #e6e3df;
}
#news a {
color: #00ae83;
text-decoration: underline
}
.corlogo img {
vertical-align: bottom;
margin-right: 15px;
}
.w50 {
width: 48%;
}
/*#sec01 {
background: url(../images/pic_smartoffice_01.jpg) no-repeat right center;
background-size: 48% auto;
padding: 10% 0;
margin-top: 3%;
margin-bottom: 3%;
}*/
.line_b {
position: relative;
display: inline-block;
margin-bottom: 65px;
font-size: 30px !important;
font-weight: bold;
}
.line_b:before {
content: '';
position: absolute;
bottom: -30px;
display: inline-block;
width: 220px;
height: 1px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #00ae83;
}
.bg_gray {
background: #f0f0f0;
}
.point > div {
background: #fff;
border-radius: 5px;
padding: 0 20px 30px 20px;
text-align: center;
margin-top: 60px !important;
}
.line_b_grn, .line_b_red {
position: relative;
display: inline-block;
margin-bottom: 15px !important;
font-size: 22px !important;
font-weight: bold;
padding-bottom: 15px;
padding-top: 50px;
}
.line_b_grn:before, .line_b_red:before {
content: '';
position: absolute;
bottom: 0;
display: inline-block;
width: 80px;
height: 1px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.line_b_grn:before {
background-color: #00ae83;
}
.line_b_red:before {
background-color: #cb5d68;
}
.point .text {
font-size: 90% !important;
text-align: left;
}
.circle {
color: #fff;
border-radius: 50%;
width: 110px;
height: 110px;
display: inline-block;
text-align: center;
padding-top: 24px;
margin-top: -38px;
margin-bottom: -10px;
position: relative;
z-index: 99;
}
.circle p:nth-child(1) {
font-size: 11px !important;
}
.circle p:nth-child(2) {
font-size: 42px !important;
line-height: 1;
}
.circle.grn p:nth-child(1) {
line-height: 1.4;
margin-bottom: 5px;
}
.circle.grn {
padding-top: 19px;
}
.circle.red {
background-color: #cb5d68;
}
.circle.grn {
background-color: #00ae83;
}
.work > a {
background: #fff;
width: 292px !important;
margin: 20px;
cursor: pointer;
position: relative;
}
.work > a:hover {
box-shadow: 0 0 15px #999;
}
#contact {
background: url("../images/pic_smartoffice_02.jpg") no-repeat center center #1c9d7e;
background-size: auto 100%;
text-align: center;
color: #fff;
padding: 80px 0 66px 0;
}
.btn_w a {
display: block;
background: #fff;
color: #1c9d7e;
text-decoration: none;
border-radius: 5px;
padding: 25px 10px;
;
font-weight: bold;
font-size: 18px;
}
.btn_w a img {
vertical-align: middle;
margin-left: 10px !important;
}
#contact .head-border_w {
margin-top: 20px;
position: relative;
padding: 0 90px;
font-size: 16px !important;
color: #fff;
display: inline-block !important;
font-weight: bold;
width: auto !important;
}
.head-border_w:before, .head-border_w:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 80px;
height: 1px;
background-color: #fff;
}
.head-border:before, .head-border_w:before {
left: 0;
}
.head-border:after, .head-border_w:after {
right: 0;
}
/* jsLowdirTopMenu
---------------------------------------------------------------*/
.jsLowdirTopMenu {}
.jsLowdirTopMenu .inner {
width: 980px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
align-items: center;
}
.jsLowdirTopMenu a.corlogo {
width: 452px;
}
.jsLowdirTopMenu .coreMenuList {
width: 242px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 0 0 0 144px;
padding: 5px 0 0;
}
.jsLowdirTopMenu .coreMenuList li {}
.jsLowdirTopMenu .coreMenuList li a {
display: block;
text-align: center;
padding: 4px 15px 10px;
font-size: 15px;
font-weight: bold;
}
.jsLowdirTopMenu .coreMenuList li.current a, .jsLowdirTopMenu .coreMenuList li a:hover {
border-bottom: solid 2px #00ae83;
text-decoration: none;
color: #e50020;
}
.jsLowdirTopMenu .coreMenuRight {
width: 192px;
}
.jsLowdirTopMenu .btn {
margin: 0 0 0 222px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.jsLowdirTopMenu .btn li.contact {
margin: 0 0 0 12px;
}
.jsLowdirTopMenu .btn li.download a, .jsLowdirTopMenu .btn li.contact a {
border-radius: 4px;
display: block;
padding: 6px 21px 5px 11px;
color: #FFF;
font-weight: bold;
font-size: 14px;
}
.jsLowdirTopMenu .btn li.download a {
width: 96px;
background: #231815 url("../../../../system/cocktail/common/images/core/hanbai/icon_download.svg") no-repeat right 10px center;
}
.jsLowdirTopMenu .btn li.contact a {
width: 140px;
background: #00ae83 url(../../../../system/cocktail/common/images/core/hanbai/icon_contact.svg) no-repeat right 10px center;
}
.jsLowdirTopMenu .btn li.download a:hover, .jsLowdirTopMenu .btn li.contact a:hover {
text-decoration: none;
opacity: 0.8;
}
/* 20210110 */
.center {
text-align: center;
}
.pc-none {
display: none !important;
}
/* 20210423 */
/* cate_box */
.cate_box .inner {
width: 800px;
margin: 0 auto;
}
.cate_box .inner .flex {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cate_box .inner .flex > div > div {
border-radius: 5px;
border: 1px solid #C2BAB2;
padding: 10px 10px 5px;
background-color: #fff;
margin: 0 7px 14px;
transition: .2s;
cursor: pointer;
}
.cate_box .inner .flex div.active div {
background-color: #1B69A7;
color: #fff;
opacity: 1;
}
/* .cate_box .inner .flex a.active {
pointer-events: none;
} */
.cate_box .inner .flex > div.active div svg {
transition: .2s;
}
.cate_box .inner .flex > div.active div svg path {
fill: #fff;
}
.cate_box .inner .flex > div div span {
display: block;
}
.cate_box .inner .flex > div div svg {
margin: 3px auto 0;
display: block;
}
/* カードリスト */
.flex-container .tag {
text-align: center;
position: absolute;
right: -5px;
top: -8px;
}
.flex-container .tag span {
color: #fff;
background-color: #cd4e2b;
font-weight: 600;
padding: 2px 10px;
display: inline-block;
font-size: 13px;
width: auto;
}
.work > a.none {
visibility: hidden;
opacity: 0;
width: 0px !important;
height: 0;
margin: 0;
display: none;
}
.work > a figure {
position: relative;
background: #000;
transition: .3s;
}
.work > a figure img {
transition: .3s;
width: 100%;
}
/*.work > a figure::after {
content:url(../images/icon_movie.svg);
display: block;
position: absolute;
margin: auto;
top:0;
left:0;
bottom:0;
right:0;
width: 38px;
height: 30px;
opacity: 0;
transition: .3s;
}
.work > a:hover {
opacity: 1;
}
.work > a:hover figure img {
opacity: .7;
}
.work > a:hover figure::after {
opacity: 1;
}*/
/* タグ */
.tagBox {
display: flex;
flex-wrap: wrap;
padding-top: 10px;
margin-top: 10px;
}
.tagBox div {
background-color: #e7e4df;
font-size: 13px;
margin-right: 10px;
padding: 0 10px;
margin-bottom: 6px;
border-radius: 50px;
}
.flex-container.invisible {
visibility: hidden;
opacity: 0;
transform: translate(0, 30px);
}
.flex-container.visible {
visibility: visible !important;
opacity: 1 !important;
transition: 1s !important;
transform: translate(0, 0) !important;
}
@media screen and (max-width: 768px) {
.inner {
width: 94%;
}
#mv {
background: url("../images/img_smartoffice_01_sp.jpg") no-repeat top #e2e4e6;
padding: 10% 3% 8% 3%;
background-size: cover;
margin-top: 63px;
}
#mv .inner {
font-size: 76%;
}
#mv .inner .txt_xxl {
line-height: 1.5em !important;
margin: 0 auto 5px auto;
box-sizing: border-box;
}
#mv.genre .inner .txt_xxl {
padding: 10px;
background: rgba(0, 0, 0, 0.20);
width: 50%;
}
/*#sec01 {
background: none;
padding: 10% 0;
margin-top: 0;
margin-bottom: 0;
}*/
.w50 {
width: 94%;
margin-left: 3%;
}
.line_b {
margin-bottom: 5px;
margin-top: 0;
line-height: 1.2;
}
.line_b:before {
bottom: -15px;
}
.line_b_grn, .line_b_red {
padding-top: 20px;
}
p.bold {
line-height: 150%;
}
.flex-container.sp_cl.point > div {
padding-bottom: 30px !important;
}
#contact {
padding: 40px 0 33px 0;
}
#contact .head-border_w {
margin-top: 0px;
padding: 0 90px;
}
.btn_w a {
padding: 10px 5px;
}
/* header */
div.jsLowdirTopMenu .sp .title {
padding: 14px 12px;
}
div#headnav, div#headlink, div#headSearch {
display: none;
}
div.jsLowdirTopMenu .sp .logo span {
font-size: 90%;
margin-left: 8px;
}
div.jsLowdirTopMenu .sp a.headerMenu {
/*position: absolute;
width: 34px;
height: 34px;
top: 50%;
right: 12px;
margin-top: -17px;
background-color: #6eba33;
display: block;*/
position: absolute;
width: 34px;
height: 34px;
top: 30px;
right: 12px;
background-color: #cd4e2b;
}
div.jsLowdirTopMenu .sp a.headerMenu span {
width: 22px;
height: 4px;
position: absolute;
background-color: #FFF;
left: 6px;
}
div.jsLowdirTopMenu .sp a.headerMenu span:nth-child(1) {
top: 6px;
}
div.jsLowdirTopMenu .sp a.headerMenu span:nth-child(2) {
top: 15px;
}
div.jsLowdirTopMenu .sp a.headerMenu span:nth-child(3) {
top: 24px;
}
.btn-box > .downloadBtn a, .btn-box > .contactBtn a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.btn-box > .downloadBtn, .btn-box > .contactBtn {
background: #00a980;
width: 40px;
height: 30px;
border-radius: 4px;
}
.jsLowdirTopMenu .sp .title {
display: flex;
}
.jsLowdirTopMenu .sp .title .header-h1 {
font-size: 12px;
font-weight: normal;
margin-left: 10px;
}
.btn-box {
display: flex;
}
.btn-box > .downloadBtn a .food-icon, .btn-box > .contactBtn a .food-icon {
width: 50%;
height: auto;
}
.jsLowdirTopMenu .sp {
display: flex !important;
align-items: center;
}
.jsLowdirTopMenu .sp .btn-box {
margin-left: auto;
margin-right: 15px;
}
.jsLowdirTopMenu .sp .btn-box .contactBtn {
margin-left: 10px;
}
.jsLowdirTopMenu {
padding: 0;
border-top: none;
border-bottom: solid 1px #cbcbcb !important;
position: fixed;
top: 0;
width: 100%;
background: #fff;
z-index: 9999;
}
.work > div {
margin: 20px 5px;
}
/* header footer */
#header, .megaNavCont, #container {
display: none;
}
.sp-none {
display: none !important;
}
.pc-none {
display: block !important;
}
#footer {
background-color: #F1F2F2;
font-size: 14px;
width: 100%;
text-align: left;
}
#footer #pageTop {
right: 0;
bottom: 0;
}
#footer #pageTop {
position: static;
}
#footer #pageTop:hover {
opacity: 0.8;
}
#footer .socialLink {
padding: 15px 10px;
}
#footer .footerCol4 {
overflow: hidden;
margin: 0;
border-top: 1px solid #E4E5E5;
}
#footer .footerCol4 .col {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 30px 20px 30px;
}
#footer .footerCol4 .col .firstHierarchy {
line-height: 1.2;
font-size: 114%;
color: #000;
}
#footer .footerCol4 .col .secondHierarchy {
margin: 15px 0 0;
}
#footer .footerCol4 .col .secondHierarchy li:before {
content: "・";
margin-right: 5px;
}
#footer .footerCol4 .col .secondHierarchy a {
line-height: 1.8;
color: #35383B;
text-decoration: none;
}
#footer .footerBottom {
clear: both;
padding: 0 0 20px;
border-top: none;
overflow: hidden;
}
#footer .footerBottom .copyRight {
margin-top: 5px;
text-align: center;
color: #999999;
font-size: 10px;
font-size: 1.0rem;
}
footer {
clear: both;
}
footer #footerInner {
overflow: hidden;
background: #000000;
display: table;
width: 100%;
}
footer #footerInner #pageTop {
display: table-cell;
width: 45px;
height: 45px;
background: url(/common2/images/footer_ic002.png) no-repeat 0 0;
background-size: contain;
text-indent: -9999px;
}
footer #footerInner #pageTop a {
display: block;
height: 45px;
}
footer #footerInner #footerUtility {
display: table-cell;
vertical-align: middle;
}
footer #footerInner #footerUtility #copyRight {
padding-left: 10px;
font-size: 7px;
font-size: 0.7rem;
color: #999999;
}
/* 20210426 */
.cate_box .inner {
width: 100%;
box-sizing: border-box;
}
.mvinner p {
line-height: 1.7em;
font-size: 111%;
}
.mvinner p.txt_lg {
margin-bottom: 0;
}
.mvinner p.txt_lg span {
line-height: 1.5em !important;
font-size: 157% !important;
}
.flex-container.sp_cl > a {
display: flex;
}
#cate_box span {
font-size: 80%;
}
.tag.pc + .bold {
font-size: 80% !important;
line-height: 1.4em;
}
.work > a figure {
background: none;
}
.work > a {
margin: 0 0 15px;
width: calc(50% - 10px) !important;
box-sizing: border-box;
}
.flex-container.sp_cl > a {
padding: 0 !important;
margin: 5px;
}
.flex-container div.fig {
flex-basis: 34%;
}
.flex-container div.fig + .pa20 {
flex-basis: 66%;
padding: 10px 20px 10px 20px;
}
.flex-container .tag {
width: 100%;
position: inherit;
right: inherit;
top: inherit;
margin-bottom: 10px;
}
.flex-container .tag span {
margin-top: -13px;
font-size: 10px;
color: #fff;
font-weight: 600;
padding: 2px 5px;
border-radius: 5px;
display: inline-block;
position: relative;
line-height: 1.4;
}
.fig .tagBox {
border-top: none;
padding-top: 0;
margin-top: 0;
width: 100%;
display: flex !important;
justify-content: center;
}
.tagBox div {
font-size: 10px !important;
margin-right: 5px;
margin-bottom: 5px;
}
.txt_s {
font-size: 68% !important;
}
.cate_box {
padding: 15px 0;
}
.tagBox {
padding-top: 5px !important;
margin-top: 5px !important;
}
}
/* 記事更新時追加 */
.kanren__box .bnr.w24 {
width: 24%;
}
.kanren__box .txt.w72 {
width: 72%;
}
.pink {
color: hotpink;
font-weight: bold;
}
.orange {
color: orangered;
font-weight: bold;
}
.hr_style {
border: none;
margin-bottom: 30px;
height: 1px;
background: #ccc;
}
.list_line li {
list-style: none;
font-size: 12px;
margin: 2px 0;
}
.list_line li::before {
content: '-';
margin-right: 7px;
}
@media screen and (max-width: 768px) {
.tbl_wrap {
overflow-x: scroll;
}
.tbl_wrap table {
width: 500px;
}
}
/*=================================================================*/
/* レポート絞り込みUI用スタイル*/
/*=================================================================*/
/*カテゴリー選択項目リスト*/
.category_box {
margin: 0 auto 30px;
width: 100%;
background: #fff2f0;
position: relative;
transition: 0.5s !important;
}
/*.category_box:after{
content: url(../images/icon_arrow_bottom.png);
position: absolute;
top: calc(100% + 46px);
left: calc((100% - 61px) / 2);
right: calc((100% - 61px) / 2);
}*/
@media screen and (min-width: 768px) {
.category_box .category_open_menu {
display: block !important;
}
}
.category_box .cate_box_inner {
margin: 0 auto;
padding: 10px 40px;
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: baseline;
}
.category_box .cate_box_inner:nth-of-type(n+2) {
border-top: 1px solid #fff;
}
.category_box .cate_box_inner .head {
width: 110px;
font-size: 88%;
}
.category_box .cate_box_inner > ul {
display: flex;
max-width: 800px;
flex-wrap: wrap;
flex: 1;
}
.category_box .cate_box_inner > ul li {
margin: 5px;
display: inline-flex;
}
.category_box .cate_box_inner > ul li a {
padding: 15px 25px;
background: #fff;
font-size: 88%;
color: #2e3036;
border-radius: 6px;
transition: .2s;
}
.category_box .cate_box_inner > ul li a.active, .category_box .cate_box_inner > ul li a.active:hover {
color: #fff;
background: #ea8777;
opacity: 1;
transition: .2s;
}
@media screen and (min-width: 768px) {
/*hoverスタイルはPCの時のみ*/
.category_box .cate_box_inner > ul li a:hover {
background: #ffd4ce;
opacity: 1;
}
}
/*キーワード*/
.cate_box_inner.keyword ul li a {
padding: 8px 18px;
font-size: 12px;
font-size: 75%;
border-radius: 50px;
}
/*絞り込み件数表示*/
.result_number {
margin: 0 auto 30px;
padding: 20px;
text-align: center;
width: 100%;
background: #fff;
box-sizing: border-box;
transition: 0.5s !important;
}
.result_number {
display: none;
}
.result_number p {
font-size: 100%;
font-weight: 600;
color: #333;
line-height: 1.4em;
}
.result_number p span {
margin: 1px 5px 0;
font-size: 180%;
vertical-align: middle;
height: 1em;
min-width: 1em;
display: inline-block;
}
/*スマートフォン版スタイル*/
@media screen and (max-width: 767px) {
/*検索項目開閉スタイル*/
a.btn_menu {
padding: 10px 30px;
display: block;
width: 100%;
color: #fff;
font-size: 88%;
font-weight: 600;
text-align: center;
background: #cd4e2b;
box-sizing: border-box;
position: relative;
}
/* プラスアイコン */
a.btn_menu::before, a.btn_menu::after {
content: '';
display: block;
width: 12px;
height: 2px;
background: #fff;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
/* 縦棒 */
a.btn_menu::after {
transform: translateY(-50%) rotate(90deg);
transition: 0.5s;
}
/*クリック時回転アニメーション*/
a.btn_menu.open::after {
transform: rotate(0);
transition: 0.5s;
}
.category_box .category_open_menu {
display: none;
}
/*カテゴリー選択項目リスト*/
.category_box .cate_box_inner {
padding: 10px 10px;
display: block;
}
.category_box .cate_box_inner .head {
padding: 0 10px;
}
.category_box .cate_box_inner > ul li a {
padding: 5px 12px;
}
.event_list {
padding: 0 10px;
width: 100%;
box-sizing: border-box;
}
/*一覧の幅調整用*/
@media screen and (min-width: 800px) {
.category_box, .search_result .result_number {
max-width: 720px !important;
}
.list_outer {
max-width: 744px !important;
}
}
@media screen and (min-width: 900px) {
.category_box, .search_result .result_number {
max-width: 820px !important;
}
.list_outer {
max-width: 844px !important;
}
}
@media screen and (min-width: 1000px) {
.category_box, .search_result .result_number {
max-width: 920px !important;
}
.list_outer {
max-width: 944px !important;
}
}
@media screen and (min-width: 1200px) {
.category_box, .search_result .result_number {
max-width: 1120px !important;
}
.list_outer {
max-width: 1144px !important;
}
}
@media screen and (min-width: 1400px) {
.category_box, .search_result .result_number {
max-width: 1280px !important;
}
.list_outer {
max-width: 1304px !important;
}
}
}
/* 202407 修正追加 */
.border_b {
border-bottom: 1px solid #ccc;
padding-bottom: 50px;
}
/* 202503 テーブルスタイル */
.tbl__style__a {
font-size: 16px;
border-collapse: collapse;
min-width: 600px;
margin-bottom: 40px;
}
.tbl__style__a th, .tbl__style__a td {
border: solid 1px #ccc;
background: #fff;
padding: 12px 20px;
}
.tbl__style__a th {
background: #c5973e;
color: #fff;
}
@media screen and (max-width: 767px) {
.tbl__style__a {
font-size: 14px;
min-width: inherit;
width: 100%;
margin-bottom: 20px;
}
.tbl__style__a th, .tbl__style__a td {
padding: 5px 10px;
}
}