.topSection__heading, .topSubSection__heading { color: #231815; font-size: 18px; font-weight: bold; } .topSection__heading__inner { display: inline-block; border-left: 5px solid #8AD1EB; padding: 0 0 0 7px; } .topSection__heading__sub { font-size: 12px; display: block; } .columnList { margin: 15px auto; } .columnList__item img { width: 100%; height: auto; } .caseList { margin: 15px auto; } .caseList__item:not(:last-child) { margin: 0 0 15px; } .caseList__item img { width: 100%; height: auto; } .documentList { margin: 15px auto; } .documentList__item:not(:last-child) { margin: 0 0 15px; } .documentList__item img { width: 100%; height: auto; } .topSubSection__heading { font-size: 17px; } .lineUp { background: #fff; } .lineUp__list { margin: 15px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .lineUp__item { width: 48%; margin: 0 0 4%; } .lineUp__item img { width: 100%; height: auto; } .news { background: #F5F6F7; } .news__list { margin: 0 0 30px; } .news__item { padding: 20px 0; border-bottom: 2px dashed #CCCCCC; } .news__header { margin: 0 0 0px; } .news__date { display: inline-block; width: 142px; font-size: 16px; } .news__category { display: inline-block; color: #fff; background: #0D2EA1; width: 136px; text-align: center; padding: 4px 0; border-radius: 3px 3px 3px 3px; } .news__title{ display: inline-block; width: calc(100% - 316px); margin-left: 20px; color: #0D2EA1; font-size: 16px; } .news__title a{ color: #0D2EA1; } /*イベント用追記*/ .link-list{ text-align: center; font-size: 0; } .link-list li{ width: 268px; display: inline-block; border-right:1px solid #DCDDDD; padding-top: 20px; } .link-list li:last-child{ border-right:none; } .link-list li .list-img{ width: 70%; max-width: 196px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .link-list li .list-img img,.link-list li .list-btn img{ max-width: 100%; } .link-list li .list-txt{ font-size: 12px; line-height: 1.5; margin-bottom: 20px; } .link-list li .list-btn{ width: 76%; max-width: 216px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 901px) { .caseList{ display: flex; justify-content: space-between; } .caseList > div{ width: 23.8%; } .documentList{ display: flex; justify-content: space-between; } .documentList > div{ width: 23.8%; } .seminer-box{ padding: 30px 37px 30px; } .seminer-box .main-img img{ width: 100%; } .seminer-box .main-img{ margin-top: 20px; margin-bottom: 20px; } .topSection.seminer-box .topSection__heading__inner{ background: #fff; } .topSection__heading, .topSubSection__heading { background: inherit; position: relative; } .topSection__heading::before, .topSubSection__heading::before { content: ""; display: block; width: 100%; height: 1px; background: #575554; position: absolute; top: 50%; left: 0; } .topSection__heading__inner { background: inherit; display: inline-block; padding: 0 10px; position: relative; } .columnList { margin: 30px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .columnList::after { content: ""; display: block; width: 257px; } .caseList { margin: 30px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .caseList::after { content: ""; display: block; width: 257px; } .caseList__item { width: 257px; } .documentList { margin: 30px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .documentList::after { content: ""; display: block; width: 257px; } .documentList__item { width: 257px; } .topSubSection__heading__inner { background: inherit; position: relative; display: inline-block; padding: 0 10px 0 0; } .lineUp__list { margin: 30px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .lineUp__item { width: 192px; margin: 0; } .news__item { padding: 25px 0; } .modal-content .detailClose { bottom: 15px; right: 15px; } } @media screen and (max-width: 900px) { .topSection__heading, .topSubSection__heading { color: #231815; font-size:5.3vw; font-weight: bold; } .topSection__heading__inner { display: inline-block; border-left: 5px solid #8AD1EB; padding: 0 0 0 12px; } .topSection__heading__sub { font-size: 16px; display: block; } /*イベント用追記*/ .seminer-box .main-img img{ width: 100%; } .seminer-box .main-img{ margin-top: 20px; margin-bottom: 20px; } .link-list{ text-align: center; font-size: 0; } .link-list li{ width: 100%; max-width: none; display: inline-block; border-right:none; padding-top: 5%; margin-bottom: 12%; } .link-list li:last-child{ border-right:none; margin-bottom: 5%; } .link-list li .list-img{ width: 70%; max-width: 196px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .link-list li .list-img img,.link-list li .list-btn img{ max-width: 100%; } .link-list li .list-txt{ font-size: 12px; line-height: 1.5; margin-bottom: 20px; } .link-list li .list-btn{ width: 76%; max-width: 216px; margin-left: auto; margin-right: auto; } } /*202101追記*/ .columnList.new .columnList__item{ background: #fff; } .columnList.new .columnList__item .text-box{ padding: 10px 0px 15px; position: relative; } .columnList.new .columnList__item .icon{ position: absolute; bottom: 15px; right: 15px; width: 22px; } .columnList.new .columnList__item .name-box{ position: relative; line-height: 1.3em; margin-top: 10px; } .columnList.new .columnList__item .name-box p{ /*position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);*/ font-weight: 700; } .columnList.new .columnList__item .info-box{ overflow: hidden; height: calc(1.3em * 4); position: relative; line-height: 1.3em; margin-top: 5px; } .columnList__item { margin: 0 0 15px; } .columnList.new .columnList__item .info-box p{ font-size: 12px; } .columnList.new .columnList__item .day-box{ margin-top: 12px; } .columnList.new .columnList__item .day-box p{ color:#ADADAD; font-size: 11px; } .caseList.new .caseList__item{ background: #fff; } .caseList.new .caseList__item a{ display: block; width: 100%; } .caseList.new .caseList__item .icon{ position: absolute; bottom: 15px; right: 15px; width: 22px; } .caseList.new .caseList__item .name-box{ position: relative; line-height: 1.3em; margin-top: 20px; margin-bottom: 20px; } .caseList.new .caseList__item .name-box p{ /*position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);*/ font-weight: 700; } .caseList.new .caseList__item .info-box{ overflow: hidden; height: calc(1.3em * 2.9); position: relative; line-height: 1.3em; /*margin-top: 5px;*/ } .caseList.new .caseList__item .info-box p{ font-size: 12px; color: #4C4948; } .caseList.new .caseList__item .cat-box{ margin-top: 12px; height: calc(1.3em * 2); line-height: 1.3em; } .caseList.new .caseList__item .cat-box p{ color:#ADADAD; font-size: 11px; } .caseList.new .caseList__item .day-box{ margin-top: 12px; } .caseList.new .caseList__item .day-box p{ color:#ADADAD; font-size: 11px; } .caseList__item { margin: 0 0 15px; } .taglist{ font-size: 0; } .taglist li{ display: inline-block; margin-right: 1.5%; border-radius: 3px; padding:3px 5px 2px; color:#fff; font-size: 11px; text-align: center; font-weight: 700; box-sizing: border-box; } .caseList.new .taglist li,.columnList.new .taglist li{ /*width: 49%;*/ } .taglist li:last-child{ margin-right: 0; } .taglist li.medical{ background:#DD6F91; } .taglist li.product{ background:#D19713; } .taglist li.logistics{ background:#B06F2B; } .taglist li.shop{ background:#539435; } .taglist li.financial{ background:#834F9C; } .taglist li.other{ background:#3D97D3; } .taglist li.maintenance{ background:#3D97D3; } .taglist li.brother{ background:#004898; } .taglist li.genre{ background:#7D7D7E; } .caseList.new .taglist li.genre{ background:#fff; color: #60A3CC; border: 1px solid #60A3CC; } .taglist li.end{ background:#C9CACA; color: #231815; } .list-img.ex{ margin-bottom: -6px; } .documentList.new .documentList__item{ background: #fff; } .documentList.new .documentList__item.pickup{ background: #ffffff url("../document/img/pickup.png") no-repeat right top; background-size:100%; } .documentList.new .documentList__item a{ display: block; width: 100%; position: relative; } .documentList.new .documentList__item .icon{ position: absolute; bottom: 10px; right: 15px; width: 22px; } .documentList.new .documentList__item .img-box{ padding: 0px 0 12px; width: 100%; margin-left: auto; margin-right: auto; } .documentList.new .documentList__item .text-box{ padding: 10px 0px 15px; position: relative; } .documentList.new .documentList__item .name-box{ position: relative; line-height: 1.3em; margin-top: 15px; } .documentList.new .documentList__item .name-box p{ /*position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);*/ font-weight: 700; } .documentList.new .documentList__item .info-box{ overflow: hidden; height: calc(1.3em * 3); position: relative; line-height: 1.3em; margin-top: 5px; padding-bottom: 18px; } .documentList.new .documentList__item .info-box p{ font-size: 12px; letter-spacing: -0.04em; } .documentList.new .taglist{ font-size: 0; white-space:nowrap; } .documentList__item { margin: 0 0 15px; } .documentList.new .taglist li:last-child{ margin-right: 0; } .documentList.new .taglist li.medical{ background:#DD6F91; } .documentList.new .taglist li.product{ background:#D19713; } .documentList.new .taglist li.logistics{ background:#B06F2B; } .documentList.new .taglist li.shop{ background:#539435; } .documentList.new .taglist li.financial{ background:#834F9C; } .documentList.new .taglist li.other{ background:#3D97D3; } .documentList.new .taglist li.maintenance{ background:#58C3E5; } .documentList.new .taglist li.brother{ background:#004898; } .documentList.new .taglist li.genre{ background:#7D7D7E; } .documentList.new .taglist li.end{ background:#C9CACA; color: #231815; } .documentList.new .documentList__item .day-box{ margin-top: 12px; } .documentList.new .documentList__item .day-box p{ color:#ADADAD; font-size: 11px; } .top-txt{ padding:80px 30px; text-align: center; font-size: 28px; line-height: 1.89; color: #0d2ea1; } .top-txt h2{ font-weight: 600; } .topSection.guideArea{ padding:30px 37px; } .topSection.guideArea .topSection__heading__inner{ background: #fff; } .guideList__item span{ font-size: 13px; margin-top: 5px; display: block; } .guideList__item img{ width: 100%; } .guideList__item span::before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); margin-top: -.25em; margin-right: 3px; } .caseList.new .caseList__item .text-box{ padding: 16px 0px 25px; position: relative; } @media screen and (max-width: 900px) { /*202101追記*/ .columnList.new .columnList__item .text-box{ padding: 16px 0px 25px; } .columnList.new .columnList__item .icon{ position: absolute; bottom: 15px; right: 15px; width: 10%; } .columnList.new .columnList__item .name-box{ position: relative; line-height: 1.8em; margin-top: 5vw; margin-bottom: 5vw; } .columnList.new .columnList__item .name-box p{ /*position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);*/ font-weight: 700; } .columnList.new .columnList__item .info-box{ overflow: hidden; height: calc(2.0em * 4); position: relative; line-height: 2.0em; margin-top: 10px; } .columnList.new .columnList__item .info-box p{ font-size: 4.4vw; } .columnList.new .columnList__item .day-box{ margin-top: 12px; } .columnList.new .columnList__item .day-box p{ color:#ADADAD; font-size: 3.9vw; } .taglist{ font-size: 0; } .taglist li{ display: inline-block; margin-right: 1.5%; border-radius: 3px; padding:3px 5px; color:#fff; font-size: 5.0vw; text-align: center; font-weight: 700; box-sizing: border-box; } .caseList.new .caseList__item{ background: #fff; } .caseList.new .caseList__item .text-box{ padding: 3.2vw 0px 8vw; position: relative; } .caseList.new .caseList__item .icon{ position: absolute; bottom: 15px; right: 15px; width: 10%; } .caseList.new .caseList__item .name-box{ position: relative; line-height: 1.8em; margin-top: 5vw; margin-bottom: 5vw; } .caseList.new .caseList__item .name-box p{ /*position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);*/ font-weight: 700; } .caseList.new .caseList__item .info-box{ overflow: hidden; height: calc(2.0em * 2.9); position: relative; line-height: 2.0em; /*margin-top: 5px;*/ } .caseList.new .caseList__item .info-box p{ font-size: 4.4vw; } .caseList.new .caseList__item .cat-box{ margin-top: 12px; height: calc(1.8em * 2); line-height: 1.8em; } .caseList.new .caseList__item .cat-box p{ color:#ADADAD; font-size: 3.9vw; } .caseList.new .caseList__item .day-box{ margin-top: 12px; } .caseList.new .caseList__item .day-box p{ color:#ADADAD; font-size: 3.9vw; } .list-img.ex{ margin-bottom: -2%; } .documentList.new .documentList__item{ background: #fff; } .documentList.new .documentList__item .text-box{ padding: 16px 0px 25px; position: relative; } .documentList.new .documentList__item .icon{ position: absolute; bottom: 15px; right: 15px; width: 10%; } .documentList.new .documentList__item .name-box{ position: relative; line-height: 1.8em; margin-top: 5vw; margin-bottom: 5vw; } .documentList.new .documentList__item .name-box p{ /*position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);*/ font-weight: 700; } .documentList.new .documentList__item .info-box{ overflow: hidden; height: calc(2.0em * 3); position: relative; line-height: 2.0em; margin-top: 10px; padding-bottom: 28px; } .documentList.new .documentList__item .info-box p{ font-size: 4.0vw; } .documentList.new .documentList__item .day-box{ margin-top: 12px; } .documentList.new .documentList__item .day-box p{ color:#ADADAD; font-size: 3.9vw; } .documentList.new .documentList__item .img-box{ padding: 0px 0 5.3vw; } .top-txt{ padding:25vw 0vw 18vw; text-align: left; font-size: 4.8vw; line-height: 1.88; } .guideList__item{ margin-top: 30px; } .topSection.guideArea{ padding:30px 20px; } .guideList__item span{ font-size: 3.3vw; margin-top: 5px; display: block; } } @media screen and (min-width: 901px) { .guideList { margin: 30px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .guideList::after { content: ""; display: block; width: 257px; } .guideList__item { width: 257px; } } /*202202追記*/ .link-list li .list-name{ text-align: center; color: #1f2a66; font-size: 17px; font-weight: 700; } .link-list li .list-btn a{ position: relative; background: url("../img/gr_bg.jpg") no-repeat left center; padding: 6px 8px; display: block; width: 100%; background-size: cover; line-height: 1; font-size: 14px; text-align: center; color: #231815; font-weight: 600; } .link-list li .list-btn a::after{ position: absolute; top: 25%; right:3%; content: ""; display: inline-block; width: 8px; height: 12px; margin: 0 10px 0 0; background-image:url("../img/yajirushi.png"); background-repeat: no-repeat; background-size: contain; vertical-align: bottom; } @media screen and (max-width: 900px) { .link-list li .list-name{ font-size: 4.4vw; } .link-list li .list-btn a{ font-size: 3.9vw; } } /*202507*/ .head-img{ position: relative; text-align: right; } .head-img img{ max-width: 100%;; } .head-img .contents{ position: absolute; top: 50%; left: 0; right: 0; transform: translate(0, -50%); max-width: 1324px; width: 90%; margin-left: auto; margin-right: auto; text-align: left; color: #000; } .head-img .link-btn{ margin-top: 32px; max-width: 300px; } .head-img .link-btn a{ background: #FFF100; padding: 12px 20px; display: block; position: relative; border-radius: 5px 5px; font-weight: 600; font-size: 16px; } .head-img .link-btn a .yajirushi{ width: 8px; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); } .head-img .link-btn a .yajirushi img{ display: block; width: 100%; } .documentArea{ padding-bottom: 114px; } .caseArea{ padding-bottom: 114px; } .newsArea{ padding-bottom: 136px; } .columnArea{ padding-bottom: 114px; } @media screen and (min-width: 901px) { .columnList.new { display: grid; grid-template-columns: 47.4% 47.4%; grid-template-rows: auto auto; justify-content: space-between; gap: 0 0; position: relative; align-items: start; } .columnList.new::after{ position: absolute; content: ""; width: 1px; height: 100%; background: #0D2EA1; left: 50%; top: 0; } .columnList.new .columnList__item:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; } .columnList.new .columnList__item:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; border-bottom: 1px solid #0D2EA1; padding-bottom: 60px; } .columnList.new .columnList__item:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; margin-top: -180px; } .columnList.new .columnList__item:nth-child(2) .list-img, .columnList.new .columnList__item:nth-child(3) .list-img { display: none; } } @media screen and (max-width: 900px) { .multiple-item{ width: 110%; margin-left: -5%; margin-right: -5%; } .columnList__item,.documentList__item,.caseList__item{ padding-left: 2vw; padding-right: 2vw; box-sizing: border-box; margin-bottom: 0; } .news__title{ width: 100%; margin-top: 2.3vw; margin-left: 0; line-height: 1.6em; } .contents{ width: 90%; margin-left: auto; margin-right: auto; } .head-img .contents{ max-width: 100%; position: relative; top: auto; transform: none; margin-top: 8vw; } .head-img .link-btn{ max-width: 100%; } .head-img .link-btn{ margin-top: 6.4vw; max-width: none; } .head-img .link-btn a{ padding: 3.2vw 5.3vw; display: block; position: relative; border-radius: 1vw 1vw; font-weight: 600; font-size: 4.2vw; } .head-img .link-btn a .yajirushi{ width:2vw; position: absolute; right: 5vw; top: 50%; transform: translate(0, -50%); } .head-img .contents span{ color: #333; } .documentArea{ padding-bottom:26vw; } .caseArea{ padding-bottom: 26vw; } .newsArea{ padding-bottom: 136px; } .columnArea{ padding-bottom: 26vw; } .topSection__more::before{ display: none; } .slick-dots li.slick-active button{ background: none; pointer-events: none; } .slick-dots{ bottom: -3vw; } .slick-dots li button:hover, .slick-dots li button:focus{ background: none; } .slick-dots li button:before{ font-size: 12vw; } }