/* 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: 24px;/*kato 20250121 6.04vw --> 24px */ padding-bottom: 20px;/*kato 20250121 4.35vw --> 20px */ background: url(../../img/events/main-bg-sp.jpg) no-repeat center top / cover; } .main-bg .wrap{ display: flex; justify-content: space-between; align-items: center;/*kato 20250121 追加 */ } .main-bg .icon{ width: 20.8%; padding-top: 0;/*kato 20250121 5.8vw --> 0 */ } .main-bg .text{ width: 72.4%; } .main-bg .text .ttl{ font-size: 24px;/*kato 20250121 5.8vw --> 24px */ line-height: 1; font-weight: 700; } .main-bg .text .ttl .mini-text{ font-size: 14px;/*kato 20250121 3.6vw --> 14px */ line-height: 1.64; display: block; margin-top: 16px;/*kato 20250121 3.8vw --> 16px */ font-weight: 500; } .pick-cont{ padding-top: 32px;/*kato 20250121 9.66vw --> 32px */ padding-bottom: 32px;/*kato 20250121 9.66vw --> 32px */ } .pick-cont .m-ttl{ margin-top: 0px; margin-bottom: 16px;/*kato 20250121 4.83vw --> 16px */ } .pick-list li{ margin-bottom: 2.4vw; } .pick-list li:last-child{ margin-bottom: 0px; } .pick-list li a{ display: block; padding: 12px 12px 40px;/*kato 20250121 3.3vw 3.3vw 10.6vw --> 12px 12px 40px */ } .pick-list li .pic-box{ width: 100%; } .pick-list li .text{ width: 100%; margin-top: 16px;/*kato 20250121 4.8vw --> 16px */ } .pick-list li .text .name{ font-size: 16px;/*kato 20250121 4.1vw --> 16px */ line-height: 1.47; margin-bottom: 12px;/*kato 20250121 3.3vw --> 12px */ } .pick-list li .text dl{ display: flex; } .pick-list li .text dl dt{ width: auto;/*kato 20250121 8% --> auto */ font-size: 12px;/*kato 20250121 3.1vw --> 12px */ line-height: 1.6; text-align-last: left; } .pick-list li .text dl dd{ width: auto;/*kato 20250121 92% --> auto */ font-size: 12px;/*kato 20250121 3.1vw --> 12px */ line-height: 1.6; padding-left: 1em; text-indent: -1em; } .pick-list li .text dl:nth-of-type(3) dt{ width: auto;/*kato 20250121 16% --> auto */ } .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: 12px;/*kato 20250121 3.3vw --> 12px */ bottom: 12px;/*kato 20250121 3.3vw --> 12px */ width: 24px;/*kato 20250121 6.2vw --> 24px */ } .pick-list li .text .icon img{ display: block; } .eve-cont{ padding-top: 32px;/*kato 20250121 9.66vw --> 32px */ padding-bottom: 32px;/*kato 20250121 9.66vw --> 32px */ } .eve-cont .m-ttl{ margin-top: 0px; margin-bottom: 14px;/*kato 20250121 4.83vw --> 14px */ } .eve-cont2{ padding-top: 32px;/*kato 20250121 9.66vw --> 32px */ padding-bottom: 32px;/*kato 20250121 9.66vw --> 32px */ } .eve-cont2 .m-ttl{ margin-top: 0px; margin-bottom: 14px;/*kato 20250121 4.83vw --> 14px */ } .eve-list li{ margin-bottom: 10px;/*kato 20250121 2.4vw --> 10px */ display: block; padding: 12px 12px;/*kato 20250121 3.3vw 3.3vw --> 12px 12px */ } .eve-list li.y-link{ padding: 0 0; display: block } .eve-list li.y-link a{ display: block; padding: 12px 12px;/*kato 20250121 3.3vw 3.3vw --> 12px 12px */ } .eve-list li:last-child{ margin-bottom: 24px;/*kato 20250121 7.25vw --> 24px */ } .eve-list li .ttl{ padding-left: 0%; padding-right: 0%; width: 100%; font-size: 16px;/*kato 20250121 3.8vw --> 16px */ line-height: 1.47; margin-bottom: 10px;/*kato 20250121 2.4vw --> 10px */ } .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: 10px;/*kato 20250121 2.42vw --> 10px */ display: inline-block; vertical-align: middle; text-decoration: none; width: 6px;/*kato 20250121 1.5vw --> 6px */ height: 6px;/*kato 20250121 1.5vw --> 6px */ } .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: auto;/*kato 20250121 8% --> auto */ font-size: 12px;/*kato 20250121 3.1vw --> 12px */ line-height: 1.6; text-align-last: left; white-space: nowrap;/*kato 20250121 追加 */ } .eve-list li .text dl dd{ width: auto;/*kato 20250121 92% --> auto */ font-size: 12px;/*kato 20250121 3.1vw --> 12px */ line-height: 1.6; padding-left: 1em; text-indent: -1em; } .eve-list li .text dl:nth-of-type(3) dt{ width: auto;/*kato 20250121 16% --> auto */ } .eve-list li .text dl:nth-of-type(3) dd{ width: auto;/*kato 20250121 84% --> auto */ } .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: 10px;/*kato 20250121 2.4vw --> 10px */ padding-bottom: 10px;/*kato 20250121 2.4vw --> 10px */ line-height: 1; border-radius: 20px;/*kato 20250121 4.8vw --> 20px */ padding-left: 30px;/*kato 20250121 6.8vw --> 30px */ padding-right: 14px;/*kato 20250121 2.8vw --> 14px */ } .mini-btn a span{ display: inline-block; } .mini-btn a span::after { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px;/*kato 20250121 1.5vw --> 6px */ height: 6px;/*kato 20250121 1.5vw --> 6px */ border-top: 2px solid #1d1d1d; border-right: 2px solid #1d1d1d; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-left: 14px;/*kato 20250121 2.8vw --> 14px */ } .shere-list{ margin-top: 48px;/*kato 20250121 14.49vw --> 48px */ text-align: right; } .shere-list li{ display: inline-block; width: 32px;/*kato 20250121 9.6vw --> 32px */ margin-right: 20px;/*kato 20250121 3.3vw --> 20px */ line-height: 1; vertical-align: middle; } .shere-list li.text{ width: 120px;/*kato 20250121 39vw --> 120px */ margin-right: 20px;/*kato 20250121 3.5vw --> 20px */ font-size: 12px;/*kato 20250121 3vw --> 12px */ } .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: 20px;/*20250408西岡変更 (←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 西岡追加 ▲▲▲ */ /* ▼▼▼ 20250404 西岡変更(汎用CTAボタンデザイン変更) ▼▼▼ */ .contents-bg .contents-box .btn_application { text-align: center; } .contents-bg .contents-box .btn_application a { position:relative; display: block; width: 50%; max-width:500px; min-width: 260px; margin: 50px auto; background: #57A2DA; padding: 10px 20px; color: #fff; font-size: 18px; border-radius: 40px; } .contents-bg .contents-box .btn_application a:after { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position:absolute; right:20px; top:20px; } /* ▲▲▲ 20250404 西岡変更(汎用CTAボタンデザイン変更) ▲▲▲ */ /* ▼▼▼ 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:164px;/*kato 20250121 42vw --> 40px */ } .det-cont{ padding-bottom: 9.66vw; } .det-cont .mini-btn{ margin-top: 7.25vw; } .contents-bg{ padding-top: 24px; /*kato 20250121 7.25vw --> 24px */ padding-bottom: 40px; /*kato 20250121 14.49vw --> 40px */ margin-bottom: -140px; /*kato 20250121 -36.8vw --> -140px */ bottom: 140px; /*kato 20250121 36.8vw --> 140px */ position: relative; } .contents-bg .head-wrap{ width: 90%; max-width: none; margin-left: auto; margin-right: auto; padding-bottom: 24px; /*kato 20250121 4.83vw --> 24px */ } .contents-bg .head-wrap .det-flex{ display: flex; justify-content: space-between; align-items: center; /*kato 20250121 flex-start -->center */ 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: 18px;/*kato 20250121 4.8vw --> 18px */ margin-bottom: 12px;/*kato 20250121 3.3vw --> 12px */ } .contents-bg .head-wrap .det-flex .text .dat{ font-size: 12px;/*kato 20250121 3vw --> 12px */ 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: 24px;/*西岡変更 14.49vw → 7vw*/ /*kato 20250121 7vw --> 24px */ } .contents-bg .contents-box h2{ margin-bottom: 14px; /*kato 20250121 4vw --> 14px */ padding-bottom:8px;/*kato 20250121 2.42vw --> 8px */ border-bottom: 1px solid #2282cc; font-size: 20px;/*kato 20250121 5.07vww --> 20px */ } .contents-bg .contents-box h2.ex{ margin-bottom: 5.3vw; } .contents-bg .contents-box h3{ margin-bottom: 14px; /*kato 20250121 4.83vw --> 14px */ padding: 8px 16px; /*kato 20250121 2.5vw 4.8vw --> 8px 16px */ border-left: 4px solid #2282cc;/*kato 20250121 1.2vw --> 4px */ font-size: 16px; /*kato 20250121 4.1vw --> 16px */ line-height: 1.47; } /* ▼▼▼ 20240617 西岡追加 ▼▼▼ */ .contents-bg .contents-box h4{ font-size: 16px; /*kato 20250123 4.0vw --> 16px */ margin-bottom: 16px; /*kato 20250123 3.5vw --> 16px */ } .contents-bg .contents-box h5{ font-size: 16px; /*kato 20250123 3.6vw --> 16px */ margin-bottom: 16px; /*kato 20250123 3.5vw --> 16px */ } /* ▲▲▲ 20240617 西岡追加 ▲▲▲ */ .contents-bg .contents-box p{ margin-bottom: 32px;/*kato 20250123 9.66vw --> 32px */ font-size: 14px;/*kato 20250123 3.6vw --> 14px */ line-height: 1.86; } .contents-bg .contents-box p.big{ font-size: 14px;/*kato 20250123 3.6vw --> 14px */ } .contents-bg .contents-box p .notes{ font-size: 12px;/*kato 20250123 2.9vw --> 12px */ } /* ▼▼▼ 20240617 西岡追加 ▼▼▼ */ .contents-bg .contents-box dl { font-size: 14px;/*kato 20250123 3.6vw --> 14px */ } .contents-bg .contents-box ol { /* 20240911 西岡追加 */ margin-left: 32px;/*kato 20250123 6vw --> 32px */ } .contents-bg .contents-box ol li { font-size: 14px;/*kato 20250123 3.6vw --> 14px */ } .contents-bg .contents-box .btn_application a { font-size: 16px;/*kato 20250123 4vw --> 16px */ } /* ▲▲▲ 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: 14px; /*kato 20250121 15px --> 14px */ line-height: 1.86; vertical-align: top; } .ex-table tr:last-child th,.ex-table tr:last-child td{ border-bottom: 0; } .mini{/*20250408西岡変更(←.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 30px; width: 35%; max-width: 800px;/* ←600px 20241219 西岡変更 */ } #pvs202412.pvs-osk202412 #mv-box h1.main_title img{ mix-blend-mode: luminosity; } #pvs202412 #mv-box .main_place_date{ width: 50%; max-width: 700px; margin: -3em auto 0; text-align:center; position:relative; } /*▲▲▲ 20241028 西岡追加 ▲▲▲*/ /*▼▼▼ 20241106 西岡追加(ソリューションフェア2024 一部修正) ▼▼▼*/ #pvs202412 #mv-box .main_place_date figure{ position:relative; margin-bottom: 0;/*20241205 西岡追加 */ } #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 西岡追加 ▼▼▼*/ /* ※p.main_place_date-txtへの変更に伴い削除※ #pvs202412 #mv-box .main_place_date p{ margin-top:1em; color:#fff; font-weight:bold; font-size:2em; }*/ /*▲▲▲ 20241028 西岡追加 ▲▲▲*/ /*▼▼▼ 20241205 西岡追加 ▼▼▼*/ #pvs202412.pvs-osk202412 #mv-box{ background: url(../../img/events/pvs-osk202412/bg_main_pvs-osk202412.jpg) no-repeat center top 70% / cover; padding-bottom: 3em; } #pvs202412 #mv-box h1.main_title > span{ font-weight:normal; color:#fff; display: block; margin-top: -4vw; text-align: center; } #pvs202412 #mv-box h1.main_title > span > strong{ font-size: 3vw; font-weight: normal; text-shadow: 0px 0px 20px #000000; } #pvs202412 #mv-box .main_place_date p.main_place_date-txt { margin-top: 1em; color: #fff; font-weight: bold; font-size: 2em; } /*▼ 20241219 西岡追加 ▼*/ #pvs202412.pvs-kys202412 #mv-box{ background: url(../../img/events/pvs-kys202412/bg_main_pvs-kys202412.jpg) no-repeat center top 70% / cover; padding-bottom: 3em; text-align: center; } #pvs202412.pvs-kys202412 #mv-box h1{ text-align:center; } #pvs202412.pvs-kys202412 #mv-box h1 img{ mix-blend-mode:luminosity; } #pvs202412 #mv-box .subttl{ margin: -1vw 0 7vw; padding: 0 1.5vw; display: inline-block; /* background:#fff; */ color: #ffffff; font-weight:bold; font-size: 3vw; rotate: -4deg; text-shadow: 0px 0px 20px #000000; } #pvs202412.pvs-kys202412 #mv-box .main_place_date { width: 45%; display: table; border-radius: 5px; overflow:hidden; /*border: #0d2e9b solid 5px;*/ box-sizing: border-box; max-width: 800px; } #pvs202412.pvs-kys202412 #mv-box .main_place_date p.main_place_date-catch { width: 25%; padding: 0 1vw; display: table-cell; vertical-align: middle; margin-top: 0; font-size: 1.1vw; line-height: 1.5; } #pvs202412.pvs-kys202412 #mv-box .main_place_date p.main_place_date-catch:before { content:none; } #pvs202412.pvs-kys202412 #mv-box .main_place_date p.main_place_date-catch:after { content:none; } #pvs202412.pvs-kys202412 #mv-box .main_place_date p.main_place_date-catch span { display:block; font-size: 1.8vw; } #pvs202412.pvs-kys202412 #mv-box .main_place_date .main_place_date-txt_date { display: table-cell; width: auto; } #pvs202412.pvs-kys202412 #mv-box .main_place_date div.main_place_date-txt_date > ul{ display:block; } #pvs202412.pvs-kys202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li{ margin-bottom: 0; } #pvs202412.pvs-kys202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul { padding: 0.6vw 0; width: 100%; } #pvs202412.pvs-kys202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul:before{ background: rgb(255,255,255); background: linear-gradient(90deg, rgb(141 139 139) 15%, rgb(86 85 85) 50%, rgb(141 139 139) 85%, rgb(150 150 150 / 95%) 100%); position:absolute; mix-blend-mode: multiply; z-index: 0; } #pvs202412.pvs-kys202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul >li { text-align: center; } /*▲ 20241219 西岡追加 ▲*/ #pvs202412 #mv-box .main_place_date p.main_place_date-catch{ margin-top: 4vw; padding: 0px 0.5em 0 0.8em; color:#fff; line-height:1; font-weight:bold; font-size: 1.8vw; display: inline-block; background: #0d2ea0; position:relative; } #pvs202412 #mv-box .main_place_date p.main_place_date-catch:before, #pvs202412 #mv-box .main_place_date p.main_place_date-catch:after{ width: calc(100% - 20px); height: 0; display: block; position: absolute; left: 0; content: ""; } #pvs202412 #mv-box .main_place_date p.main_place_date-catch:before{ border-bottom: solid 15px #0d2ea0; border-right: solid 15px transparent; bottom: 100%; width: 100%; } #pvs202412 #mv-box .main_place_date p.main_place_date-catch:after{ border-top: solid 15px #0d2ea0; border-left: solid 15px transparent; top: 100%; width: 100%; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date{ margin: 40px auto 0; width: 100%; position: relative; } #pvs202412.pvs_kys202412 #mv-box .main_place_date div.main_place_date-txt_date > ul{ display: table-cell; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li{ margin-bottom: 1em; display: block; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > p.txt_date_gray{ background: #5B5B67; color: #dddddd; font-weight: normal; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul{ display: block; width: 100%; padding: 10px 20px; color: #fff; font-size: 1.1rem; position:relative; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul:before{ content: ""; display: block; width: 100%; height: 100%; top:0; left:0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(190, 190, 190, 1) 15%, rgba(101, 100, 100, 1) 50%, rgb(150 150 150) 85%, rgb(255 255 255 / 0%) 100%); position:absolute; mix-blend-mode: multiply; z-index: 0; } #pvs202412.pvs-osk202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul:before{ content: ""; display: block; width: 100%; height: 100%; top:0; left:0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255 255 255 / 0%) 0%, rgb(150 150 150) 15%,rgba(101, 100, 100, 1) 50%, rgb(150 150 150) 85%, rgb(255 255 255 / 0%) 100%); position:absolute; mix-blend-mode: multiply; z-index: 0; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul li{ font-size: 1.2vw; text-align: left; letter-spacing:0.05em; position: relative; z-index: 1; } #pvs202412.pvs-osk202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul li{ text-align: center; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul li > span { font-size:2vw; font-weight:bold; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul li > span.small{ font-size:.9vw; font-weight:normal; } /*▲▲▲ 20241205 西岡追加 ▲▲▲*/ /*▼▼▼ 20241028 西岡追加 ▼▼▼*/ #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; } /*▼ 20241219 西岡追加 ▼*/ #pvs202412.pvs-kys202412 #lead p{ line-height: 2; } /*▲ 20241219 西岡追加 ▲*/ #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; } /* ▼ 20250124 西岡追加 */ #pvs202412 .contents-bg .contents-box section#seminar_details{ background-image: repeating-linear-gradient(130deg, #bce2f6, #bce2f6 5px, #d3edfb 5px, #d3edfb 10px); } /* ▲ 20250124 西岡追加 */ #pvs202412 .contents-bg .contents-box section#after_service{ background: #EAF6FD; } #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; position: relative;/*20241205 西岡追加 */ } /* ▲ 各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; } /*▼ 20241205 西岡追加 ▼*/ #pvs202412 .contents-bg .contents-box section .machine .machine_list > li:last-child{ border-radius:0 0 30px 30px } /*▲ 20241205 西岡追加 ▲*/ #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; } /* ▼▼▼ 20250124 西岡追加 ▼▼▼ */ #pvs202412 .contents-bg .contents-box section#seminar_details .sec_inner:first-child{ margin: -2em auto 0; padding:2em 3em 1em; background: #fff; border-radius:30px; } #pvs202412 .contents-bg .contents-box section#seminar_details h2 { position:relative; margin: 0 0 25px; padding: 0.5em 1em; color: #3b3b3b; z-index:0; } #pvs202412 .contents-bg .contents-box section#seminar_details h2 span{ background: linear-gradient(transparent 70%, #fbf384 70%); } #pvs202412 .contents-bg .contents-box section#seminar_details p { margin-bottom: 2rem; text-align:center; font-size: 1.6rem; line-height:1.8; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list{ display:flex; flex-wrap:wrap; gap: 80px 20px; margin: 6em 0 3em; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li{ position: relative; padding: 1em; width: calc((100% - 20px) / 2); border:#0e5292 2px solid; border-radius:10px; text-align: center; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl{ margin: -30px 0 10px; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li span.seminar_date{ display: inline-block; position: relative; margin: 0; top: -1.5em; padding: 0 0.7em; color:#0e5292; font-size: 35px; background: #ffffff; line-height: 1.5; font-weight: bold; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li span.seminar_date span{ display:block; font-size: 0.6em; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dt{ display: block; position:relative; padding: 0.8em 0.5em 0.8em; margin: 0.5em 0 1.5em; color: #3b3b3b; font-size: 1.3em; line-height: 1.4; letter-spacing: -0.05em; z-index: 0; background: #e5f1f8; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dt:before{ content:""; position:absolute; left: calc(50% - 50px); top: calc(0% - 0.55em); width: 100px; height: 100px; background: #e5f1f8; z-index: -1; --radius: 20px; clip-path: polygon( var(--radius) 0, calc(100% - var(--radius)) 0, 100% var(--radius), 100% calc(100% - var(--radius)), calc(100% - var(--radius)) 100%, calc(var(--radius)) 100%, 0 calc(100% - var(--radius)), 0 var(--radius) ); } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dd{ margin-left:0; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dd .seminar_content{ text-align: justify; color: #3b3b3b; margin-bottom: 1em; padding: 0 1em; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dd .seminar_enterprise{ margin: 0 0.5em; text-align: right; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dd .seminar_enterprise span{ display: inline-block; color: #0e5292; background: #e5f1f8; padding: 0.4em 1em 0 2.5em; /* border-radius: 50px 0 0 0; */ --radius: 32px; clip-path: polygon( var(--radius) 0%, 100% 0%, 100% 100%, 0% 100%, 0 calc(100% - var(--radius)), 0 var(--radius) ); } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dd .seminar_image{ margin: 0 0.5em; border:2px #e5f1f8 solid; box-sizing: border-box; } /* ▲▲▲ 20250124 西岡追加 ▲▲▲ */ /* ▼▼▼ 20241219 西岡追加 ▼▼▼ */ #pvs202412 .contents-bg .contents-box section .green_frame.ico_comment { position: relative; } #pvs202412 .contents-bg .contents-box section .green_frame.ico_comment span.comment_ico{ padding: 2.6em 1em 1em; position:absolute; width:10em; height:10em; top: -30px; right: -30px; line-height: 1.6; letter-spacing: -0.02em; background:#EA596A; color:#FFF294; font-size: 1em; text-align:center; border-radius: 90px; transform: rotate(10deg); } #pvs202412 .contents-bg .contents-box section#after_service h2 { padding-top: 1em; position: relative; color: #0d2ea0; } #pvs202412 .contents-bg .contents-box section#after_service h2 span { padding: 0 1em; position: absolute; top: -.5em; right: calc(50% - 4.5em); display: inline-block; background: #FFF100; color: #0d2ea0; font-style: normal; font-size: 0.55em; box-shadow: 0px 3px 0 #0d2ea0; border: #0d2ea0 solid 1.5px; border-radius: 50px; letter-spacing: -.05em; } #pvs202412 .contents-bg .contents-box section#after_service p { margin-bottom: 2rem; text-align:center; font-size: 1.6rem; /*20250124 西岡変更(←1.8em)*/ line-height:1.8; } #pvs202412 .contents-bg .contents-box section#after_service ul.after_service_list{ margin-bottom: 90px; display:flex; justify-content: center; gap: 30px; flex-wrap: wrap; } #pvs202412 .contents-bg .contents-box section#after_service ul.after_service_list li{ display: block; width: calc(50% - 30px); background: #fff; position: relative; --radius: 10px; clip-path: polygon( var(--radius) 0, calc(100% - var(--radius)) 0, 100% var(--radius), 100% calc(100% - var(--radius)), calc(100% - var(--radius)) 100%, calc(var(--radius)) 100%, 0 calc(100% - var(--radius)), 0 var(--radius) ); } #pvs202412 .contents-bg .contents-box section#after_service ul.after_service_list li span{ display:block; padding:.5em; background: #0d2ea0; color: #fff; font-size: 1.5em; text-align: center; font-weight: bold; letter-spacing: .05em; border-bottom: #0aadc7 3px solid; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab { margin-top: 20px; border-color: #00B9EF; background: #FFf; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_ttl { color: #FFF452; font-weight: bold; background-image: repeating-linear-gradient(130deg, #00b9ef, #00b9ef 5px, #1cade5 5px, #1cade5 10px); } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_ttl > span{ display:inline-block; position: relative; top: -0.1em; background: #fff; color: #1cade5; font-size: 0.8em; padding:0 1em; margin:0 1em 0 0; border-radius: 50px; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox{ border-bottom:1.5px dotted #00b9ef; padding-bottom: 20px; display:table; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox div{ display:table-cell; vertical-align: middle; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox:last-child{ border-bottom:none; padding-bottom: 0; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox div:nth-child(1){ width: 30%; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox div:nth-child(2){ width: 35%; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox div:nth-child(2) p{ padding: 1em 1em 0 .5em; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .collab_img{ position:relative; padding-right: 1em; width: 35%; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .collab_img p.process { display: inline-block; position: absolute; bottom: -5%; right: -30%; padding-top: 0.5em; margin: 0; width: 6em; height: 6em; background-image: repeating-linear-gradient(130deg, #bce2f6, #bce2f6 5px, #d3edfb 5px, #d3edfb 10px); text-align:center; line-height: 1; font-size: 1.2em; letter-spacing: 0.1em; border-radius: 200px; overflow: hidden; border: #bce2f6 solid 4px; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt p.process span:nth-child(1){ color: #0092bc; display: inline-block; padding: 0 0 0.3em 0.1em; font-size: .85em; font-weight: bold; letter-spacing: 0.3em; text-shadow: 1px 1px 0px #fff; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt p.process span:nth-child(2) { display: block; margin: 0.3em 0 0.6em; padding: .9em 0.2em 2em; color: #0092bc; font-weight: bold; background: #ffffff; letter-spacing: -0.0em; line-height: 1.1; } #pvs202412 .contents-bg .contents-box section .collab_exhibition { margin: 5em auto 5em; width: calc(100% - 10px); background-image: repeating-linear-gradient(130deg, #00b9ef, #00b9ef 5px, #1cade5 5px, #1cade5 10px); padding: 5px 15px 30px; outline: #02597b solid 4px; } #pvs202412 .contents-bg .contents-box section .collab_exhibition h3 { margin: 5px 0 10px; background:transparent; border: none; color: #FFF452; font-size: 1.8rem; text-align:center; text-shadow: 1px 1px 0 #02597b; } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner { padding: 0 20px; display: flex; gap: 40px; } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner div { padding: 20px; width: 50%; text-align: center; box-sizing: border-box; background: #fff; } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner div > figure:nth-child(1){ margin-bottom: 15px; } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner div p{ margin: 0 1em 2em; padding: .5em; color: #02597b; position:relative; background: #f7ed57; font-weight: bold; line-height: 1.5; font-size:1.3em; --radius: 10px; clip-path: polygon(var(--radius) 0, calc(100% - var(--radius)) 0, 100% var(--radius), 100% calc(100% - var(--radius)), calc(100% - var(--radius)) 100%, calc(var(--radius)) 100%, 0 calc(100% - var(--radius)), 0 var(--radius)); } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner div:last-child{ border:none; } /* ▲▲▲ 20241219 西岡追加 ▲▲▲ */ #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 { margin-bottom: 2rem;/*20241205 西岡追加*/ 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; } /*▲▲▲ 20241028 西岡追加 ▲▲▲*/ /*▼▼▼ 20241205 西岡追加 ▼▼▼*/ #pvs202412 .contents-bg .contents-box section#collab_maker{ text-align:center; } #pvs202412 .contents-bg .contents-box section#collab_maker h3{ display:inline-block; padding: 0.5em 5em; margin:30px auto 10px; position: relative; background:none; font-size: 1.5rem; color:#0d2e9b; line-height: 1; letter-spacing: 0.5em; border:none; } #pvs202412 .contents-bg .contents-box section#collab_maker h3:before{ content:""; position:absolute; top: 1em; left: -1em; width: 5em; height:1px; background:#0d2e9b; } #pvs202412 .contents-bg .contents-box section#collab_maker h3:after{ content:""; position:absolute; top: 1em; right: -0.5em; width: 5em; height:1px; background:#0d2e9b; } /*▲▲▲ 20241205 西岡追加 ▲▲▲*/ /*▼▼▼ 20241028 西岡追加 ▼▼▼*/ #pvs202412 .contents-bg .contents-box section#collab_maker .collab_maker_list{ display:flex; flex-wrap:wrap; justify-content:center; gap:0; margin: 0 0 3rem;/*20241205 西岡変更(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; } /*▲▲▲ 20241028 西岡追加 ▲▲▲*/ /*▼▼▼ 20241205 西岡追加 ▼▼▼*/ #pvs202412 .contents-bg .contents-box section#solution_fair h2 + .inner_box p{ text-align: center; font-size: 1.2rem; line-height: 1.5; color:#fff; } #pvs202412 .contents-bg .contents-box section#solution_fair h2 + .inner_box p a{ color: #b3dcff; font-weight:bold; font-size:1.3em; text-decoration:underline; } #pvs202412 .contents-bg .contents-box section#collab_maker .collab_maker_list li span{ display:inline-block; padding:0 2em; color:#014898; background:#d7efff; font-size:1rem; border-radius:30px; } /*▲▲▲ 20241205 西岡追加 ▲▲▲*/ /*▼▼▼ 20241028 西岡追加 ▼▼▼*/ #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; position: relative;/*20241205 西岡追加 */ } #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; position: relative;/*20241205 西岡追加 */ padding: 10px;/*20241205 西岡追加 */ background: #33333d;/*20241205 西岡追加 */ overflow: hidden;/*20241205 西岡追加 */ } #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 西岡追加 ▲▲▲*/ /*▼▼▼ 20241205 西岡追加 ▼▼▼*/ #pvs202412 .contents-bg .contents-box section#solution_fair .link_btn{ padding:.8em; text-align:center; } #pvs202412 .contents-bg .contents-box section#solution_fair .link_btn a { display: inline-block; padding: 0.3em 4em 0.3em 3.3em; margin: 0 auto; font-size:1.4em; background: #345f8e; color: #fff; text-align: center; border-radius: 50px; border: solid 1px #fff; outline: solid 5px #345f8e; } #pvs202412 .contents-bg .contents-box section#solution_fair .link_btn a span{ position:relative; } #pvs202412 .contents-bg .contents-box section#solution_fair .link_btn a span::before { content: ""; display: inline-block; width: 10px; height: 10px; position:absolute; top:0.25em; right:-1.1em; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-right: 5px; } #pvs202412 .contents-bg .contents-box section#solution_fair .link_btn a span::after { content: ""; display: inline-block; width: 10px; height: 10px; position:absolute; top:0.25em; right:-1.5em; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-right: 5px; } #pvs202412 .contents-bg .contents-box section#solution_fair .solution_fair_list li.event_end:before{ content:"終了しました"; position:absolute; padding:0.2em 1em; font-size:1.3em; top:calc(50% - 1em); right:5%; color:#830000; background: #d9c1c1; border-radius:5px; border:3px solid #830000; z-index:1; } #pvs202412 .contents-bg .contents-box section#solution_fair .solution_fair_list li.event_end:after{ content:""; width:100%; height:100%; position: absolute; left:0; background:#1a1a1acc; border:1px solid #000; } #pvs202412 .contents-bg .contents-box section#solution_fair .venue_details.event_end:before{ content:"終了しました"; position:absolute; padding:0.2em 1em; font-size: 1.3em; font-weight:normal; top: calc(50% - 1em); right: calc(50% - 4.5em); color:#830000; background: #d9c1c1; border-radius:5px; border:3px solid #830000; z-index:1; } #pvs202412 .contents-bg .contents-box section#solution_fair .venue_details.event_end:after{ content:""; width:100%; height:100%; position: absolute; top:0; left:0; background:#1a1a1aba; border:1px solid #000; } /*▲▲▲ 20241205 西岡追加 ▲▲▲*/ @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: 14px;/*kato 20250121 3.6vw --> 14px */ line-height: 1.86; padding: 16px 16px;/*kato 20250121 4.5vw 4.5vw --> 16px 16px */ box-sizing: border-box; } .ttl-box .text .name{ line-height: 1.21; font-size: 18px;/*kato 20250121 4.3vw --> 18px */ margin-bottom: 4px;/*kato 20250121 1vw --> 4px */ } .ex-table{ margin-bottom: 52px;/*kato 20250121 14.49vw --> 52px */ } .ex-table tr th{ width: 100%; box-sizing: border-box; display: block; padding: 6px 16px;/*kato 20250121 1.4vw 4.3vw --> 6px 16px */ font-size: 14px;/*kato 20250121 3.6vw --> 14px */ line-height: 1.86; border-bottom:0; } .ex-table tr td{ display: block; box-sizing: border-box; padding: 6px 16px;/*kato 20250121 1.4vw 4.3vw --> 6px 16px */ border-bottom: 4px solid #ffffff;/*kato 20250121 1.2vw solid #ffffff --> 4px solid #ffffff */ width: 100%; } .mini{/*20250408西岡変更(←.ex-table tr td .mini)*/ font-size: 12px;/*kato 20250121 2.9vw --> 12px */ line-height: 1.4!important;/*kato 20250121 追加 */ } .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: 40px; /*kato 20250121 7.25vw --> 40px */ } .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: 180px; /*kato 20250121 48vw --> 180px */ } .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: 16px; /*kato 20250121 4.83vw --> 16px */ } /* ▲▲▲ 20240617 西岡追加 ▲▲▲ */ .item-list li p.name{ margin-bottom: 6px; /*kato 20250121 1.6vw --> 6px */ font-size: 18px; /*kato 20250121 4.6vw --> 16px */ } .item-list li p.item{ padding-left: 1em; text-indent: -1em; font-size: 14px; /*kato 20250121 3.6vw --> 14px */ margin-top: 6px; /*kato 20250121 2vw --> 6px */ } .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: 14px; /*kato 20250121 3.6vw --> 14px */ line-height: 1.86; margin-bottom: 28px; /*kato 20250121 6.76vw --> 28px */ } /*▼▼▼ 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{ right: 12px;/*kato 20250121 3.3vw --> 12px */ bottom: 12px;/*kato 20250121 3.3vw --> 12px */ width: 24px;/*kato 20250121 6.2vw --> 24px */ /*kato 20250121 削除 position: relative; 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: 14px;/*kato 20250123 4vw --> 14px */ } /*▼ 汎用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: 20px;/*kato 20250123 3vw --> 20px */ margin-left: 4vw; font-size: 14px;/*kato 20250123 3.6vw --> 14px */ } .contents-bg .contents-box ul.link_list li{ margin-bottom:4vw; } .contents-bg .contents-box ul.link_list li a{ font-size: 14px;/*kato 20250123 3.6vw --> 14px */ margin-bottom: 0; } .contents-bg .contents-box .list_box .list_item a{ font-size: 14px;/*kato 20250123 3.6vw --> 14px */ } .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: 14px;/*kato 20250123 3vw --> 14px */ } /*▲▲▲ 20240911 西岡追加 ▲▲▲*/ /* ▼▼▼ 20240820 西岡追加(新製品発表会) ▼▼▼ */ .contents-box.pvs { padding-top: 24px;/*kato 20250121 0 --> 24px */ } .contents-bg .contents-box.pvs p { margin-bottom: 8px;/*kato 20250123 2vw --> 8px */ } .contents-bg .contents-box.pvs .btn_application { margin: 0 0 24px;/*kato 20250123 0 0 10vw --> 0 0 24px */ } .contents-bg .contents-box .pop_txt p { font-size: 16px;/*kato 20250123 4vw --> 16px */ text-align: center; } .contents-bg .contents-box.pvs h2 { margin-top: 32px;/*kato 20250123 12vw --> 32px */ font-size: 18px;/*kato 20250123 4.6vw --> 18px */ } .contents-bg .contents-box.pvs h3 { display: table; margin-bottom: 24px;/*kato 20250123 10vw --> 24px */ } .contents-bg .contents-box.pvs h3 span:nth-child(2) { display: table-cell; vertical-align: middle; padding: 5px 0 0 14px;/*kato 20250123 3vw 0 0 3.5vw --> 5px 0 0 14px */ font-size: 16px;/*kato 20250123 4.3vw --> 16px */ } .contents-bg .contents-box.pvs h3 span:nth-child(1) { display: table-cell; padding: 2px 10px;/*kato 20250123 0.3vw 2.4vw --> 2px 10px */ vertical-align: middle; font-size: 24px;/*kato 20250123 6vw --> 24px */ } .contents-bg .contents-box h4.highlights span:nth-child(1) { display: block; padding: 4px 10px;/*kato 20250123 1vw 2vw --> 4px 10px */ margin-right: 0; text-align: center; font-size: 14px;/*kato 20250123 3.6vw --> 14px */ font-weight: normal; } .contents-bg .contents-box h4.highlights span:nth-child(2) { display: block; padding: 10px;/*kato 20250123 2.5vw --> 10px */ line-height: 1.3; font-size: 14px;/*kato 20250123 3.6vw --> 14px */ font-weight: normal; text-align: center;/*kato 20250123 追加 */ } .contents-bg .contents-box h4.highlights { margin-right: 10px;/*kato 20250123 3vw --> 10px */ margin-left: 10px;/*kato 20250123 3vw --> 10px */ } .highlights_box_2 { display: block; } .highlights_box_2 .img-box { width: 100%; } ul.highlights_list { display: block; margin-bottom: 32px;/*kato 20250123 12vw --> 32px */ } ul.highlights_list li { margin: 0 28px 32px;/*kato 20250123 0 7vw 10vw --> 0 28px 32px */ } ul.highlights_list li:first-child { margin-left: 28px;/*kato 20250123 7vw --> 28px */ } ul.highlights_list li:last-child { margin-right: 28px;/*kato 20250123 7vw --> 28px */ } ul.highlights_list li span { font-size: 14px;/*kato 20250123 3.8vw --> 14px */ } .demo_table{ margin-bottom: 52px;/*kato 20250123 14.49vw --> 52px */ } .demo_table tr th{ box-sizing: border-box; padding: 6px 24px;/*kato 20250123 1.4vw 4.3vw --> 6px 24px */ font-size: 14px;/*kato 20250123 3.6vw --> 14px */ line-height: 1.86; } .demo_table tr td{ box-sizing: border-box; padding: 12px;/*kato 20250123 2.3vw 4.3vw 4.3vw --> 12px */ } .demo_table tr th { vertical-align: middle; line-height: 1.4; padding: 6px 12px;/*kato 20250123 1.4vw 2.3vw --> 6px 12px */ } .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; }*/ /*▲▲▲ 20241028 西岡追加 ▲▲▲*/ /*▼▼▼ 20241205 西岡追加 ▼▼▼*/ #pvs202412 #mv-box h1.main_title > span { margin-top: -9vw; font-size: 6vw; } #pvs202412 #mv-box h1.main_title span strong { font-size: 8vw; } #pvs202412 #mv-box .main_place_date p.main_place_date-txt { font-size: 5vw; } #pvs202412 #mv-box, #pvs202412.pvs-osk202412 #mv-box{ padding-bottom: 5vw; } #pvs202412 #mv-box .main_place_date p.main_place_date-catch{ margin-top: 9vw; font-size: 5.5vw; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date{ margin: 9vw auto 0; padding: 0 1rem 0; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > p{ padding: 2vw 3vw; font-size:4vw; width: 15%; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul{ padding: 2vw 4vw; width: 100%; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul li{ font-size: 3.3vw; line-height: 1.4; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul li span{ font-size: 5vw; } #pvs202412 #mv-box .main_place_date div.main_place_date-txt_date > ul > li > ul li span.small{ font-size: 2.5vw; } /*▲▲▲ 20241205 西岡追加 ▲▲▲*/ /*▼▼▼ 20250124 西岡追加 ▼▼▼*/ #pvs202412 .contents-bg .contents-box section#seminar_details .sec_inner:first-child{margin: 0 auto 0;padding: 6vw 5vw 1vw;} #pvs202412 .contents-bg .contents-box section#seminar_details h2{ margin:0 0 5vw; padding: 0; } #pvs202412 .contents-bg .contents-box section#seminar_details .sec_inner > p{ font-size:3.6vw; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list{ display:block; margin: 12vw 0 0; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li{ width:100%; margin-bottom: 13vw; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li:last-child{ margin-bottom:2em; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li span.seminar_date{ font-size: 6.5vw; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dt{ margin: 4vw 0 8vw; font-size: 4vw; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dt:before{ width: 25vw; height: 25vw; left: calc(50% - 12.5vw); top: calc(0% - 1em); } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dd .seminar_enterprise{ font-size:3.2vw; } #pvs202412 .contents-bg .contents-box section#seminar_details ul.seminar_details_list li dl dd .seminar_enterprise span{ padding: 0.2em 1em 0 9vw; } /*▲▲▲ 20250124 西岡追加 ▲▲▲*/ /*▼▼▼ 20241219 西岡追加 ▼▼▼*/ #pvs202412.pvs-kys202412 #mv-box h1.main_title {margin-bottom: 4vw;} #pvs202412 #mv-box .subttl{margin: -3vw 0 18vw;font-size: 5.5vw;} #pvs202412.pvs-kys202412 #mv-box .main_place_date{ width: 90%; } #pvs202412.pvs-kys202412 #mv-box .main_place_date p.main_place_date-catch{ width: auto; font-size: 2.7vw; } #pvs202412.pvs-kys202412 #mv-box .main_place_date p.main_place_date-catch span{ font-size: 4vw; } #pvs202412.pvs-kys202412 #mv-box .main_place_date .main_place_date-txt_date{ padding: 0; } #pvs202412 .contents-bg .contents-box section .green_frame.ico_comment span.comment_ico{ font-size:3vw; border-radius: 40vw; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox div{ display:block; width:100%!important; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox div:nth-child(1) figure{ padding:0; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox div:nth-child(2) p, #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .flexbox div:nth-child(3){ padding: 0 3vw 1vw; } #pvs202412 .contents-bg .contents-box section .green_frame.frame_collab .green_frame_txt .collab_img p.process{ bottom: -0.5em; right: -2.5em; font-size: 4.2vw; } #pvs202412 .contents-bg .contents-box section .collab_exhibition{ padding:2vw; } #pvs202412 .contents-bg .contents-box section .collab_exhibition h3{ font-size: 5vw; margin: 0 0 2vw; } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner{ padding: 0 4vw 4vw; display:block; } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner div{ width: 100%; margin-bottom: 7vw; } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner div:last-child{ margin-bottom:0; } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner div > figure{ padding:2vw 0 0; } #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner div > figure:nth-child(1){margin-bottom: 3vw;} #pvs202412 .contents-bg .contents-box section .collab_exhibition .collab_exhibition_inner div p{ font-size: 4.3vw; margin: 0 0 4vw; } #pvs202412 .contents-bg .contents-box section#after_service h2{ padding: 12vw 0 0; } #pvs202412 .contents-bg .contents-box section#after_service h2 span{ font-size: 4.5vw; top: 2vw; } #pvs202412 .contents-bg .contents-box section#after_service p{ font-size: 3.6vw; } #pvs202412 .contents-bg .contents-box section#after_service ul.after_service_list{ margin-bottom: 16vw; display: block; } #pvs202412 .contents-bg .contents-box section#after_service ul.after_service_list li{ margin: 7vw auto 0; width: 85%; } #pvs202412 .contents-bg .contents-box section#solution_fair .link_btn a{ display: block; padding: 2vw 5vw; font-size: 4.5vw; } /*▲▲▲ 20241219 西岡追加 ▲▲▲*/ /*▼▼▼ 20241028 西岡追加 ▼▼▼*/ #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; font-size: 3vw; } #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: -6vw;/*20241205 西岡変更(margin-top: -15vw;から)*/ padding-top: 18vw; } /*▲▲▲ 20241028 西岡追加 ▲▲▲*/ /*▼▼▼ 20241205 西岡追加 ▼▼▼*/ #pvs202412 .contents-bg .contents-box section#collab_maker h3{ margin: 5vw auto 2vw; font-size: 4.5vw; } #pvs202412 .contents-bg .contents-box section#solution_fair h2 + .inner_box p{ text-align:left; font-size: 4vw; line-height:1.7; } #pvs202412 .contents-bg .contents-box section#solution_fair .solution_fair_list li.event_end:before{ right: calc(50% - 4.3em); } #pvs202412 .contents-bg .contents-box section .machine .machine_list > li:last-child{ border-radius:0 0 3vw 3vw; } #pvs202412 .contents-bg .contents-box section#collab_maker .collab_maker_list li span{ font-size: 2.8vw; padding: 0 3vw; } /*▲▲▲ 20241205 西岡追加 ▲▲▲*/ } /*202503 加藤追加 2025新製品発表会関連クラス*/ .pvs202504-cmn01 { width: 100%; background: #000000 url("../../img/events/pvs202504/main-bg000.jpg") top center no-repeat; padding: 0 0 80px 0; } .pvs202504-cmn01 .logo-area01 { width: 806px; height: 554px; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .pvs202504-cmn01 .logo-area01 img { padding: 0 40px 0 0; margin: 0; } .pvs202504-cmn01 .text-ent-link-area01, .pvs202504-cmn01 .text-ent-link-area02 { width: 100%; margin: 0 auto 0 auto; padding: 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .pvs202504-cmn01 .text-ent-link-area01 a, .pvs202504-cmn01 .text-ent-link-area02 a { width: 600px; height: 60px; border-radius: 30px; border: 1px solid #8A8CBE; outline: #0d2ea0 solid 4px; display: flex; justify-content: center; align-items: center; color: #fff; background: #0d2ea0; margin: 8px 0 48px 0; transition: 0.3s all; font-size: 16px; font-weight: 700; position: relative; } .pvs202504-cmn01 .text-ent-link-area02 a { margin: 80px 0 0 0; } .pvs202504-cmn01 .text-ent-link-area01 a::after, .pvs202504-cmn01 .text-ent-link-area02 a::after { content: ""; display: block; width: 10px; height: 10px; position: absolute; right: 30px; border-top: 2px #FFFFFF solid; border-right: 2px #FFFFFF solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pvs202504-cmn01 .text-area01 { width: 806px; margin: 0 auto 0 auto; padding: 0 48px 48px 48px; box-sizing: border-box; border-bottom: #666666 1px solid; position: relative; } .pvs202504-cmn01 .text-area01 dt { width: 64px; height: 40px; border: #FFFFFF 1px solid; font-size: 12px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; } .pvs202504-cmn01 .text-area01 p.icon { width: 120px; height: 120px; border-radius: 60px; position: absolute; background: linear-gradient(to bottom, #ee8015, #e6410b); display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-weight: 700; text-align: center; right: -20px; top: -24px; font-size: 20px; line-height: 1.4; } .pvs202504-cmn01 .text-area01 dl { display: grid; grid-template-columns: 40px 1fr; /* 1列目は100px、2列目は残りのスペース */ gap: 20px 40px; /* アイテム間の間隔 */ align-items: center; color: #FFFFFF; } .pvs202504-cmn01 .text-area01 dl dd { font-size: 32px; font-weight: 700; } .pvs202504-cmn01 .text-area01 dl dd span { font-size: 24px; font-weight: 700; margin: 0 4px 0 0; } .pvs202504-cmn01 .text-area01 dl:last-child dd { font-size: 28px; font-weight: 700; } .pvs202504-cmn01 .text-area01 dl:last-child dd span { font-size: 16px; font-weight: 700; } .pvs202504-cmn01 .text-area02 { width: 806px; margin: 0 auto 0 auto; padding: 48px 0 0 0; box-sizing: border-box; } .pvs202504-cmn01 .text-area02 h2, .pvs202504-cmn01 .text-area02 h3 { display: inline-block; width: 100%; text-align: center; font-size: 32px; color: #c9a85c; } .pvs202504-cmn01 .text-area02 h3 { color: #fff; margin: 20px 0 0 0; font-size: 24px; } .pvs202504-cmn01 .text-area02 p { color: #fff; margin: 16px 0 0 0; } .pvs202504-cmn01 .photo-area01 { width: 806px; margin: 24px auto 0 auto; display: flex; justify-content: space-between; flex-direction: row; } .pvs202504-cmn01 .program-area01 { width: 900px; padding: 47px; box-sizing: border-box; margin: 100px auto 0 auto; background: #2b2b2b; color: #FFFFFF; display: flex; flex-direction: column; justify-content: center; align-items: center; } .pvs202504-cmn01 .program-area01 p { font-size: 16px; } .pvs202504-cmn01 .program-area01 h2 { font-size: 32px; color: #c9a85c; margin: 4px 0 32px 0; } .pvs202504-cmn01 .program-area01 .text-area01 { width: 100%; padding: 0; display: flex; justify-content: space-between; flex-direction: row; border: none; } .pvs202504-cmn01 .program-area01 .text-area01 .textBox01 { width: 384px; border-top: 1px solid #826a32; padding: 20px 0 0 0; } .pvs202504-cmn01 .program-area01 .text-area01 .textBox01 h3 { font-size: 20px; color: #c9a85c; } .pvs202504-cmn01 .program-area01 .text-area01 .textBox01 p { margin: 8px 0 0 0; font-size: 14px; } .pvs202504-cmn01 .t100-area01 { width: 806px; margin: 90px auto 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; color: #FFFFFF; z-index: 2; } .pvs202504-cmn01 .t100-area01 p.icon { width: 120px; height: 120px; border-radius: 60px; position: absolute; background: linear-gradient(to bottom, #ee8015, #e6410b); display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-weight: 700; text-align: center; left: -80px; top: -64px; font-size: 20px; line-height: 1.4; } .pvs202504-cmn01 .t100-area01 h2 { font-size: 32px; color: #c9a85c; } .pvs202504-cmn01 .t100-area01 p { margin: 12px 0 0 0; font-size: 16px; text-align: center; } .pvs202504-cmn01 .t100-area01 h3 { background: #826a32; color: #FFFFFF; font-size: 24px; width: 806px; height: 54px; display: flex; justify-content: center; align-items: center; border-bottom: 1px #000000 solid; margin: 32px 0 0 0; z-index: 3; } .pvs202504-cmn01 .t100-area01 h4 { width: 364px; height: 128px; display: flex; justify-content: center; align-items: center; } .pvs202504-cmn01 .text-area04 { width: 806px; display: flex; justify-content: space-between; flex-direction: row; position: relative; z-index: 1; } .pvs202504-cmn01 .text-area04 .symbolS { position: absolute; z-index: 0; top: -120px; left: -240px; } .pvs202504-cmn01 .text-area04 .symbolU { position: absolute; z-index: 0; top: -120px; right: -240px; } .pvs202504-cmn01 .text-area04 .s700textarea01, .pvs202504-cmn01 .text-area04 .u500textarea01 { width: 403px; border-right: 1px solid #666666; border-top: 2px solid #666666; box-sizing: border-box; padding: 0 38px 0 0; z-index: 1; } .pvs202504-cmn01 .text-area04 .u500textarea01 { border-left: 1px solid #666666; border-right: 0; padding: 0 0 0 38px; } .pvs202504-cmn01 .text-area04 .s700textarea01 p, .pvs202504-cmn01 .text-area04 .u500textarea01 p { text-align: left; font-size: 14px; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 { width: 403px; position: relative; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p.tokuchoP, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p.tokuchoP { width: auto; height: 40px; background: #826a32; color: #FFFFFF; position: absolute; display: flex; align-items: center; flex-wrap: nowrap; top: -24px; margin: 0; font-size: 16px; font-weight: 700; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p.tokuchoP span, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p.tokuchoP span { color: #FFF; display: flex; justify-content: center; align-items: center; padding: 0 8px; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p.tokuchoP span.wTxt01, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p.tokuchoP span.wTxt01 { width: 62px; height: 40px; background: #FFF; color: #826a32; display: flex; justify-content: center; align-items: center; padding: 0; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p.tokuchoP02, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p.tokuchoP02 { font-size: 12px; margin: 0; width: 364px; display: inline-block; text-align: right; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 h5, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 h5 { width: 403px; font-size: 20px; color: #c9a85c; margin: 0; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p { font-size: 14px; margin: 8px 0 0 0; width: 364px; } .pvs202504-cmn01 .message-area01 { width: 806px; height: 120px; display: flex; justify-content: center; align-items: center; background: #2b2b2b; border: #826a32 4px solid; box-sizing: border-box; margin: 40px 0 0 0; } .pvs202504-cmn01 .message-area01 p { font-size: 24px; font-weight: 700; color: #c9a85c; margin: 0; text-align: center; } .pvs202504-cmn01 .message-area02 { width: 806px; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #2b2b2b; border: #826a32 4px solid; box-sizing: border-box; margin: 40px 0 0 0; padding: 40px 24px; } .pvs202504-cmn01 .message-area02 img { margin: 0 auto; } .pvs202504-cmn01 .message-area02 p { font-size: 24px; font-weight: 700; color: #c9a85c; text-align: center; margin: 32px 0 0 0; padding: 24px 0 0 0; border-top: 1px solid #808080; } .pvs202504-cmn01 .pc1-area01 { width: 806px; margin: 90px auto 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; color: #FFFFFF; } .pvs202504-cmn01 .pc1-area01 p.icon { width: 120px; height: 120px; border-radius: 60px; position: absolute; background: linear-gradient(to bottom, #ee8015, #e6410b); display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-weight: 700; text-align: center; right: -80px; top: -64px; font-size: 20px; line-height: 1.4; } .pvs202504-cmn01 .pc1-area01 h2 { font-size: 32px; color: #c9a85c; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01-sp { display: none; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01 { width: 806px; padding: 30px 0 0 60px; box-sizing: border-box; margin: 0; display: flex; justify-content: space-between; flex-direction: row; position: relative; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01 .symbolPc1 { position: absolute; z-index: 0; bottom: -32px; left: -72px; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01 .text-area05 { margin: 74px 0 0 0; z-index: 1; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01 .text-area05 h3 { margin: 0 0 48px 0; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01 img { z-index: 1; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area01 { width: 806px; padding: 0; box-sizing: border-box; margin: 40px 0 0 0; display: flex; flex-direction: column; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 { width: 806px; padding: 0 24px; box-sizing: border-box; display: flex; justify-content: space-between; flex-direction: row; background: #2b2b2b; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 h4 { font-size: 16px; font-weight: 700; color: #c9a85c; padding: 24px 0 0 0; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 dl { display: grid; grid-template-columns: auto 1fr; /* 2列のレイアウト */ grid-gap: 6px; /* アイテム間の隙間を指定 */ padding: 24px 0; align-items: center; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 dl dd { margin: 0 auto 0 0; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 dl dd::before { content: ":"; position: relative; left: -4px; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .img-arrowArea-pc { display: block; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .img-arrowArea-sp { display: none; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .pc1-time { width: 116px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .pc1-time h5 { font-size: 14px; font-weight: 500; margin: 0; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .pc1-time p { font-size: 20px; font-weight: 700; display: inline-block; border-bottom: 2px solid #FFFFFF; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .pc1-time p strong { font-size: 40px; color: #c9a85c; vertical-align: middle; margin-bottom: 0.4em; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area03 { width: 806px; margin: 16px 0 0 0; } .pvs202504-cmn01 .new-product-seminar01 { width: 806px; margin: 80px auto 0 auto; color: #FFFFFF; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .pvs202504-cmn01 .new-product-seminar01 h2 { margin: 0 auto; font-size: 24px; color: #c9a85c; } .pvs202504-cmn01 .new-product-seminar01 p { margin: 16px auto 0 auto; font-size: 20px; font-weight: 700; display: inline-block; } .pvs202504-cmn01 .new-product-seminar01 p a { color: #7392fd; } .pvs202504-cmn01 .event-summary01 { width: 806px; margin: 80px auto 0 auto; background: #bebebe; } .pvs202504-cmn01 .event-summary01 h2 { width: 806px; height: 60px; display: flex; justify-content: center; align-items: center; background: #826a32; font-size: 18px; font-weight: 700; color: #FFFFFF; margin: 0 auto 0 auto; } .pvs202504-cmn01 .event-summary01 dl { width: 806px; padding: 20px 48px 48px 48px; box-sizing: border-box; display: grid; grid-template-columns: 50% 1fr; /* */ gap: 0; /* アイテム間の間隔 */ } .pvs202504-cmn01 .event-summary01 dt, .pvs202504-cmn01 .event-summary01 dd { padding: 20px 0; border-bottom: #dfdfdf 1px solid; } .pvs202504-cmn01 .event-summary01 dd ol { list-style: none; /* デフォルトの丸を消す */ padding: 0 0 0 14px; } .pvs202504-cmn01 .event-summary01 dd ol li::before { content: ''; /* 空のコンテンツを挿入 */ width: 4px; /* 丸のサイズ */ height: 4px; /* 丸のサイズ */ margin-left: -9px; margin-right: 5px; background-color: #000; /* 丸の色 */ border-radius: 50%; /* 丸にする */ display: inline-block; /* 丸をインライン表示 */ vertical-align: middle; /* 垂直方向に中央揃え */ } .pvs202504-cmn01 .event-summary01 dd ol li span { font-size: 12px; } .pvs202504-cmn01 .event-summary01 dd a { color: #2282cc; } .pvs202504-cmn01 .event-summary01 dd a::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; } .pvs202504-cmn01 .event-entry01 { width: 806px; margin: 62px auto 0 auto; background: #fff; } .pvs202504-cmn01 .event-entry01 h2 { width: 806px; height: 60px; display: flex; justify-content: center; align-items: center; background: #826a32; font-size: 18px; font-weight: 700; color: #FFFFFF; margin: 0 auto 0 auto; } .pvs202504-cmn01 .event-entry01 .event-entry-form { width: 806px; padding: 48px; box-sizing: border-box; } @media print, screen and (max-width: 900px) { .pvs202504-cmn01 { width: 100%; background: #000000 url("../../img/events/pvs202504/main-bg-sp00.jpg") top center no-repeat; background-size: 134vw auto; } .pvs202504-cmn01 .logo-area01 { width: 100%; height: 330px; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .pvs202504-cmn01 .logo-area01 img { padding: 0 20px 0 0; margin: 40px 0 0 0; } .pvs202504-cmn01 .text-ent-link-area01, .pvs202504-cmn01 .text-ent-link-area02 { width: 100%; margin: 0 auto 0 auto; padding: 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .pvs202504-cmn01 .text-ent-link-area01 a, .pvs202504-cmn01 .text-ent-link-area02 a { width: 300px; height: 40px; border-radius: 20px; display: flex; justify-content: center; align-items: center; color: #fff; background: #0d2ea0; margin: 8px 0 60px 0; transition: 0.3s all; font-size: 14px; font-weight: 700; } .pvs202504-cmn01 .text-ent-link-area02 a { margin: 80px 0 0 0; } .pvs202504-cmn01 .text-ent-link-area01 a::after, .pvs202504-cmn01 .text-ent-link-area02 a::after { content: ""; display: block; width: 10px; height: 10px; position: absolute; right: 30px; border-top: 2px #FFFFFF solid; border-right: 2px #FFFFFF solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pvs202504-cmn01 .text-area01 { width: 100%; margin: 0 auto 0 auto; padding: 0 32px 48px 32px; box-sizing: border-box; border-bottom: #666666 1px solid; } .pvs202504-cmn01 .text-area01 dt { width: 64px; height: 40px; border: #FFFFFF 1px solid; font-size: 12px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; } .pvs202504-cmn01 .text-area01 p.icon { width: 100%; height: 40px; border-radius: 0; border: #ee8015 1px solid; display: flex; justify-content: center; align-items: center; background: linear-gradient(to bottom, #ee8015, #e6410b); -webkit-background-clip: text; /* Chrome、Safari、Edge 用 */ color: transparent; /* 文字の色を透明にして背景が見えるように */ font-size: 16px; font-weight: 700; text-align: center; position: static; margin: 0 0 16px 0; } .pvs202504-cmn01 .text-area01 dl { display: grid; grid-template-columns: 80px 1fr; /* 1列目は100px、2列目は残りのスペース */ gap: 10px; /* アイテム間の間隔 */ align-items: center; color: #FFFFFF; } .pvs202504-cmn01 .text-area01 dl dd { font-size: 28px; font-weight: 700; line-height: 1.4; } .pvs202504-cmn01 .text-area01 dl dd span { font-size: 24px; font-weight: 700; margin: 0 4px 0 0; line-height: 1.0; } .pvs202504-cmn01 .text-area01 dl:last-child dd { font-size: 20px; font-weight: 700; } .pvs202504-cmn01 .text-area01 dl:last-child dd span { font-size: 16px; font-weight: 700; } .pvs202504-cmn01 .text-area02 { width: calc(100% - 72px); margin: 0 auto 0 auto; padding: 48px 0 0 0; box-sizing: border-box; } .pvs202504-cmn01 .text-area02 h2, .pvs202504-cmn01 .text-area02 h3 { display: inline-block; width: 100%; text-align: center; font-size: 32px; color: #c9a85c; } .pvs202504-cmn01 .text-area02 h3 { color: #fff; margin: 20px 0 0 0; font-size: 24px; } .pvs202504-cmn01 .text-area02 p { color: #fff; margin: 16px 0 0 0; } .pvs202504-cmn01 .photo-area01 { width: calc(100% - 72px); margin: 24px auto 0 auto; display: flex; justify-content: space-between; flex-direction: column; } .pvs202504-cmn01 .photo-area01 img:first-child { margin: 0 0 8px 0; } .pvs202504-cmn01 .program-area01 { width: 100%; padding: 36px; box-sizing: border-box; margin: 100px auto 0 auto; background: #2b2b2b; color: #FFFFFF; display: flex; flex-direction: column; justify-content: center; align-items: center; } .pvs202504-cmn01 .program-area01 p { font-size: 14px; text-align: center; } .pvs202504-cmn01 .program-area01 h2 { font-size: 28px; color: #c9a85c; margin: 4px 0 32px 0; text-align: center; white-space: nowrap; } .pvs202504-cmn01 .program-area01 .text-area01 { width: 100%; padding: 0 0 32px 0; display: flex; justify-content: flex-start; flex-direction: column; border: none; } .pvs202504-cmn01 .program-area01 .text-area01 .textBox01 { width: 100%; border-top: 1px solid #826a32; padding: 20px 0 0 0; } .pvs202504-cmn01 .program-area01 .text-area01 .textBox01 h3 { font-size: 20px; color: #c9a85c; } .pvs202504-cmn01 .program-area01 .text-area01 .textBox01 p { margin: 8px 0 16px 0; font-size: 14px; text-align: left; } .pvs202504-cmn01 .t100-area01 { width: calc(100% - 48px); margin: 90px auto 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; color: #FFFFFF; z-index: 2; } .pvs202504-cmn01 .t100-area01 p.icon { width: 100px; height: 100px; border-radius: 50px; position: absolute; background: linear-gradient(to bottom, #ee8015, #e6410b); display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-weight: 700; text-align: center; left: -32px; top: -72px; font-size: 16px; line-height: 1.5; } .pvs202504-cmn01 .t100-area01 h2 { font-size: 24px; line-height: 1.4; color: #c9a85c; text-align: center; white-space: nowrap; } .pvs202504-cmn01 .t100-area01 p { margin: 12px 0 0 0; font-size: 14px; text-align: center; } .pvs202504-cmn01 .t100-area01 h3 { background: #826a32; color: #FFFFFF; font-size: 20px; width: 100%; height: 54px; display: flex; justify-content: center; align-items: center; border-bottom: 1px #000000 solid; margin: 32px 0 0 0; z-index: 3; } .pvs202504-cmn01 .t100-area01 h4 { width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; } .pvs202504-cmn01 .t100-area01 h4 img { width: 60%; height: auto; } .pvs202504-cmn01 .text-area04 { width: 100%; display: flex; justify-content: space-between; flex-direction: column; position: relative; z-index: 1; } .pvs202504-cmn01 .text-area04 .symbolS { position: absolute; z-index: 0; top: -16px; left: -40px; width: 160px; height: auto; } .pvs202504-cmn01 .text-area04 .symbolU { position: absolute; z-index: 0; top: 560px; right: -48px; width: 160px; height: auto; } .pvs202504-cmn01 .text-area04 .s700textarea01, .pvs202504-cmn01 .text-area04 .u500textarea01 { width: 100%; border-right: none; border-top: 2px solid #666666; box-sizing: border-box; padding: 0 0 32px 0; z-index: 1; } .pvs202504-cmn01 .text-area04 .u500textarea01 { border-left: none; border-right: 0; padding: 0 0 0 0; } .pvs202504-cmn01 .text-area04 .s700textarea01 p, .pvs202504-cmn01 .text-area04 .u500textarea01 p { text-align: left; font-size: 14px; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 { width: 100%; position: relative; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p.tokuchoP, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p.tokuchoP { width: auto; height: 40px; background: #826a32; color: #FFFFFF; position: absolute; display: flex; align-items: center; flex-wrap: nowrap; top: -24px; margin: 0; font-size: 16px; font-weight: 700; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p.tokuchoP span, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p.tokuchoP span { color: #FFF; display: flex; justify-content: center; align-items: center; padding: 0 8px; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p.tokuchoP span.wTxt01, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p.tokuchoP span.wTxt01 { width: 62px; height: 40px; background: #FFF; color: #826a32; display: flex; justify-content: center; align-items: center; padding: 0; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p.tokuchoP02, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p.tokuchoP02 { font-size: 12px; margin: 0; width: 100%; display: inline-block; text-align: right; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 h5, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 h5 { width: 403px; font-size: 18px; color: #c9a85c; margin: 8px 0 0 0; line-height: 1.5; } .pvs202504-cmn01 .text-area04 .s700textarea01 .tokuchoTextarea01 p, .pvs202504-cmn01 .text-area04 .u500textarea01 .tokuchoTextarea01 p { font-size: 14px; margin: 8px 0 0 0; width: 100%; } .pvs202504-cmn01 .message-area01 { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background: #2b2b2b; border: #826a32 3px solid; box-sizing: border-box; margin: 40px 0 0 0; padding: 24px; } .pvs202504-cmn01 .message-area01 p { font-size: 16px; font-weight: 700; color: #c9a85c; margin: 0; text-align: justify; } .pvs202504-cmn01 .message-area02 { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #2b2b2b; border: #826a32 3px solid; box-sizing: border-box; margin: 40px 0 0 0; padding: 24px; } .pvs202504-cmn01 .message-area02 img { margin: 0 auto; } .pvs202504-cmn01 .message-area02 p { font-size: 16px; font-weight: 700; color: #c9a85c; text-align: justify; margin: 32px 0 0 0; padding: 24px 0 0 0; border-top: 1px solid #808080; } .pvs202504-cmn01 .pc1-area01 { width: calc(100% - 48px); margin: 90px auto 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; color: #FFFFFF; } .pvs202504-cmn01 .pc1-area01 p.icon { width: 100px; height: 100px; border-radius: 50px; position: absolute; background: linear-gradient(to bottom, #ee8015, #e6410b); display: flex; justify-content: center; align-items: center; color: #FFFFFF; font-weight: 700; text-align: center; right: -32px; top: -40px; font-size: 16px; line-height: 1.4; } .pvs202504-cmn01 .pc1-area01 h2 { font-size: 24px; line-height: 1.5; color: #c9a85c; text-align: center; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01 { display: none; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01-sp { width: 100%; padding: 24px 0 0 0; box-sizing: border-box; margin: 0; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; position: relative; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01-sp .symbolPc1 { position: absolute; z-index: 0; top: 88px; left: -60px; width: 72%; height: auto; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01-sp .text-area05 { margin: 0 0 20px 0; display: flex; justify-content: space-between; z-index: 1; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01-sp .text-area05 h3 { margin: 0 0 24px 0; width: 35%; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01-sp .text-area05 h3 img.pc1logo { margin: 48px 0 24px 0; width: 100%; } .pvs202504-cmn01 .pc1-area01 .pc1-title-area01-sp img.pc1photo { z-index: 1; width: 65%; height: auto; position: relative; right: -10px; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area01 { width: 100%; padding: 0; box-sizing: border-box; margin: 24px 0 0 0; display: flex; flex-direction: column; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 { width: 100%; padding: 0 24px 24px 24px; box-sizing: border-box; display: flex; justify-content: space-between; flex-direction: column; background: #2b2b2b; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 h4 { font-size: 16px; font-weight: 700; color: #c9a85c; padding: 24px 0 0 0; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 dl { display: grid; grid-template-columns: auto 1fr; /* 2列のレイアウト */ grid-gap: 6px; /* アイテム間の隙間を指定 */ padding: 20px 0; align-items: center; line-height: 1.5; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 dl dd { margin: 0 auto 0 0; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 dl dd::before { content: ":"; position: relative; left: -4px; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .img-arrowArea-pc { display: none; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .img-arrowArea-sp { display: block; position: relative; width: calc(100% + 48px); height: 30px; margin: 0 0 0 -24px; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .pc1-time { width: auto; display: flex; justify-content: center; align-items: center; flex-direction: row; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .pc1-time h5 { font-size: 14px; font-weight: 500; margin: 0 24px 0 0; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .pc1-time p { font-size: 20px; font-weight: 700; display: inline-block; border-bottom: 2px solid #FFFFFF; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area02 .pc1-time p strong { font-size: 40px; color: #c9a85c; vertical-align: middle; margin-bottom: 0.4em; } .pvs202504-cmn01 .pc1-area01 .pc1-photo-area03 { width: 100%; margin: 16px 0 0 0; } .pvs202504-cmn01 .new-product-seminar01 { width: calc(100% - 72px); margin: 64px auto 0 auto; color: #FFFFFF; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .pvs202504-cmn01 .new-product-seminar01 h2 { margin: 0 auto; font-size: 18px; color: #c9a85c; } .pvs202504-cmn01 .new-product-seminar01 p { margin: 14px auto 0 auto; font-size: 14px; font-weight: 700; display: inline-block; } .pvs202504-cmn01 .new-product-seminar01 p a { color: #7392fd; } .pvs202504-cmn01 .event-summary01 { width: 100%; margin: 80px auto 0 auto; background: #bebebe; } .pvs202504-cmn01 .event-summary01 h2 { width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; background: #826a32; font-size: 18px; font-weight: 700; color: #FFFFFF; margin: 0 auto 0 auto; } .pvs202504-cmn01 .event-summary01 dl { width: 100%; padding: 20px 48px 48px 48px; box-sizing: border-box; display: grid; grid-template-columns: 100px 1fr; /* */ gap: 0; /* アイテム間の間隔 */ } .pvs202504-cmn01 .event-summary01 dt, .pvs202504-cmn01 .event-summary01 dd { padding: 20px 0; border-bottom: #dfdfdf 1px solid; } .pvs202504-cmn01 .event-summary01 dd ol { list-style: none; /* デフォルトの丸を消す */ padding: 0 0 0 14px; } .pvs202504-cmn01 .event-summary01 dd ol li::before { content: ''; /* 空のコンテンツを挿入 */ width: 4px; /* 丸のサイズ */ height: 4px; /* 丸のサイズ */ margin-left: -9px; margin-right: 5px; background-color: #000; /* 丸の色 */ border-radius: 50%; /* 丸にする */ display: inline-block; /* 丸をインライン表示 */ vertical-align: middle; /* 垂直方向に中央揃え */ } .pvs202504-cmn01 .event-summary01 dd ol li span { font-size: 12px; } .pvs202504-cmn01 .event-summary01 dd a { color: #2282cc; } .pvs202504-cmn01 .event-entry01 { width: 100%; margin: 0 auto 0 auto; background: #fff; } .pvs202504-cmn01 .event-entry01 h2 { width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; background: #826a32; font-size: 18px; font-weight: 700; color: #FFFFFF; margin: 0 auto 0 auto; } .pvs202504-cmn01 .event-entry01 .event-entry-form { width: 100%; padding: 48px; box-sizing: border-box; } }