@charset "UTF-8"; @media only screen and (min-width:961px) { .view-pc.inline { display: inline; } .view-sp { display: none; } .view-sp.inline { display: none; } } picture, figure, section { display: block; } .t_center { text-align: center; } .note { font-size: 14px; letter-spacing: 0.05em; } .txt_c_F { color: #FFF; } .txt_c_B { color: #0D2EA1; } .bold { font-weight: bold; } a.txtlink { text-decoration: underline; } a.txtlink:hover { text-decoration: none; } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .mb55 { margin-bottom: 55px !important; } .mb60 { margin-bottom: 60px !important; } .mb65 { margin-bottom: 65px !important; } .mb70 { margin-bottom: 70px !important; } .mb75 { margin-bottom: 75px !important; } .mb80 { margin-bottom: 80px !important; } .mb85 { margin-bottom: 85px !important; } .mb90 { margin-bottom: 90px !important; } .mb95 { margin-bottom: 95px !important; } .mb100 { margin-bottom: 100px !important; } .inkjetprintereLp { font-weight: 500; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 16px; font-feature-settings: "palt"; letter-spacing: 0.15em; } .inkjetprintereLp * { margin: 0; padding: 0; } .inkjetprintereLp ul { list-style: none; } @media only screen and (min-width:961px) { .inkjetprintereLp .ankerlink { padding-top: 60px; margin-top: -60px; } } .inkjetprintereLp .btn a { font-size: 15px; font-weight: bold; display: flex; width: 100%; height: 60px; align-items: center; background-color: #FFF; line-height: 1.2; font-feature-settings: "palt"; border-radius: 10px; padding-left: 20px; box-sizing: border-box; position: relative; } .inkjetprintereLp .btn a::after { content: ""; display: block; width: 7px; height: 7px; border-bottom: 1px solid #000; border-left: 1px solid #000; position: absolute; right: 15px; top: 50%; transform: translateY(-70%) rotate(315deg); } .inkjetprintereLp .btn a.link::after { transform: translateY(-70%) rotate(225deg); } .inkjetprintereLp .bnnerbox { padding: 60px 0; border-top: 1px solid #BABABA; } .inkjetprintereLp .bnnerbox .flexbox { display: flex; justify-content: center; gap: 0 20px; max-width: 1080px; padding: 0 10px; margin: auto; } .inkjetprintereLp .bnnerbox .flexbox .img { max-width: 409px; } .inkjetprintereLp .bnnerbox .flexbox .img:first-child { max-width: 654px; } .inkjetprintereLp .bnnerbox .flexbox .img img { width: 100%; height: auto; } @media only screen and (min-width:961px) { .inkjetprintereLp .mvBlock { background-color: #0B1321; background-image: url(/-/media/cojp/product/printer/special/bij/technology/img/main_bg.jpg); background-position: center center; background-repeat: no-repeat; } } .inkjetprintereLp .mvBlock-inner { max-width: 1280px; width: 100%; margin: auto; } .inkjetprintereLp .mvBlock-inner img { width: 100%; height: auto; } .inkjetprintereLp .lineupBox { position: relative; z-index: 20; padding-bottom: 90px; } .inkjetprintereLp .lineupBox-inner { max-width: 820px; margin: auto; } .inkjetprintereLp .lineupBox .ttl { margin-bottom: 44px; text-align: center; } .inkjetprintereLp .lineupBox .ttl span { font-size: 18px; font-weight: bold; display: block; margin-bottom: 15px; } .inkjetprintereLp .lineupBox .ttl .img { width: 250px; margin: auto; } .inkjetprintereLp .lineupBox .itembox:not(:last-of-type) { margin-bottom: 40px; } .inkjetprintereLp .lineupBox .itembox .subttl { margin-bottom: 30px; position: relative; font-size: 18px; } .inkjetprintereLp .lineupBox .itembox .subttl::after { content: ""; width: 100%; height: 1px; background-color: #000; position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; margin: auto; } .inkjetprintereLp .lineupBox .itembox .subttl span { position: relative; z-index: 5; background-color: #FFF; display: inline-block; vertical-align: middle; padding-right: 20px; } .inkjetprintereLp .lineupBox .itembox .subttl i { position: relative; margin-right: 20px; } .inkjetprintereLp .lineupBox .itembox .subttl i::before { content: ""; display: inline-block; vertical-align: middle; width: 54px; height: 28px; background-image: url(/-/media/cojp/product/printer/special/bij/technology/img/lineup_ico.png); background-size: contain; } .inkjetprintereLp .lineupBox .itembox .flexbox { display: flex; justify-content: space-between; } .inkjetprintereLp .lineupBox .itembox .flexbox .item { display: block; width: 216px; text-align: center; font-size: 16px; } .inkjetprintereLp .lineupBox .itembox .flexbox .item .img { margin-bottom: 10px; } .inkjetprintereLp .lineupBox .itembox .flexbox .item .img img { width: 100%; height: auto; } .inkjetprintereLp .lineupBox .itembox .flexbox .item .name { letter-spacing: 0.1em; } .inkjetprintereLp .lineupBox .itembox .flexbox .item .name p:first-child { margin-bottom: 5px; } .inkjetprintereLp .inkjet-inner .bgContent { background-color: #3C3F43; background: linear-gradient(90deg, rgb(60, 63, 67) 21%, rgb(101, 96, 97) 63%, rgb(101, 96, 97) 72%, rgb(60, 63, 67) 100%); position: relative; z-index: 10; } .inkjetprintereLp .inkjet-inner .bgContent .navBox { max-width: 1080px; margin: auto; padding: 0 10px; padding-top: 60px; } .inkjetprintereLp .inkjet-inner .bgContent .navBox-list { display: flex; justify-content: space-between; gap: 20px 7px; } .inkjetprintereLp .inkjet-inner .bgContent .navBox-list li { width: 180px; width: 16.6666666667%; } .inkjetprintereLp .inkjet-inner .bgContent .navBox-list li a { font-size: 15px; font-weight: bold; display: flex; width: 100%; height: 60px; align-items: center; background-color: #FFF; line-height: 1.2; font-feature-settings: "palt"; border-radius: 10px; padding-left: 20px; box-sizing: border-box; position: relative; } .inkjetprintereLp .inkjet-inner .bgContent .navBox-list li a::after { content: ""; display: block; width: 7px; height: 7px; border-bottom: 1px solid #000; border-left: 1px solid #000; position: absolute; right: 15px; top: 50%; transform: translateY(-70%) rotate(315deg); } @media only screen and (min-width:961px) { .inkjetprintereLp .inkjet-inner .bgContent .printerimg { display: none; } } .inkjetprintereLp .inkjet-inner .bgContent .movearea { position: relative; } .inkjetprintereLp .inkjet-inner .bgContent .printermove { position: absolute; width: 586px; height: 381px; z-index: 50; right: 0; left: 0; margin: auto; top: 90px; transform: translateX(80%); transition: opacity 0.1s ease; } .inkjetprintereLp .inkjet-inner .bgContent .printermove .img { width: 100%; height: auto; } .inkjetprintereLp .inkjet-inner .bgContent .printermove.is-fixed { position: fixed; transform: translate(0%, -50%); top: 50%; } .inkjetprintereLp .inkjet-inner .bgContent .printermove.is-absolute-end { opacity: 0; visibility: hidden; } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 { max-width: 1080px; padding: 0 10px; margin: auto; padding-top: 80px; padding-bottom: 80px; } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 h2 { color: #FFF; margin-bottom: 20px; font-size: 32px; } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 .txt { color: #FFF; line-height: 2.4; } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 .linktxt { color: #FFF; } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 .linktxt .btn { width: 280px; margin-top: 20px; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner { width: 1080px; padding: 0 10px; margin: auto; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox .flex { display: flex; align-items: center; width: 700px; justify-content: space-between; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox .flex .textBox { color: #FFF; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox .flex .textBox .ttl { font-size: 48px; font-weight: 500; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox .flex .textBox .txt { font-size: 18px; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox .flex .imgBox { width: 400px; position: relative; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox .flex .imgBox .circle { width: 85px; height: 85px; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 3; left: -50px; top: 40px; background-color: #FFF; font-size: 24px; font-weight: bold; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox.ttlbox01 { background-color: #1B6788; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox.ttlbox02 { background-color: #3A8E9C; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox.ttlbox03 { background-color: #3C87AC; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox { padding: 80px 0 120px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox-inner { width: 1080px; padding: 0 10px; margin: auto; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .box { width: 540px; color: #FFF; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .box:not(:last-of-type) { margin-bottom: 75px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .header { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #FFF; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .header .catchphrase { font-size: 18px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .header .name { font-size: 40px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .txt { margin-bottom: 25px; line-height: 2.2; letter-spacing: 0.12em; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .img { margin-bottom: 10px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .movie { margin-top: 40px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .movie .lead { margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 18px; } .inkjetprintereLp .inkjet-inner .bgContent02 { padding: 80px 0 80px; background-color: #131722; position: relative; z-index: 20; } .inkjetprintereLp .inkjet-inner .bgContent02-inner { max-width: 1080px; padding: 0 10px; margin: auto; } .inkjetprintereLp .inkjet-inner .bgContent02 .ttl { text-align: center; font-size: 24px; line-height: 2; margin-bottom: 30px; color: #fff; } .inkjetprintereLp .inkjet-inner .bgContent02 .ttl span { display: block; font-size: 18px; } .inkjetprintereLp .inkjet-inner .bgContent02 .flexBox { display: flex; flex-wrap: wrap; justify-content: center; gap: 34px 24px; } .inkjetprintereLp .inkjet-inner .bgContent02 .item { max-width: 344px; color: #fff; letter-spacing: 0.05em; } .inkjetprintereLp .inkjet-inner .bgContent02 .item .img { margin-bottom: 10px; } .inkjetprintereLp .inkjet-inner .bgContent02 .item .img img { width: 100%; height: auto; } .inkjetprintereLp .inkjet-inner .productBox { padding-top: 80px; padding-bottom: 10%; position: relative; z-index: 20; } .inkjetprintereLp .inkjet-inner .productBox .ttl { margin-bottom: 44px; text-align: center; } .inkjetprintereLp .inkjet-inner .productBox .ttl span { font-size: 18px; font-weight: bold; display: block; margin-bottom: 15px; } .inkjetprintereLp .inkjet-inner .productBox-item { width: 1024px; margin: auto; margin-bottom: 120px; } .inkjetprintereLp .inkjet-inner .productBox-item .ttl .img { width: 363px; margin: auto; } .inkjetprintereLp .inkjet-inner .productBox-item .lead { text-align: center; margin-bottom: 30px; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox { display: flex; justify-content: space-between; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .img { width: 417px; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .textBox { width: 540px; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .textBox .detail { position: relative; padding: 0 20px 0 60px; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .textBox .detail:first-child { padding-bottom: 27px; margin-bottom: 27px; border-bottom: 1px solid #B0B0B0; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .textBox .detail .number { display: block; position: relative; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .textBox .detail .number span { clip-path: inset(50%); clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; overflow: hidden; position: absolute; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .textBox .detail .number::after { content: ""; display: block; position: absolute; z-index: 5; width: 40px; height: 40px; background-image: url(/-/media/cojp/product/printer/special/bij/technology/img/productBox_ico01.png); background-size: contain; left: -60px; top: 10px; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .textBox .detail .number.number02::after { background-image: url(/-/media/cojp/product/printer/special/bij/technology/img/productBox_ico02.png); } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .textBox .detail .txt p:not(:last-of-type) { margin-bottom: 20px; } .inkjetprintereLp .inkjet-inner .productBox-interview { position: relative; } .inkjetprintereLp .inkjet-inner .productBox-interview::after { content: ""; width: 84.375%; aspect-ratio: 360/220; background-color: #F6F7FB; position: absolute; z-index: 1; left: 0; margin: auto; right: 0; top: -10%; } .inkjetprintereLp .inkjet-inner .productBox-interview .ttl { position: relative; z-index: 10; } .inkjetprintereLp .inkjet-inner .productBox-interview .ttl .img { width: 356px; margin: auto; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox { position: relative; z-index: 10; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox-inner { position: relative; margin: auto; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox img { width: 100%; height: auto; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox { position: absolute; z-index: 10; width: 43.515625%; left: 0; top: 0; height: 100%; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox-inner { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; position: relative; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox-inner::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox .centerBox { position: relative; z-index: 10; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox .centerBox .en { font-size: 24px; color: #0D2EA1; font-weight: bold; margin-bottom: 18px; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox .lead { font-size: 28px; font-weight: bold; margin-bottom: 25px; line-height: 1.7857; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox .btn { width: 280px; margin-left: 0; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox .btn a { color: #FFF; background-color: #0D2EA1; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox .btn a::after { border-color: #FFF; } .inkjetprintereLp.interviewLp .btn { text-align: center; margin-bottom: 60px; } .inkjetprintereLp.interviewLp .btn a { width: auto; display: inline-block; height: auto; text-align: left; padding: 20px 40px 20px 20px; background-color: #0D2EA1; color: #FFF; } .inkjetprintereLp.interviewLp .btn a::after { border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; } .inkjetprintereLp.interviewLp .btn a.link::after { transform: translateY(-70%) rotate(225deg); } .inkjetprintereLp.interviewLp .mvBlock02 .ttl { max-width: 1052px; margin: auto; padding: 15px 10px 20px; display: flex; justify-content: flex-start; align-items: flex-end; } .inkjetprintereLp.interviewLp .mvBlock02 .ttl .img { width: 459px; margin-right: 20px; } .inkjetprintereLp.interviewLp .mvBlock02 .ttl .img img { width: 100%; height: auto; } .inkjetprintereLp.interviewLp .mvBlock02 .ttl span { font-size: 18px; font-weight: normal; } .inkjetprintereLp.interviewLp .mvBlock02-inner { width: 100%; margin: auto; position: relative; padding-top: 30px; } .inkjetprintereLp.interviewLp .mvBlock02-inner::before { content: ""; display: block; width: 90%; width: 92.1875%; height: 50%; background-color: #F6F7FB; position: absolute; z-index: 2; left: 0; top: 0; } .inkjetprintereLp.interviewLp .mvBlock02-inner .lead { max-width: 1080px; padding: 0 10px; margin: auto; font-size: 32px; font-weight: bold; line-height: 1.7857; position: relative; z-index: 10; margin-bottom: 30px; } .inkjetprintereLp.interviewLp .mvBlock02-inner .img { position: relative; z-index: 10; } .inkjetprintereLp.interviewLp .mvBlock02-inner .img img { width: 100%; height: auto; } .inkjetprintereLp.interviewLp .interview-inner { padding: 90px 0 0; } .inkjetprintereLp.interviewLp .interview .introduction { position: relative; max-width: 1080px; padding: 0 10px; margin: auto; line-height: 2; margin-bottom: 40px; } .inkjetprintereLp.interviewLp .interview .introduction .txt { position: relative; z-index: 1; } .inkjetprintereLp.interviewLp .interview .introduction .img { display: none; } .inkjetprintereLp.interviewLp .interview .introduction::after { content: ""; position: absolute; right: 0; top: 0; z-index: 0; display: block; width: 314px; height: 220px; background-image: url(/-/media/cojp/product/printer/special/bij/technology/developer/img/introduction_img.png); background-size: contain; } .inkjetprintereLp.interviewLp .interview .profBox .subttl { text-align: center; font-size: 24px; margin-bottom: 25px; } .inkjetprintereLp.interviewLp .interview .profBox .flexbox { display: flex; justify-content: center; gap: 0 15px; } .inkjetprintereLp.interviewLp .interview .profBox .item { border-radius: 10px; width: 290px; background-color: #F6F7FB; padding: 25px 20px; box-sizing: border-box; } .inkjetprintereLp.interviewLp .interview .profBox .item .prof { display: flex; flex-direction: column; align-items: center; margin-bottom: 17px; } .inkjetprintereLp.interviewLp .interview .profBox .item .prof .img { border-radius: 100%; margin-bottom: 10px; overflow: hidden; } .inkjetprintereLp.interviewLp .interview .profBox .item .prof .name { text-align: center; font-size: 16px; } .inkjetprintereLp.interviewLp .interview .profBox .item .prof .name span { font-size: 17px; font-weight: bold; display: block; margin-bottom: 5px; } .inkjetprintereLp.interviewLp .interview .articleBox { margin-bottom: 90px; } .inkjetprintereLp.interviewLp .interview .articleBox-inner { max-width: 1080px; margin: auto; padding: 0 10px; } .inkjetprintereLp.interviewLp .interview .articleBox .ttl { font-size: 28px; border-top: 1px solid #D0D0D0; position: relative; padding: 30px 0; margin-top: 90px; } .inkjetprintereLp.interviewLp .interview .articleBox .ttl::before { content: ""; display: block; position: absolute; width: 65px; height: 1px; z-index: 5; left: 0; top: -0.5px; background-color: #0D2EA1; } .inkjetprintereLp.interviewLp .interview .articleBox .subttl { position: relative; padding-left: 113px; font-size: 18px; margin-bottom: 40px; } .inkjetprintereLp.interviewLp .interview .articleBox .subttl::before { content: ""; width: 100px; height: 1px; background-color: #666; display: block; position: absolute; left: 0; top: 15px; } .inkjetprintereLp.interviewLp .interview .articleBox .subttl02 { font-size: 18px; color: #0D2EA1; text-align: center; margin-bottom: 30px; } .inkjetprintereLp.interviewLp .interview .articleBox .img.long { margin-bottom: 80px; } .inkjetprintereLp.interviewLp .interview .articleBox .img.long img { width: 100%; height: auto; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox { background-color: #F4F4F4; display: flex; max-width: 1080px; margin: auto; margin-bottom: 60px; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox.mtmargin { margin-top: 60px; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox img { width: 100%; height: auto; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .leftimg { max-width: 400px; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt { max-width: 680px; flex: 1; padding: 20px 15px; box-sizing: border-box; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt .txtttl { background-color: #FFF; font-size: 24px; color: #0D2EA1; font-weight: bold; line-height: 1; padding: 14px 0; width: 500px; border: 1px solid #0D2EA1; border-radius: 10px; text-align: center; margin: auto; margin-bottom: 25px; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt .lead { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 20px; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt .imgflex { display: flex; justify-content: space-between; gap: 0 2%; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt .imgflex.gapnone { gap: 0; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt .note02 { font-size: 12px; margin-top: 4px; letter-spacing: 0.05em; } .inkjetprintereLp.interviewLp .interview .articleBox .txt { line-height: 2; } .inkjetprintereLp.interviewLp .interview .articleBox .img { text-align: center; margin-bottom: 40px; } .inkjetprintereLp.interviewLp .interview .articleBox .speak { display: flex; align-items: flex-start; } .inkjetprintereLp.interviewLp .interview .articleBox .speak + .speak { margin-top: 20px; } .inkjetprintereLp.interviewLp .interview .articleBox .speak + .subttl { margin-top: 40px; } .inkjetprintereLp.interviewLp .interview .articleBox .speak + .subttl02 { margin-top: 40px; } .inkjetprintereLp.interviewLp .interview .articleBox .speak + .articleimg { margin-top: 40px; } .inkjetprintereLp.interviewLp .interview .articleBox .speak .imgbox { width: 100px; margin-right: 30px; } .inkjetprintereLp.interviewLp .interview .articleBox .speak .imgbox img { border-radius: 100%; } .inkjetprintereLp.interviewLp .interview .articleBox .speak .imgbox figcaption { text-align: center; font-weight: bold; font-size: 18px; margin-top: 5px; } .inkjetprintereLp.interviewLp .interview .articleBox .speak .txt { flex: 1; background-color: #F6F7FB; padding: 30px 25px; border-radius: 10px; letter-spacing: 0.067em; } @media only screen and (max-width:960px) { .inkjetprintereLp img { width: 100%; height: auto; max-width: 100%; } .inkjetprintereLp .contactBlock { font-size: 14px; } .inkjetprintereLp .lineupBox .itembox { padding: 0 20px; max-width: 600px; margin: auto; } .inkjetprintereLp .lineupBox .itembox .flexbox { flex-wrap: wrap; } .inkjetprintereLp .lineupBox .itembox .flexbox .item { width: 45%; } .inkjetprintereLp .bnnerbox .flexbox { gap: 20px 0; flex-direction: column; align-items: center; } .inkjetprintereLp .inkjet-inner .bgContent .navBox { margin-bottom: 45px; } .inkjetprintereLp .inkjet-inner .bgContent .navBox-list { flex-wrap: wrap; justify-content: center; gap: 20px 30px; } .inkjetprintereLp .inkjet-inner .bgContent .navBox-list li { width: 33.3333333333%; width: calc(33.3333333333% - 30px); } .inkjetprintereLp .inkjet-inner .bgContent .printerimg { width: 80%; max-width: 600px; margin-left: auto; margin-right: -5%; } .inkjetprintereLp .inkjet-inner .bgContent .printermove { display: none; } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 { width: 90%; max-width: 600px; margin: auto; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner { width: 90%; max-width: 600px; margin: auto; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex { width: auto; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex .textBox .ico { width: 50px; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex .textBox .ttl { font-size: 40px; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex .imgBox { width: 50%; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox-inner { width: 90%; max-width: 600px; margin: auto; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .box { width: auto; } .inkjetprintereLp .inkjet-inner .bgContent02 .item { width: calc(50% - 24px); } .inkjetprintereLp .inkjet-inner .productBox-item { width: 90%; max-width: 600px; margin: auto; margin-bottom: 40px; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox { display: block; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .img { width: 90%; max-width: 400px; margin: auto; } .inkjetprintereLp .inkjet-inner .productBox-item .flexBox .textBox { width: 100%; } .inkjetprintereLp .inkjet-inner .productBox-interview { background-color: #F6F7FB; padding: 8% 0; } .inkjetprintereLp .inkjet-inner .productBox-interview::after { display: none; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox { position: static; width: 100%; margin-top: 30px; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox .btn { margin: auto; } .inkjetprintereLp.interviewLp .mvBlock02 .ttl { display: block; } .inkjetprintereLp.interviewLp .mvBlock02-inner .lead { font-size: 28px; } .inkjetprintereLp.interviewLp .interview .introduction::after { display: none; } .inkjetprintereLp.interviewLp .interview .introduction .txt br.view-pc { display: none; } .inkjetprintereLp.interviewLp .interview .introduction .img { display: block; max-width: 628px; width: 60%; margin: auto; } .inkjetprintereLp.interviewLp .interview .profBox .flexbox { flex-direction: column; align-items: center; gap: 20px 0; } .inkjetprintereLp.interviewLp .interview .profBox .item { width: 80%; max-width: 500px; } .inkjetprintereLp.interviewLp .interview .profBox .item .prof { flex-direction: row; } .inkjetprintereLp.interviewLp .interview .profBox .item .prof .img { width: 30%; margin-right: 5%; } .inkjetprintereLp.interviewLp .interview .profBox .item .prof .name { text-align: left; } .inkjetprintereLp.interviewLp .interview .articleBox .ttl { font-size: 24px; } .inkjetprintereLp.interviewLp .interview .articleBox .articleimg { width: 60%; margin-left: auto; margin-right: auto; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox { display: block; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .leftimg { max-width: 600px; margin: auto; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt { max-width: 700px; margin: auto; } } @media only screen and (max-width:640px) { .spmb0 { margin-bottom: 0px !important; } .spmb5 { margin-bottom: 5px !important; } .spmb10 { margin-bottom: 10px !important; } .spmb15 { margin-bottom: 15px !important; } .spmb20 { margin-bottom: 20px !important; } .spmb25 { margin-bottom: 25px !important; } .spmb30 { margin-bottom: 30px !important; } .spmb35 { margin-bottom: 35px !important; } .spmb40 { margin-bottom: 40px !important; } .spmb45 { margin-bottom: 45px !important; } .spmb50 { margin-bottom: 50px !important; } .spmb55 { margin-bottom: 55px !important; } .view-sp.inline { display: inline; } .view-pc { display: none; } .view-pc.inline { display: none; } .inkjetprintereLp { letter-spacing: 0.08em; } .inkjetprintereLp .note { font-size: 12px; } .inkjetprintereLp .lineupBox .ttl span { font-size: 17px; } .inkjetprintereLp .lineupBox .ttl .img { min-width: 171px; max-width: 300px; width: 44%; } .inkjetprintereLp .lineupBox .itembox .subttl { font-size: 18px; margin-bottom: 45px; } .inkjetprintereLp .lineupBox .itembox .subttl i { display: block; margin-bottom: 8px; } .inkjetprintereLp .lineupBox .itembox .subttl::after { top: auto; bottom: -18px; } .inkjetprintereLp .lineupBox .itembox .flexbox { gap: 20px 0; } .inkjetprintereLp .lineupBox .itembox .flexbox .item { width: 48%; font-size: 15px; } .inkjetprintereLp .lineupBox .itembox .flexbox .item .name { letter-spacing: 0; } .inkjetprintereLp .bnnerbox { padding: 40px 0; } .inkjetprintereLp .bnnerbox .flexbox { flex-direction: column; } .inkjetprintereLp .bnnerbox .flexbox .img { width: 100%; max-width: initial; } .inkjetprintereLp .inkjet-inner .bgContent .navBox { margin-bottom: 40px; padding-top: 40px; } .inkjetprintereLp .inkjet-inner .bgContent .navBox-list { gap: 10px; } .inkjetprintereLp .inkjet-inner .bgContent .navBox-list li { width: calc(50% - 10px); } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 { padding: 40px 0; } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 h2 { font-size: 28px; } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 .linktxt { text-align: center; } .inkjetprintereLp .inkjet-inner .bgContent .txtBox01 .linktxt .btn { width: 90%; margin: auto; margin-top: 20px; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner { width: 100%; padding: 0; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex { display: block; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex .textBox { padding: 30px 20px; position: relative; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex .textBox .ico { position: absolute; z-index: 5; width: 80px; height: 78px; right: 10%; top: 0; bottom: 0; margin: auto; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex .textBox .ttl { font-size: 38px; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex .imgBox { width: 100%; } .inkjetprintereLp .inkjet-inner .bgContent .ttlbox-inner .flex .imgBox .circle { left: auto; right: 5%; top: -42px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox { padding: 40px 0 80px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .box:not(:last-of-type) { margin-bottom: 55px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .header .catchphrase { font-size: 17px; } .inkjetprintereLp .inkjet-inner .bgContent .contentBox .header .name { font-size: 32px; } .inkjetprintereLp .inkjet-inner .bgContent02-inner { padding: 0 20px; } .inkjetprintereLp .inkjet-inner .bgContent02 .ttl { font-size: 22px; } .inkjetprintereLp .inkjet-inner .bgContent02 .ttl span { font-size: 17px; } .inkjetprintereLp .inkjet-inner .bgContent02 .flexBox { flex-direction: column; gap: 25px 0; } .inkjetprintereLp .inkjet-inner .bgContent02 .item { width: 100%; } .inkjetprintereLp .inkjet-inner .productBox .ttl span { font-size: 17px; } .inkjetprintereLp .inkjet-inner .productBox .ttl .img { min-width: 246px; max-width: 360px; width: 72%; } .inkjetprintereLp .inkjet-inner .productBox-interview { padding: 10% 0; } .inkjetprintereLp .inkjet-inner .productBox-interview .ttl span { font-size: 17px; } .inkjetprintereLp .inkjet-inner .productBox-interview .ttl .img { min-width: 241px; max-width: 360px; width: 71%; } .inkjetprintereLp .inkjet-inner .productBox-interview .imgBox .tetBox .lead { font-size: 24px; } .inkjetprintereLp.interviewLp .btn { margin-bottom: 40px; } .inkjetprintereLp.interviewLp .mvBlock02 .ttl { line-height: 1; } .inkjetprintereLp.interviewLp .mvBlock02 .ttl .img { max-width: 500px; width: 80%; margin: 0; } .inkjetprintereLp.interviewLp .mvBlock02-inner::before { height: 100%; width: 1000%; } .inkjetprintereLp.interviewLp .interview-inner { padding-top: 40px; } .inkjetprintereLp.interviewLp .interview .introduction { padding: 0 20px; } .inkjetprintereLp.interviewLp .interview .introduction .img { width: 90%; margin: auto; margin-top: 8%; } .inkjetprintereLp.interviewLp .interview .profBox .subttl { margin-bottom: 15px; } .inkjetprintereLp.interviewLp .interview .articleBox { margin-bottom: 50px; } .inkjetprintereLp.interviewLp .interview .articleBox-inner { padding: 0 20px; } .inkjetprintereLp.interviewLp .interview .articleBox .ttl { margin-top: 60px; font-size: 22px; padding: 23px 0; } .inkjetprintereLp.interviewLp .interview .articleBox .subttl { padding-left: 15%; } .inkjetprintereLp.interviewLp .interview .articleBox .subttl::before { width: 12%; } .inkjetprintereLp.interviewLp .interview .articleBox .img.long { width: calc(100% + 40px); margin-left: -20px; margin-bottom: 40px; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .leftimg { max-width: initial; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt { max-width: initial; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt .txtttl { width: 100%; } .inkjetprintereLp.interviewLp .interview .articleBox .imgtxtbox .righttxt .imgflex { flex-direction: column; gap: 20px 0; } .inkjetprintereLp.interviewLp .interview .articleBox .articleimg { width: 100%; margin-left: auto; margin-right: auto; } .inkjetprintereLp.interviewLp .interview .articleBox .speak .imgbox { width: 17%; margin-right: 18px; } .inkjetprintereLp.interviewLp .interview .articleBox .speak .imgbox figcaption { font-size: 14px; } .inkjetprintereLp.interviewLp .interview .articleBox .speak .txt { padding: 20px 15px; } }/*# sourceMappingURL=styles.css.map */