/* CSS Document */ @-ms-viewport { width: device-width; } .main-bg{ padding-top: 72px; padding-bottom: 58px; background: url(../../img/events/main-bg.jpg) no-repeat center top / cover; } .main-bg .wrap{ display: flex; justify-content: space-between; } .main-bg .icon{ width: 9.5%; } .main-bg .text{ width: 87%; color: #fff; } .main-bg .text .ttl{ font-size: 35px; line-height: 1; font-weight: 700; } .main-bg .text .ttl .mini-text{ font-size: 17px; line-height: 1.64; display: block; margin-top: 20px; font-weight: 500; } .pick-cont .pankuzu li a{ color: #fff; } .pick-cont .pankuzu li a:after { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-left: 5px; } .pick-cont{ padding-top: 15px; padding-bottom: 80px; color: #fff; background: #06225d; } .pick-cont .m-ttl{ margin-top: 70px; } .pick-list li{ margin-bottom: 15px; } .pick-list li:last-child{ margin-bottom: 0px; } .pick-list li a{ display: flex; justify-content: space-between; padding: 15px 15px; background: #fff; align-items: center; position: relative; color: #1d1d1d; } .pick-list li .pic-box{ width: 35%; } .pick-list li .text{ width: 62%; } .pick-list li .text .name{ font-size: 17px; line-height: 1.47; font-weight: 700; margin-bottom: 24px; color: #0d2e9b; } .pick-list li .text dl{ display: flex; } .pick-list li .text dl dt{ width: 11%; font-size: 15px; line-height: 1.6; text-align-last: justify; } .pick-list li .text dl dd{ width: 87%; font-size: 15px; line-height: 1.6; padding-left: 1em; text-indent: -1em; } .pick-list li .text dl dd::before{ content: ":"; } .pick-list li .text .icon{ position: absolute; right: 14px; bottom: 14px; width: 22px; } .pick-list li .text .icon img{ display: block; } .eve-cont{ padding-top: 80px; padding-bottom: 110px; color: #fff; background: #b7d8ee; color: #0d2e9b; } .eve-cont2 .pankuzu li a{ color: #fff; } .eve-cont2 .pankuzu li a:after { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-left: 5px; } .eve-cont2{ padding-top: 15px; padding-bottom: 80px; color: #fff; background: #06225d; } .eve-cont2 .m-ttl{ margin-top: 70px; } .eve-list li{ margin-bottom: 15px; display: flex; justify-content: space-between; padding: 15px 15px; background: #fff; align-items: center; position: relative; color: #1d1d1d; } .eve-list li.y-link{ padding: 0 0; display: block } .eve-list li.y-link a{ display: flex; justify-content: space-between; padding: 15px 15px; background: #fff; align-items: center; position: relative; color: #1d1d1d; } .eve-list li:last-child{ margin-bottom: 50px; } .eve-list li .ttl{ padding-left: 0.5%; padding-right: 0.5%; width: 34%; font-size: 17px; line-height: 1.47; font-weight: 700; } .eve-list li .ttl p{ padding-left: 1em; text-indent: -1em; } .eve-list li .ttl p::before{ content: ""; margin-right: 10px; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px; height: 6px; } .eve-list li .ttl a,.eve-list li .ttl p.link{ color: #0d2e9b; text-decoration: underline; } .eve-list li .ttl p.link::before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px; height: 6px; border-top: 2px solid #0d2e9b; border-right: 2px solid #0d2e9b; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-right: 10px; } .eve-list li .text{ width: 65%; padding-left: 3%; border-left: 1px solid #000000; position: relative; } .eve-list li .text dl{ display: flex; } .eve-list li .text dl dt{ width: 11%; font-size: 15px; line-height: 1.6; text-align-last: justify; } .eve-list li .text dl dd{ width: 87%; font-size: 15px; line-height: 1.6; padding-left: 1em; text-indent: -1em; } .eve-list li .text dl dd::before{ content: ":"; } .eve-list.ptn2 li .text dl dt{ width: 6.7%; } .eve-list.ptn2 li .text dl dd{ width: 92%; } .mini-btn{ text-align: right; } .mini-btn a{ text-align: center; padding-top: 8px; padding-bottom: 8px; line-height: 1; border-radius: 20px; background: #fff00a; color: #1d1d1d; padding-left: 20px; padding-right: 10px; font-weight: 700; } .mini-btn a span{ display: inline-block; } .mini-btn a span::after { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px; height: 6px; border-top: 2px solid #1d1d1d; border-right: 2px solid #1d1d1d; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-left: 20px; } .shere-list{ text-align: right; margin-top: 140px; } .shere-list li{ display: inline-block; width: 40px; margin-right: 18px; line-height: 1; vertical-align: middle; } .shere-list li.text{ width: 150px; margin-right: 14px; } .shere-list li:last-child{ margin-right: 0; } @media print, screen and (min-width : 1367px) { } @media print, screen and (max-width: 900px) { .main-bg{ padding-top: 6.04vw; padding-bottom:4.35vw; background: url(../../img/events/main-bg-sp.jpg) no-repeat center top / cover; } .main-bg .wrap{ display: flex; justify-content: space-between; } .main-bg .icon{ width: 20.8%; padding-top: 5.8vw; } .main-bg .text{ width: 72.4%; } .main-bg .text .ttl{ font-size: 5.8vw; line-height: 1; font-weight: 700; } .main-bg .text .ttl .mini-text{ font-size: 3.6vw; line-height: 1.64; display: block; margin-top: 3.8vw; font-weight: 500; } .pick-cont{ padding-top: 9.66vw; padding-bottom: 9.66vw; } .pick-cont .m-ttl{ margin-top: 0px; margin-bottom: 4.83vw; } .pick-list li{ margin-bottom: 2.4vw; } .pick-list li:last-child{ margin-bottom: 0px; } .pick-list li a{ display: block; padding: 3.3vw 3.3vw 10.6vw; } .pick-list li .pic-box{ width: 100%; } .pick-list li .text{ width: 100%; margin-top: 4.8vw; } .pick-list li .text .name{ font-size: 4.1vw; line-height: 1.47; margin-bottom: 3.3vw; } .pick-list li .text dl{ display: flex; } .pick-list li .text dl dt{ width: 8%; font-size: 3.1vw; line-height: 1.6; text-align-last: left; } .pick-list li .text dl dd{ width: 92%; font-size: 3.1vw; line-height: 1.6; padding-left: 1em; text-indent: -1em; } .pick-list li .text dl:nth-of-type(3) dt{ width: 16%; } .pick-list li .text dl:nth-of-type(3) dd{ width: 84%; } .pick-list li .text dl dd::before{ content: ":"; } .pick-list li .text .icon{ position: absolute; right: 3.3vw; bottom: 3.3vw; width: 6.2vw; } .pick-list li .text .icon img{ display: block; } .eve-cont{ padding-top: 9.66vw; padding-bottom: 9.66vw; } .eve-cont .m-ttl{ margin-top: 0px; margin-bottom: 4.83vw; } .eve-cont2{ padding-top: 9.66vw; padding-bottom: 9.66vw; } .eve-cont2 .m-ttl{ margin-top: 0px; margin-bottom: 4.83vw; } .eve-list li{ margin-bottom: 2.4vw; display: block; padding: 3.3vw 3.3vw; } .eve-list li.y-link{ padding: 0 0; display: block } .eve-list li.y-link a{ display: block; padding: 3.3vw 3.3vw; } .eve-list li:last-child{ margin-bottom: 7.25vw; } .eve-list li .ttl{ padding-left: 0%; padding-right: 0%; width: 100%; font-size: 3.8vw; line-height: 1.47; margin-bottom: 2.4vw; } .eve-list li .ttl p{ padding-left: 0em; text-indent: -0em; } .eve-list li .ttl p::before{ display: none; } .eve-list li .ttl p.link{ padding-left: 1em; text-indent: -1em; } .eve-list li .ttl p.link::before { content: ""; margin-right: 2.42vw; display: inline-block; vertical-align: middle; text-decoration: none; width: 1.5vw; height: 1.5vw; } .eve-list li .text{ width: 100%; padding-left: 0%; border-left: 0; } .eve-list li .text dl{ display: flex; } .eve-list li .text dl dt{ width: 8%; font-size:3.1vw; line-height: 1.6; text-align-last: left; } .eve-list li .text dl dd{ width:92%; font-size:3.1vw; line-height: 1.6; padding-left: 1em; text-indent: -1em; } .eve-list li .text dl:nth-of-type(3) dt{ width: 16%; } .eve-list li .text dl:nth-of-type(3) dd{ width: 84%; } .eve-list li .text dl dd::before{ content: ":"; } .eve-list.ptn2 li .text dl dt{ width: auto; } .eve-list.ptn2 li .text dl dd{ width: auto; } .mini-btn{ text-align: center; } .mini-btn a{ text-align: center; padding-top: 2.4vw; padding-bottom: 2.4vw; line-height: 1; border-radius: 4.8vw; padding-left: 6.8vw; padding-right: 2.8vw; } .mini-btn a span{ display: inline-block; } .mini-btn a span::after { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 1.5vw; height: 1.5vw; border-top: 2px solid #1d1d1d; border-right: 2px solid #1d1d1d; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-left:2.8vw; } .shere-list{ margin-top: 14.49vw; text-align: right; } .shere-list li{ display: inline-block; width: 9.6vw; margin-right: 3.3vw; line-height: 1; vertical-align: middle; } .shere-list li.text{ width: 39vw; margin-right: 3.5vw; font-size: 3vw; } .shere-list li:last-child{ margin-right: 0; } } /*詳細ページ用*/ .main-bg.ex{ height: 240px; } .det-cont{ background: #06225d; padding-bottom: 110px; } .det-cont .mini-btn{ margin-top: 50px; } .contents-bg{ background: #fff; padding-top: 15px; padding-bottom: 110px; margin-bottom: -190px; bottom: 190px; position: relative; } .contents-box .pankuzu li,.contents-box .pankuzu li a{ color: #1d1d1d } .contents-bg .head-wrap{ width: 90%; max-width: 806px; margin-left: auto; margin-right: auto; padding-bottom: 50px; } .contents-bg .head-wrap .det-flex{ display: flex; justify-content: space-between; align-items: center; margin-top: 50px; } .contents-bg .head-wrap .det-flex .icon{ width: 10%; } .contents-bg .head-wrap .det-flex .text{ width: 85.2%; } .contents-bg .head-wrap .det-flex .text .ttl{ line-height: 1.5; color: #0d2e9b; font-size: 27px; margin-bottom: 10px; } .contents-bg .head-wrap .det-flex .text .dat{ font-size: 12px; color: #808080; line-height: 1; } .contents-bg .img-box{ display: block; position: relative; } .contents-bg .img-box .ex-obi{ position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); top: 50%; left: 50%; display: inline-block; padding: 22px 27px; color: #fff; background: #a20017; line-height: 1; font-size: 15px; } .contents-bg .contents-box{ width: 90%; max-width: 806px; margin-left: auto; margin-right: auto; padding-top: 70px; } .contents-bg .contents-box h2{ line-height: 1.47; margin-bottom: 25px; padding-bottom: 12px; border-bottom: 1px solid #2282cc; font-size:26px; color: #2282cc; } .contents-bg .contents-box h2.ex{ margin-bottom: 50px; } .contents-bg .contents-box h3{ margin-bottom: 30px; padding:6px 18px; border-left: 5px solid #2282cc; font-size:20px; background: #0d2e9b; color: #fff; } /* ▼▼▼ 20240617 西岡追加 ▼▼▼ */ .contents-bg .contents-box h4 { margin-bottom: 25px; padding:6px 18px; font-size:18px; color: #2282cc; border-bottom:1px #2282cc dashed; } .contents-bg .contents-box h5 { margin-bottom: 20px; padding: 1px 10px; font-size:16px; color: #464646; border-left: 3px #2282cc solid; } .contents-bg .contents-box span.small { font-size: 0.7em; font-weight: normal; } /* ▲▲▲ 20240617 西岡追加 ▲▲▲ */ .contents-bg .contents-box p{ margin-bottom: 50px; font-size: 15px; line-height: 1.86; } .contents-bg .contents-box p.big{ font-size: 17px; } .contents-bg .contents-box p .notes{ font-size: 12px; } .contents-bg .contents-box p .bold{ font-weight: 700; } .contents-bg .contents-box .link{ color: #2282cc; text-decoration: underline; display: block; } .contents-bg .contents-box .link .icon{ width: 20px; display: inline-block; margin-left: 3px; vertical-align: middle;; } .contents-bg .contents-box .link .icon img{ display: block; } .contents-bg .contents-box .link::before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 8px; height: 8px; border-top: 2px solid #2282cc; border-right: 2px solid #2282cc; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-right: 5px; } /* ▼▼▼ 20240617 西岡追加 ▼▼▼ */ .contents-bg .contents-box dl { margin-bottom:20px; } .contents-bg .contents-box dl dt { margin-top:10px; font-weight:bold; display:inline-block; } .contents-bg .contents-box dl dt:first-of-type { margin-top:0; } .contents-bg .contents-box dl dd { margin-left:1em; } .contents-bg .contents-box ol { margin: 0 0 20px 30px; list-style-position: inside; font-size:15px;/*20240911 西岡追加*/ line-height:1.6;/*20240911 西岡追加*/ } .contents-bg .contents-box ol li{ list-style: decimal; margin-bottom:5px;/*20240911 西岡追加*/ } /* ▲▲▲ 20240617 西岡追加 ▲▲▲ */ /* ▼▼▼ 20240911 西岡追加 ▼▼▼ */ .contents-bg .contents-box ol li > ul{ margin-left:1em; } .contents-bg .contents-box ol li > ul > li{ list-style:disc; margin-bottom:0px; } /*汎用的なulリスト*/ .contents-bg .contents-box ul.normal_list { margin: 0 0 20px 30px; list-style-position: inside; font-size:15px; line-height: 1.6; } .contents-bg .contents-box ul.normal_list li { list-style:disc; margin-bottom: 0.5em; } /* ▲▲▲ 20240911 西岡追加 ▲▲▲ */ /* ▼▼▼ 20240617 西岡追加 ▼▼▼ */ .contents-bg .contents-box .btn_application { width: 100%; margin: 50px 0; text-align: center; } .contents-bg .contents-box .btn_application a { display: inline-block; background: #e68000; padding: 10px 20px; color: #fff; font-size: 20px; font-weight: bold; border: 6px solid #c57005; border-radius: 10px; } /* ▲▲▲ 20240617 西岡追加 ▲▲▲ */ /* ▼▼▼ 20240911 西岡追加 ▼▼▼ */ .contents-bg .contents-box figure { margin: 0; } .contents-bg .contents-box figure figcaption { text-align:center; font-size:0.9em; } /*▼ 汎用flexbox枠 ▼*/ .contents-bg .contents-box .flexbox { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 20px; } .contents-bg .contents-box .flexbox .flexbox_10 {width: calc(10% - 10px);} .contents-bg .contents-box .flexbox .flexbox_15 {width: calc(15% - 10px);} .contents-bg .contents-box .flexbox .flexbox_20 {width: calc(20% - 10px);} .contents-bg .contents-box .flexbox .flexbox_25 {width: calc(25% - 10px);} .contents-bg .contents-box .flexbox .flexbox_30 {width: calc(30% - 10px);} .contents-bg .contents-box .flexbox .flexbox_35 {width: calc(35% - 10px);} .contents-bg .contents-box .flexbox .flexbox_40 {width: calc(40% - 10px);} .contents-bg .contents-box .flexbox .flexbox_45 {width: calc(45% - 10px);} .contents-bg .contents-box .flexbox .flexbox_50 {width: calc(50% - 10px);} .contents-bg .contents-box .flexbox .flexbox_55 {width: calc(55% - 10px);} .contents-bg .contents-box .flexbox .flexbox_60 {width: calc(60% - 10px);} .contents-bg .contents-box .flexbox .flexbox_65 {width: calc(65% - 10px);} .contents-bg .contents-box .flexbox .flexbox_70 {width: calc(70% - 10px);} .contents-bg .contents-box .flexbox .flexbox_75 {width: calc(75% - 10px);} .contents-bg .contents-box .flexbox .flexbox_80 {width: calc(80% - 10px);} .contents-bg .contents-box .flexbox .flexbox_85 {width: calc(85% - 10px);} /*▲ 汎用flexbox枠 ▲*/ /* ▲▲▲ 20240911 西岡追加 ▲▲▲ */ @media print, screen and (max-width: 900px) { .main-bg.ex{ height:42vw; } .det-cont{ padding-bottom: 9.66vw; } .det-cont .mini-btn{ margin-top: 7.25vw; } .contents-bg{ padding-top: 7.25vw; padding-bottom: 14.49vw; margin-bottom: -36.8vw; bottom: 36.8vw; position: relative; } .contents-bg .head-wrap{ width: 90%; max-width: none; margin-left: auto; margin-right: auto; padding-bottom: 4.83vw; } .contents-bg .head-wrap .det-flex{ display: flex; justify-content: space-between; align-items:flex-start; margin-top: 0px; } .contents-bg .head-wrap .det-flex .icon{ width: 18%; } .contents-bg .head-wrap .det-flex .text{ width: 75%; } .contents-bg .head-wrap .det-flex .text .ttl{ line-height: 1.6; font-size: 4.8vw; margin-bottom: 3.3vw; } .contents-bg .head-wrap .det-flex .text .dat{ font-size: 3vw; line-height: 1; } .contents-bg .img-box{ display: block; position: relative; } .contents-bg .img-box .ex-obi{ position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); top: 50%; left: 50%; display: inline-block; padding: 3vw 3vw; line-height: 1; font-size: 2.7vw; } .contents-bg .contents-box{ width: 90%; max-width: 806px; margin-left: auto; margin-right: auto; padding-top: 7vw;/*西岡変更 14.49vw → 7vw*/ } .contents-bg .contents-box h2{ margin-bottom: 4vw; padding-bottom: 2.42vw; border-bottom: 1px solid #2282cc; font-size:5.07vw; } .contents-bg .contents-box h2.ex{ margin-bottom: 5.3vw; } .contents-bg .contents-box h3{ margin-bottom: 4.83vw; padding:2.5vw 4.8vw; border-left: 1.2vw solid #2282cc; font-size:4.1vw; line-height: 1.47; } /* ▼▼▼ 20240617 西岡追加 ▼▼▼ */ .contents-bg .contents-box h4{ font-size:4.0vw; margin-bottom: 3.5vw; } .contents-bg .contents-box h5{ font-size:3.6vw; margin-bottom: 3.5vw; } /* ▲▲▲ 20240617 西岡追加 ▲▲▲ */ .contents-bg .contents-box p{ margin-bottom: 9.66vw; font-size: 3.6vw; line-height: 1.86; } .contents-bg .contents-box p.big{ font-size: 3.6vw; } .contents-bg .contents-box p .notes{ font-size: 2.9vw; } /* ▼▼▼ 20240617 西岡追加 ▼▼▼ */ .contents-bg .contents-box dl { font-size: 3.6vw; } .contents-bg .contents-box ol { /* 20240911 西岡追加 */ margin-left: 6vw; } .contents-bg .contents-box ol li { font-size: 3.6vw; } .contents-bg .contents-box .btn_application a { font-size: 4vw; border: 1vw solid #c57005; } .contents-bg .contents-box .btn_application { margin: 9.66vw 0; } /* ▲▲▲ 20240617 西岡追加 ▲▲▲ */ .contents-bg .contents-box .link .icon{ width: 4.8vw; display: inline-block; margin-left: 1vw; } .contents-bg .contents-box .link .icon img{ display: block; } .contents-bg .contents-box .link::before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 1.4vw; height: 1.4vw; border-top: 2px solid #2282cc; border-right: 2px solid #2282cc; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-right: 2.4vw; } } .ttl-box{ padding: 20px 20px; display: flex; background: #deecf7; box-sizing: border-box; justify-content: space-between; } .ttl-box .pic{ width: 48.6%; } .ttl-box .text{ width: 49.2%; text-align: justify; color: #1d1d1d; font-size: 15px; line-height: 1.86; } .ttl-box .text .name{ line-height: 1.21; font-size: 23px; margin-bottom: 15px; font-weight: 700; } .ttl-box .text .bold{ font-weight: 700; } .ex-table{ margin-bottom: 80px; } .ex-table tr th{ width: 24.5%; box-sizing: border-box; padding: 12px 20px; color: #fff; background: #949392; border-bottom: 1px solid #ffffff; font-size: 15px; line-height: 1.86; text-align: left; vertical-align: top; } .ex-table tr td{ width: 75.5%; box-sizing: border-box; padding: 12px 20px; color: #1d1d1d; background: #ebebeb; border-bottom: 1px solid #ffffff; font-size: 15px; line-height: 1.86; vertical-align: top; } .ex-table tr:last-child th,.ex-table tr:last-child td{ border-bottom: 0; } .ex-table tr td .mini{ font-size: 12px; } .ex-table tr td .bold{ font-weight: 700; } .ex-table tr td .img-box{ margin-top: 12px; box-sizing: border-box; padding: 25px 15px; background: #fff; margin-bottom: 6px; } .contents-bg .contents-box .ex-table tr td .link{ display: inline-block; margin-right: 0.5em; } .item-list{ margin-bottom: 50px; } .item-list li{ margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center; } .item-list li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .item-list li .pic{ width: 35%; text-align: center; } .item-list li .pic img{ width: auto; max-height: 200px; } .item-list li .textbox{ width: 59.5%; padding-top: 26px; text-align: justify; } .item-list li p.name{ font-size: 19px; margin-bottom: 15px; font-weight: 700; } .item-list li p.item{ padding-left: 1em; text-indent: -1em; font-size: 15px; margin-top: 12px; margin-bottom: 0; } .item-list li p.item a{ color: #0d2e9b; font-weight: 700; text-decoration: none; } .item-list li p.item::before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 8px; height: 8px; border-top: 2px solid #0d2e9b; border-right: 2px solid #0d2e9b; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-right: 4px; } .item-list li p.info{ font-size: 15px; line-height: 1.86; margin-bottom: 30px; } /*▼▼▼ 20240904 西岡追加 ▼▼▼*/ .item-list li ul.list_info { font-size: 15px; line-height: 1.86; margin-left: 30px; margin-bottom: 30px; } .item-list li ul.list_info li { margin-bottom: 3px; display: list-item; list-style: disc; } /*機種説明の下に画像&リンクを入れる場合*/ .item-list + .item-list-btmbox { margin-top: -30px; } .item-list + .item-list-btmbox .item-list-btmbox-link.right{ text-align:right; } .item-list + .item-list-btmbox .item-list-btmbox-link a { display:inline-block; padding-left: 1em; text-indent: -1em; font-size: 15px; margin-top: 35px; margin-bottom: 0; color: #0d2e9b; font-weight: 700; text-decoration: none; } .item-list + .item-list-btmbox .item-list-btmbox-link a::before{ content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 8px; height: 8px; border-top: 2px solid #0d2e9b; border-right: 2px solid #0d2e9b; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-right: 4px; } /*▲▲▲ 20240904 西岡追加 ▲▲▲*/ /*▼▼▼ 20240617 西岡追加 ▼▼▼*/ .item-list li p.info span.icon{ display: inline-block; line-height: 1; text-indent: 0; padding: 10px 12px 10px; margin-right: 10px; border-radius: 10px; } .item-list li p.info span.icon.icon_red{ background: #c51324; color: #fff; } .item-list li p.info span.icon.icon_blue{ background: #2282cc; color: #fff; } /*写真部分をもう少し大きくしたかったので急遽サブのクラスを作成(item-list-w48)20240617西岡追加*/ .item-list.item-list-w48 li{ align-items:flex-start; } .item-list.item-list-w48 li .pic{ width: 48%; } .item-list.item-list-w48 li .pic img{ max-height: none; } .item-list.item-list-w48 .textbox { padding-top: 0px; } .item-list.item-list-w48 li .textbox{ width: 48%; } /*▲▲▲ 20240617 西岡追加 ▲▲▲*/ .eve-list li .icon{ position: absolute; right: 14px; bottom: 14px; width: 22px; } .eve-list li .icon img{ display: block; } /*▼▼▼ 20240617 西岡追加 ▼▼▼*/ .item-list li .item_img { max-width: 60%; } /*▲▲▲ 20240617 西岡追加 ▲▲▲*/ /*▼▼▼ 20240820 西岡追加(新製品発表会) ▼▼▼*/ .contents-bg .contents-box.pvs p { margin-bottom: 20px; } .contents-bg .contents-box.pvs .btn_application { margin: 0 0 70px; } .contents-bg .contents-box.pvs .btn_application a { padding: 10px 40px; background: #162D9B; border: none; font-weight: normal; } .catch_img { text-align: center; margin-bottom: 10px; max-width: 920px; width: 90%; margin: 0 auto; } .contents-bg .contents-box .pop_txt { font-weight: bold; } .contents-bg .contents-box .pop_txt p { margin-bottom:5px; font-size:18px; } .contents-bg .contents-box .inner_box { width: 90%; margin: 0 auto 30px;/*20240911 西岡変更(0 auto → 0 auto 30px)*/ } .contents-bg .contents-box.pvs h2 { margin: 80px 0 30px; padding: 13px; background: #162D9B; color: #fff; font-size: 1.5em; font-weight: normal; text-align: center; } .contents-bg .contents-box.pvs h3 { padding: 0; background: #fff; color: #1C4894; border: none; font-size: 1.3em; font-weight: bold; } .contents-bg .contents-box.pvs h3 span:nth-child(1) { padding: 0.3em 0.4em; margin-right: 0.5em; background: #162D9B; position: relative; top: 0.2em; color: #fff; font-size: 2em; font-weight: normal; } .contents-bg .contents-box h4.highlights { background: #E3E3E3; padding: 0; color: #1C4894; font-size: 1.1em; border: none; letter-spacing: 0.07em; } .contents-bg .contents-box h4.highlights span:nth-child(1) { display: inline-block; padding: 8px 20px; margin-right: 20px; background: #162D9B; color: #fff; } ul.highlights_list { margin-top: 30px; margin-bottom: 80px; display: flex; justify-content: space-between; } ul.highlights_list li span { display: block; margin-bottom: 10px; padding: 3px 0; text-align: center; font-size: 1.1em; font-weight: bold; color: #1C4894; border-top: #1C4894 2px solid; border-bottom: #1C4894 2px solid; letter-spacing: 0.05em; } ul.highlights_list li { margin: 0 10px; } ul.highlights_list li:first-child{ margin-left:0; } ul.highlights_list li:last-child{ margin-right:0; } .highlights_box_2 { margin-bottom: 50px; display: flex; justify-content: space-between; } .highlights_box_2 .img-box{ width: 50%; } .demo_table{ margin-bottom: 60px; } .demo_table tr th:first-child, .demo_table tr td:first-child{ border-right: #dddddd solid 2px; } .demo_table tr th { box-sizing: border-box; padding: 12px 10px; background: #E3E3E3; font-size: 1.1em; line-height: 1.86; text-align: center; vertical-align: top; } .demo_table tr td { box-sizing: border-box; background:#FDFDFD; padding: 12px 20px; color: #1d1d1d; font-size: 15px; line-height: 1.86; vertical-align: middle; } .demo_table tr td:first-child{ text-align:center; } .demo_table tr:nth-child(odd) td{ background:#F5F5F5; } .demo_table tr td p { display: inline-block; max-width: 55%; } .demo_table tr td .t_pic { width: 40%; float: right; } .demo_table tr td .mini{ font-size: 12px; } .demo_table tr td .bold{ font-weight: 700; } .demo_table tr td .img-box{ margin-top: 12px; box-sizing: border-box; padding: 25px 15px; background: #fff; margin-bottom: 6px; } .demo_table tr td .link{ display: inline-block; margin-right: 0.5em; } ul.program{ margin-left:1em; } ul.program li { list-style-type: disc; } ul.program li > ul > li { margin-left:2em; } .surprise_contents.mod-compoundA024_img { width: 100%; max-width: 100%; } /*▲▲▲ 20240820 西岡追加 ▲▲▲*/ /*▼▼▼ 20240911 西岡追加 ▼▼▼*/ .contents-bg .contents-box .list_box { margin-bottom: 30px; display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; } .contents-bg .contents-box .list_box .list_item { width: calc(50% - 10px); padding: 20px; background: #edf1ff; } .contents-bg .contents-box .list_box .list_item h4 { display: inline-block; border: none; padding: 2px 12px; color: #0d2e9b; background: #fafbff; border-radius: 5px; } .contents-bg .contents-box .list_box .list_item p { margin-bottom: 20px; } .contents-bg .contents-box .list_box .list_item a { padding: 7px; display: block; background: #0d2e9b; font-size: 15px; color: #fff; text-align: center; } .contents-bg .contents-box .list_box .list_item .ws-button-off { padding: 7px; display: block; background: #d8dbe4; font-size: 15px; color: #9194a0; text-align: center; } /*▼ 汎用的なリンクリスト ▼*/ .contents-bg .contents-box ul.link_list { margin-top: 35px; margin-left: 20px; } .contents-bg .contents-box ul.link_list li{ margin-bottom:0.5em; } .contents-bg .contents-box ul.link_list li a{ display: inline-block; padding-left: 1em; text-indent: -1em; font-size: 15px; margin-bottom: 0; color: #0d2e9b; text-decoration: none; } .contents-bg .contents-box ul.link_list li a::before{ content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 8px; height: 8px; border-top: 2px solid #0d2e9b; border-right: 2px solid #0d2e9b; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-right: 4px; } /*▲ 汎用的なリンクリスト ▲*/ p.kome { text-indent: -1em; padding-left: 1em; } /*▲▲▲ 20240911 西岡追加 ▲▲▲*/ /*▼▼▼ 20241028 西岡追加(ソリューションフェア2024) ▼▼▼*/ #pvs202412.wrap{ max-width: none; width:100%; position: relative; } #pvs202412 .pankuzu{ display:block; padding:10px 2em; width: 100%; max-width:1050px; margin:0 auto; } #pvs202412 #mv-box{ background: url(../../img/events/pvs202412/bg_main_pvs202412.png) no-repeat center top 30% / cover; padding-bottom: 3em; } #pvs202412 #mv-box h1.main_title{ margin:0 auto; width: 35%; max-width: 600px; } #pvs202412 #mv-box .main_place_date{ width: 50%; max-width: 700px; margin: -1em auto 0; text-align:center; } /*▲▲▲ 20241028 西岡追加 ▲▲▲*/ /*▼▼▼ 20241106 西岡追加(ソリューションフェア2024 一部修正) ▼▼▼*/ #pvs202412 #mv-box .main_place_date figure{ position:relative; } #pvs202412 #mv-box .main_place_date figure:before { content: ""; display: block; width: 100%; height: 100%; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(190,190,190,1) 15%, rgba(101,100,100,1) 50%, rgba(178,178,178,1) 85%, rgba(255,255,255,0) 100%); position:absolute; mix-blend-mode: multiply; } #pvs202412 #mv-box .main_place_date figure img{ position: relative; } /*▲▲▲ 20241106 西岡追加(ソリューションフェア2024 一部修正) ▲▲▲*/ /*▼▼▼ 20241028 西岡追加 ▼▼▼*/ #pvs202412 #mv-box .main_place_date p{ margin-top:1em; color:#fff; font-weight:bold; font-size:2em; } #pvs202412 .contents-bg{ padding-bottom: 0; margin-bottom: 0; bottom: 0; } #pvs202412 .contents-bg .contents-box{ padding-top:0; width:100%; max-width:none; } #pvs202412 .contents-bg .contents-box p{ margin-bottom: 20px; } #pvs202412 .contents-bg .contents-box section .sec_inner{ width: 90%; max-width: 806px; margin-left: auto; margin-right: auto; } #pvs202412 #lead{ padding:30px 0; } #pvs202412 #lead p{ text-align:center; font-size:1.5em; line-height: 2.5; } #pvs202412 #lead p.lead_note{ padding:1rem; font-size:1.3em; color:#333; line-height: 2; border:#dae4f0 solid 2px; } #pvs202412 #lead p a{ color:#0d2ea0; font-weight:bold; text-decoration:underline; } #pvs202412 .btn_application a{ width: 80%; max-width: 700px; background: #0d2ea0; border: #fff solid 1px; outline: #0d2ea0 solid 4px; border-radius: 50px; font-weight: normal; position:relative; } #pvs202412 .btn_application a:after{ content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 14px; height: 14px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position:absolute; right:1.5em; top:1em; } #pvs202412 .contents-bg .contents-box section{ position:relative; padding: 5em 0; } #pvs202412 .contents-bg .contents-box section#lead{ padding: 3em 0; } /* ▼ 各section背景 ▼ */ #pvs202412 .contents-bg .contents-box section#new_model{ background-image: url(../../img/events/pvs202412/bg_new_model_01.png), url(../../img/events/pvs202412/bg_new_model_02.png), url(../../img/events/pvs202412/bg_new_model_03.png); background-position: left -73% top 0%, right -73% top 50%, left -73% bottom 0%; background-size: 70% auto, 70% auto, 70% auto; background-repeat: no-repeat, no-repeat, no-repeat; background-color:#1B1110; } #pvs202412 .contents-bg .contents-box section#pickup_model{ background:#d9d9d9; } #pvs202412 .contents-bg .contents-box section#blue_technology{ background-image: linear-gradient(163deg, rgb(19 15 61), rgba(30, 71, 151, 1)40%, rgba(27, 118, 189, 1) 70% 80%, rgba(133, 191, 231, 1) 94%, rgba(227, 241, 250, 1)); /*20241112 西岡変更(背景を写真からグラデーションに)*/ } #pvs202412 .contents-bg .contents-box section#solution_fair{ background-color:#4D4D4D; } #pvs202412 .contents-bg .contents-box section#solution_fair h3{ margin: 0; padding: 0; border: none; background: none; } /* ▲ 各section背景 ▲ */ #pvs202412 .contents-bg .contents-box .new_ico{ position:relative; } #pvs202412 .contents-bg .contents-box .new_ico:before{ content:""; display: block; position: absolute; top: -30px; left: -10px; background: url(../../img/events/pvs202412/ico_new.png) no-repeat top left / cover; width: 60px; height: 60px; } #pvs202412 .contents-bg .contents-box .trial_ico{ position:relative; } #pvs202412 .contents-bg .contents-box .trial_ico:before{ content:""; display: block; position: absolute; top: -30px; right: -10px; background: url(../../img/events/pvs202412/ico_trial_session.png) no-repeat top left / cover; width: 100px; height: 100px; } #pvs202412 .contents-bg .contents-box h2{ color: #000; border: none; font-size: 3em; font-style: italic; text-align: center; letter-spacing:0.03em; } #pvs202412 .contents-bg .contents-box section#new_model h2{ color:#FEFEFE; font-style:italic; } #pvs202412 .contents-bg .contents-box section .machine{ background:#fff; border-radius:30px; /* overflow:hidden; */ margin-bottom:3em; } #pvs202412 .contents-bg .contents-box section .machine .machine_top{ background:#DAE4F0; padding: 2em; /* margin-bottom: 1.5rem; */ border-radius: 30px 30px 0 0; } #pvs202412 .contents-bg .contents-box section .machine .machine_top.s_series{ background-image: url(../../img/events/pvs202412/bg_S.png); background-position: left 10% top 40%; background-size: 30% auto; background-repeat:no-repeat; } #pvs202412 .contents-bg .contents-box section .machine .machine_top.u_series{ background-image: url(../../img/events/pvs202412/bg_U.png); background-position: left 10% top -40%; background-size: 30% auto; background-repeat:no-repeat; } #pvs202412 .contents-bg .contents-box section .machine .machine_top.m_series{ background-image: url(../../img/events/pvs202412/bg_M.png); background-position: left 10% top -40%; background-size: 30% auto; background-repeat:no-repeat; } #pvs202412 .contents-bg .contents-box section .machine .machine_top h3{ background: none; padding: 0; margin-bottom: 0; color: #222; border: none; display: flex; justify-content: space-between; gap: 30px; font-size:2rem; line-height:1.4; } #pvs202412 .contents-bg .contents-box section .machine .machine_top p{ margin-top:.8em; font-size:1.3rem; line-height:1.4; } #pvs202412 .contents-bg .contents-box section .machine .machine_top p.small{ font-size: .9rem; } #pvs202412 .contents-bg .contents-box section .machine .machine_top h3 span.machine_name { padding-top: 0.5em; font-size: 4.5rem; line-height: 1; width: 30%; text-align: center; } #pvs202412 .contents-bg .contents-box section .machine .machine_top h3 span.machine_name_small { font-size: 1rem; font-weight: normal; line-height: 1.6; display: block; } #pvs202412 .contents-bg .contents-box section .machine .machine_top h3 span.machine_txt{ width: 70%; margin-left:auto; font-size: 2rem; line-height: 1.5; } #pvs202412 .contents-bg .contents-box section .machine .machine_read{ margin: 1.5rem 0; font-size:2em; font-weight:bold; } #pvs202412 .contents-bg .contents-box section .machine .machine_read span{ position:relative; z-index:1; } #pvs202412 .contents-bg .contents-box section .machine .machine_read span:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 33%; background: rgb(255 198 0 / 70%); z-index: -1; } #pvs202412 .contents-bg .contents-box section .machine .machine_list .flexbox{ gap:0; } #pvs202412 .contents-bg .contents-box section .machine .machine_list > li{ padding: 1rem 4rem 2rem; } #pvs202412 .contents-bg .contents-box section .machine .machine_list > li:nth-child(2n){ background:#EEEEF0; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .machine_name{ display:block; padding-top: 1em; font-size:3rem; font-weight:bold; line-height: 1.2; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .machine_point{ padding-top: 3em; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .machine_point span:nth-child(1){ display:inline-block; padding:.1rem 1rem; background:#DC5B00; color:#fff; border-radius:30px; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .machine_point span:nth-child(2){ display:block; margin-top: .6em; color:#024998; font-size:.9rem; line-height: 1.4; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .point_list{ display:flex; justify-content: space-between; gap: 10px; } #pvs202412 .contents-bg .contents-box section .machine .machine_list > li .mini_ttl{ margin-bottom: .5rem; font-size:1.1rem; font-weight:bold; border-bottom:1px solid #222; } #pvs202412 .contents-bg .contents-box section .machine h4{ padding: 0; margin-top: 2rem; margin-bottom: .4rem; color: #222; border: none; font-size: 2.5em; font-style: italic; letter-spacing: .05em; } #pvs202412 .contents-bg .contents-box section .machine .pickup_txt{ padding:1rem; margin-bottom: 2rem; color:#fff; font-size:1.5rem; font-weight:bold; background:#014898; text-align:center; line-height:1.4; } #pvs202412 .contents-bg .contents-box section .machine .pickup_txt span{ color:#FCCE05; } #pvs202412 .contents-bg .contents-box section .green_frame{ border:#1DAA39 solid 5px; } #pvs202412 .contents-bg .contents-box section .green_frame.no_frame{ border:none; } #pvs202412 .contents-bg .contents-box section .green_frame .green_frame_ttl{ display:block; padding: 0rem 0.5rem 0.2rem; background:#1DAA39; color:#fff; font-size:1.2rem; letter-spacing:0.1em; } #pvs202412 .contents-bg .contents-box section .green_frame.no_frame .green_frame_ttl{ padding: 0.1rem 0.8rem; } #pvs202412 .contents-bg .contents-box section .green_frame .green_frame_txt{ padding: 1rem 1rem 0; text-align:center; } #pvs202412 .contents-bg .contents-box section .green_frame .green_frame_txt p{ font-size:1.1rem; text-align:left; } #pvs202412 .contents-bg .contents-box section#blue_technology h2 img{ width: 50%; max-width: 450px; } #pvs202412 .contents-bg .contents-box section#blue_technology .sec_inner > p{ color:#fff; text-align:center; font-size:1.8rem; line-height:1.5; } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list{ display:flex; margin:2.5rem 0; flex-wrap:wrap; gap:15px } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list li{ padding:1.5rem; width:calc(50% - 7.5px); background:#fff; border-radius:10px } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list li figure{ text-align:center; /*20241112 西岡削除(padding: 2vw;)*/ } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list li figure img{ width: 25%; } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list li span{ display:block; margin:1rem; color:#014896; text-align:center; font-size:1.7rem; font-weight:bold; } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list li p{ margin-bottom:0; } #pvs202412 .contents-bg .contents-box section#collab_maker p { text-align:center; font-size:1.8rem; line-height:1.5; } #pvs202412 .contents-bg .contents-box section#collab_maker p.note{ font-size:.8rem; text-align:right; } #pvs202412 .contents-bg .contents-box section#collab_maker .collab_maker_list{ display:flex; flex-wrap:wrap; justify-content:center; gap:0; margin:3rem 0; } #pvs202412 .contents-bg .contents-box section#collab_maker .collab_maker_list li{ width:calc(100% / 3); } #pvs202412 .contents-bg .contents-box section#solution_fair h2{ color:#fff; } #pvs202412 .contents-bg .contents-box section#solution_fair .solution_fair_list{ margin-bottom:2rem; } #pvs202412 .contents-bg .contents-box section#solution_fair .solution_fair_list li{ margin-bottom:1rem; } #pvs202412 .contents-bg .contents-box section#solution_fair .note_list{ } #pvs202412 .contents-bg .contents-box section#solution_fair .note_list li{ color:#fff; text-indent: -1em; padding-left: 1em; } #pvs202412 .contents-bg .contents-box section#solution_fair .venue_details{ margin-bottom:5rem; } #pvs202412 .contents-bg .contents-box section#solution_fair #anc4{ margin-top:3em; } #pvs202412 .shere-list, #pvs202412 .mini-btn{ width: 100%; padding: 0 2em; max-width: 1050px; margin-left: auto; margin-right: auto; } #pvs202412 .mini-btn{ padding:30px 0; } /*▲▲▲ 20241028 西岡追加 ▲▲▲*/ @media print, screen and (max-width: 900px) { .ttl-box{ padding: 0px 0px; display: block; } .ttl-box .pic{ width: 100%; } .ttl-box .text{ width: 100%; font-size: 3.6vw; line-height: 1.86; padding: 4.5vw 4.5vw; box-sizing: border-box; } .ttl-box .text .name{ line-height: 1.21; font-size: 4.3vw; margin-bottom: 1vw; } .ex-table{ margin-bottom: 14.49vw; } .ex-table tr th{ width: 100%; box-sizing: border-box; display: block; padding: 1.4vw 4.3vw; font-size: 3.6vw; line-height: 1.86; border-bottom:0; } .ex-table tr td{ display: block; box-sizing: border-box; padding: 1.4vw 4.3vw; border-bottom: 1.2vw solid #ffffff; width: 100%; } .ex-table tr td .mini{ font-size: 2.9vw; } .ex-table tr td .img-box{ margin-top: 3.2vw; box-sizing: border-box; padding: 3.1vw 2.4vw; margin-bottom: 1vw; } .ex-table tr td .kakko{ padding-left: 1em; } .contents-bg .contents-box .ex-table tr td .link{ display: block; margin-right: 0em; } .ex-table tr:last-child th,.ex-table tr:last-child td{ border-bottom: 0; } .item-list{ margin-bottom: 7.25vw; } .item-list li{ margin-bottom: 9.66vw; display: block; } .item-list li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .item-list li .pic{ width: 100%; } .item-list li .pic img{ width: auto; max-height: 48vw; } .item-list li .textbox{ width: 100%; padding-top: 4.83vw; } /* ▼▼▼ 20240617 西岡追加 ▼▼▼ */ .item-list.item-list-w48 li .pic{ width: 100%; } .item-list.item-list-w48 li .textbox{ width: 100%; padding-top: 4.83vw; } /* ▲▲▲ 20240617 西岡追加 ▲▲▲ */ .item-list li p.name{ margin-bottom: 1.6vw; font-size: 4.6vw; } .item-list li p.item{ padding-left: 1em; text-indent: -1em; font-size: 3.6vw; margin-top: 2vw; } .item-list li p.item::before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 1.44vw; height: 1.44vw; border-top: 2px solid #0d2e9b; border-right: 2px solid #0d2e9b; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -0.8vw; margin-right: 1.4vw; } .item-list li p.info{ font-size: 3.6vw; line-height: 1.86; margin-bottom: 6.76vw; } /*▼▼▼ 20240820 西岡追加 ▼▼▼*/ .item-list li ul.list_info { font-size: 3.6vw; line-height: 1.86; margin-left: 6vw; margin-bottom: 6.76vw; } .item-list li ul.list_info li { margin-bottom: 0; } /*▲▲▲ 20240820 西岡追加 ▲▲▲*/ /*▼▼▼ 20240904 西岡追加 ▼▼▼*/ /*機種説明の下に画像&リンクを入れる場合*/ .item-list + .item-list-btmbox { margin-top: -4vw; } .item-list + .item-list-btmbox .item-list-btmbox-link.right{ text-align: left; } .item-list + .item-list-btmbox .item-list-btmbox-link a { padding-left: 1em; text-indent: -1em; font-size: 3.6vw; margin-top: 7vw; text-align: left; } .item-list + .item-list-btmbox .item-list-btmbox-link a::before{ content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 1.44vw; height: 1.44vw; border-top: 2px solid #0d2e9b; border-right: 2px solid #0d2e9b; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -0.8vw; margin-right: 1.4vw; } /*▲▲▲ 20240904 西岡追加 ▲▲▲*/ .eve-list li .icon{ position: relative; right: 3.3vw; bottom: 3.3vw; width: 6.2vw; margin-left: calc(100% - 6.2vw); padding-top: 2vw; } .eve-list li .icon img{ display: block; } /*▼▼▼ 20240911 西岡追加 ▼▼▼*/ .contents-bg .contents-box .list_box { display: block; } .contents-bg .contents-box .list_box .list_item { width: 100%; margin-bottom: 4vw; } /*▼ 汎用flexbox枠 ▼*/ .contents-bg .contents-box .flexbox { display: block; margin-bottom: 4vw; } .contents-bg .contents-box .flexbox .flexbox_10, .contents-bg .contents-box .flexbox .flexbox_15, .contents-bg .contents-box .flexbox .flexbox_20, .contents-bg .contents-box .flexbox .flexbox_25, .contents-bg .contents-box .flexbox .flexbox_30, .contents-bg .contents-box .flexbox .flexbox_35, .contents-bg .contents-box .flexbox .flexbox_40, .contents-bg .contents-box .flexbox .flexbox_45, .contents-bg .contents-box .flexbox .flexbox_50, .contents-bg .contents-box .flexbox .flexbox_55, .contents-bg .contents-box .flexbox .flexbox_60, .contents-bg .contents-box .flexbox .flexbox_65, .contents-bg .contents-box .flexbox .flexbox_70, .contents-bg .contents-box .flexbox .flexbox_75, .contents-bg .contents-box .flexbox .flexbox_80, .contents-bg .contents-box .flexbox .flexbox_85 { width: 100%; } /*▼ 汎用的なリンクリスト ▼*/ .contents-bg .contents-box ul.normal_list{ margin-top: 3vw; margin-left: 4vw; font-size: 3.6vw; } .contents-bg .contents-box ul.link_list li{ margin-bottom:4vw; } .contents-bg .contents-box ul.link_list li a{ font-size: 3.6vw; margin-bottom: 0; } .contents-bg .contents-box .list_box .list_item a{ font-size: 3.6vw; } .contents-bg .contents-box ul.link_list li a::before{ width: 8px; height: 8px; border-top: 2px solid #0d2e9b; border-right: 2px solid #0d2e9b; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-right: 4px; } .contents-bg .contents-box .list_box .list_item .ws-button-off { font-size: 3vw; } .contents-bg .contents-box figure figcaption { font-size: 3vw; } /*▲▲▲ 20240911 西岡追加 ▲▲▲*/ /* ▼▼▼ 20240820 西岡追加(新製品発表会) ▼▼▼ */ .contents-box.pvs { padding-top: 0; } .contents-bg .contents-box.pvs p { margin-bottom: 2vw; } .contents-bg .contents-box.pvs .btn_application { margin: 0 0 10vw; } .contents-bg .contents-box .pop_txt p { font-size: 4vw; text-align: center; } .contents-bg .contents-box.pvs h2 { margin-top: 12vw; font-size: 4.6vw; } .contents-bg .contents-box.pvs h3 { display: table; margin-bottom: 10vw; } .contents-bg .contents-box.pvs h3 span:nth-child(2) { display: table-cell; vertical-align: middle; padding: 3vw 0 0 3.5vw; font-size: 4.3vw; } .contents-bg .contents-box.pvs h3 span:nth-child(1) { display: table-cell; padding: 0.3vw 2.4vw; vertical-align: middle; font-size: 6vw; } .contents-bg .contents-box h4.highlights span:nth-child(1) { display: block; padding: 1vw 2vw; margin-right: 0; text-align: center; font-size: 3.6vw; font-weight: normal; } .contents-bg .contents-box h4.highlights span:nth-child(2) { display: block; padding: 2.5vw; line-height: 1.3; font-size: 3.8vw; font-weight: normal; } .contents-bg .contents-box h4.highlights { margin-right: 3vw; margin-left: 3vw; } .highlights_box_2 { display: block; } .highlights_box_2 .img-box { width: 100%; } ul.highlights_list { display: block; margin-bottom: 12vw; } ul.highlights_list li { margin: 0 7vw 10vw; } ul.highlights_list li:first-child { margin-left: 7vw; } ul.highlights_list li:last-child { margin-right: 7vw; } ul.highlights_list li span { font-size: 3.8vw; } .demo_table{ margin-bottom: 14.49vw; } .demo_table tr th{ box-sizing: border-box; padding: 1.4vw 4.3vw; font-size: 3.6vw; line-height: 1.86; } .demo_table tr td{ box-sizing: border-box; padding: 2.3vw 4.3vw 4.3vw; } .demo_table tr th { vertical-align: middle; line-height: 1.4; padding: 1.4vw 2.3vw; } .demo_table tr td p { display: block; max-width: 100%; } .demo_table tr td .t_pic { width: 100%; float: none; } .demo_table tr td .mini{ font-size: 2.9vw; } .demo_table tr td .img-box{ margin-top: 3.2vw; box-sizing: border-box; padding: 3.1vw 2.4vw; margin-bottom: 1vw; } .demo_table tr td .kakko{ padding-left: 1em; } .contents-bg .contents-box .demo_table tr td .link{ display: block; margin-right: 0em; } /*▲▲▲ 20240820 西岡追加 ▲▲▲*/ /*▼▼▼ 20241028 西岡追加(ソリューションフェア2024) ▼▼▼*/ #pvs202412 #mv-box h1.main_title { width: 90%; } #pvs202412 #mv-box .main_place_date { width: 100%; } #pvs202412 #mv-box .main_place_date figure { margin:0; } #pvs202412 #mv-box .main_place_date figure:before { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(126 110 110) 15%, rgb(111 99 99) 50%, rgb(98 85 85) 85%, rgba(255, 255, 255, 0) 100%); } #pvs202412 #mv-box .main_place_date img { width: 100%; max-width: 600px; } #pvs202412 .contents-bg .contents-box p { margin-bottom: 3.6vw; } #pvs202412 .contents-bg .contents-box section figure { padding: 4vw; text-align: center; } #pvs202412 .contents-bg .contents-box section figure.machine_img img { width: 60%; } #pvs202412 #mv-box .main_place_date p { font-size: 5vw; } #pvs202412 #lead p { font-size: 4vw; line-height: 2; } #pvs202412 .contents-bg .contents-box section#lead { padding: 0 0 3rem; } #pvs202412 #lead p.lead_note { font-size: 3.5vw; } #pvs202412 .contents-bg .contents-box h2 { font-size: 6vw; } #pvs202412 .contents-bg .contents-box .new_ico:before { width: 13vw; height: 13vw; top: -9vw; } #pvs202412 .contents-bg .contents-box .point_list li.new_ico:before { width: 13vw; height: 13vw; top: -3vw; left:4vw; } #pvs202412 .contents-bg .contents-box .trial_ico:before { width: 20vw; height: 20vw; } #pvs202412 .contents-bg .contents-box section { padding: 3rem 0; } #pvs202412 .contents-bg .contents-box section .machine { border-radius: 3vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_top h3 span.machine_name { padding-top: 5vw; font-size: 8vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_top h3 span.machine_name_small { font-size: 2vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_top h3 span.machine_txt { font-size: 4vw; margin-bottom: 3vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_read span { display: inline-block; } #pvs202412 .contents-bg .contents-box section .machine .machine_read span:after { bottom: 1vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_read { margin: 4vw 6vw 0; font-size: 4.2vw; line-height: 1.6; } #pvs202412 .contents-bg .contents-box section .machine .machine_top { padding: 4vw 5vw 0.1vw; border-radius: 3vw 3vw 0 0; } #pvs202412 .contents-bg .contents-box section .machine .machine_top h3 { font-size: 5vw; gap: 2vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_top p { font-size: 3.6vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_top.s_series { background-position: left 10% top -30%; background-size: 35% auto; } #pvs202412 .contents-bg .contents-box section .machine .machine_top.u_series { background-position: left 10% top 0; background-size: 35% auto; } #pvs202412 .contents-bg .contents-box section .machine .machine_top.m_series { background-position: left 10% top 0; background-size: 35% auto; } #pvs202412 .contents-bg .contents-box section .machine .machine_top p.small { font-size: 3vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_list > li { padding: 0 5vw 5vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .machine_name { padding-top: 3vw; font-size: 11vw; text-align: center; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .machine_name_small { display: block; text-align: center; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .machine_point { padding: 0 5vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .machine_point span:nth-child(2) { margin: 2vw 1vw; font-size: 3.6vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .machine_point span:nth-child(1) { } #pvs202412 .contents-bg .contents-box section .green_frame .green_frame_ttl { font-size: 4vw; } #pvs202412 .contents-bg .contents-box section .green_frame .green_frame_txt p{ font-size:3.8vw; line-height:1.6; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .point_list { flex-wrap:wrap; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .point_list li{ width: 48%; padding:0; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .point_list:nth-of-type(2){ display:block; } #pvs202412 .contents-bg .contents-box section .machine .machine_list li .point_list:nth-of-type(2) li{ width:100%; padding:0 8vw; margin-bottom:4vw; } #pvs202412 .contents-bg .contents-box section .machine h4 { font-size: 5vw; } #pvs202412 .contents-bg .contents-box section .machine .pickup_txt { font-size: 4vw; } #pvs202412 .contents-bg .contents-box section .machine .machine_list > li .mini_ttl { font-size: 4vw; } #pvs202412 .contents-bg .contents-box section#blue_technology { /* background-image: linear-gradient(163deg, rgba(14, 27, 69, 1), rgba(40, 78, 141, 1) 20%, rgba(36, 141, 206, 1) 50% 77%, rgba(133, 191, 231, 1) 90%, rgba(227, 241, 250, 1)); */ } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list { display: block; } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list li { padding: 5vw; width: auto; margin: 0 5vw 5vw; } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list li figure img { width: 35%; } #pvs202412 .contents-bg .contents-box section#collab_maker .collab_maker_list li { width: 50%; } #pvs202412 .contents-bg .contents-box section#collab_maker .collab_maker_list { margin: 2vw; } #pvs202412 .contents-bg .contents-box section#collab_maker p { font-size: 4vw; } #pvs202412 .contents-bg .contents-box section#collab_maker p.note { font-size: 3vw; } #pvs202412 .contents-bg .contents-box section#blue_technology .sec_inner > p { font-size: 4vw; line-height: 1.8; } #pvs202412 .contents-bg .contents-box section#blue_technology .environment_list li span { font-size: 5vw; } #pvs202412 .contents-bg .contents-box section#solution_fair .solution_fair_list li { margin-bottom: 5vw; } #pvs202412 .contents-bg .contents-box section#solution_fair .note_list li { font-size: 3.3vw; } #pvs202412 .contents-bg .contents-box section#solution_fair #anc4 { margin-top: -15vw; padding-top: 18vw; } /*▲▲▲ 20241028 西岡追加 ▲▲▲*/ }