/* CSS Document */ .main-bg{ padding-top: 50px; padding-bottom: 50px; background: url(../../img/industry/main-pc.jpg) no-repeat center top / cover; } .main-bg.ptn2{ background: url(../../img/industry/main-pc-2.jpg) no-repeat center top / cover; } .main-bg.ptn3{ background: url(../../img/industry/main-pc-3.jpg) no-repeat center top / cover; } .main-bg.ptn4{ background: url(../../img/industry/main-pc-4.jpg) no-repeat center top / cover; } .main-bg.ptn5{ background: url(../../img/industry/main-pc-5.jpg) no-repeat center top / cover; } /* ptn4、ptn5追加 吉川*/ .main-bg .ttl-box{ background: #000; padding: 24px 48px; } .main-bg .ttl-wrap{ position: relative; } .main-bg .ttl-text{ position: absolute; top:32px; left: 40px; } .main-bg .ttl-text .mini-ttl{ margin-bottom: 26px; } .main-bg .ttl-text .mini-ttl span{ padding-bottom: 12px; color: #fff; font-size: 23px; font-weight: 700; display: inline-block; border-bottom: 1px solid #fff; } .main-bg .ttl-text .m-ttl{ font-size: 42px;; color: #fff; letter-spacing: 0.01em; } .main-bg .ttl-text .m-ttl .mini{ display: block; margin-top: 13px; line-height: 1; font-size: 20px; } .main-bg .ttl-wrap .ttl-img{ margin-left: 20%; width: 80%; } .ind-cont .pankuzu li a{ color: #fff; } .ind-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; } .ind-cont{ padding-top: 15px; padding-bottom: 80px; color: #fff; background: #000000; } .contents-bg{ padding-top: 0px; padding-bottom: 0px; position: relative; } .contents-bg .ttl-box{ background: url(../../img/articles/ttl-bg.jpg) no-repeat center top / cover; padding-top: 30px; padding-bottom: 34px; } .contents-bg .ttl-box .flex{ display: flex; justify-content: space-between; align-items: center; width: 90%; max-width: 806px; margin-left: auto; margin-right: auto; } .contents-bg .ttl-box .flex .txt{ width: 68%; } .contents-bg .ttl-box .flex .txt dl{ display: flex; align-items: center; color: #fff; } .contents-bg .ttl-box .flex .txt dl dt{ margin-right: 30px; font-size: 17px; line-height: 1; font-weight: 700; } .contents-bg .ttl-box .flex .txt dl dd{ padding-left: 30px; border-left: 2px solid #fff; font-size: 26px; line-height: 1; font-weight: 700; } .contents-bg .ttl-box .flex .icon{ width: 32%; margin-right: -4%; } .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 .miniimg-box{ width: 90%; max-width: 532px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 50px; } .contents-bg .miniimg-box .ex-tex{ position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); top: 50%; left: 50%; display: inline-block; color: #a20017; line-height: 1; font-size: 14px; } .contents-bg .miniimg-box .pl-caption{ font-size: 12px; color: #fff; margin-top: 5px; word-break: break-all; } .contents-bg .contents-box{ width: 90%; max-width: 806px; margin-left: auto; margin-right: auto; padding-top: 80px; } .contents-bg .contents-box.ex{ padding-top: 0; } .contents-bg .contents-box .pankuzu{ margin-bottom: 60px; } .contents-bg .contents-box .ttl-text{ line-height: 1.51; color: #2282cc; font-size: 27px; margin-bottom: 10px; } .contents-bg .contents-box .day-text{ color: #808080; font-size: 12px; line-height: 1.33; margin-bottom: 24px; } .contents-bg .contents-box .img-box{ margin-bottom: 50px; position: relative; } .contents-bg .contents-box .head-text{ font-size: 15px; line-height: 1.86; font-weight: 700; } .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 h3{ margin-bottom: 30px; padding:6px 18px; border-left: 5px solid #2282cc; font-size:20px; background: #0d2e9b; color: #fff; } .contents-bg .mokuji-box{ margin-bottom: 110px; } .contents-bg .contents-box .mokuji-ttl{ margin-bottom: 20px; font-weight: 700; font-size: 21px; line-height: 1.2; color: #fff; } .contents-bg .mokuji-box ul li{ margin-bottom: 2px; max-width: 500px; } .contents-bg .mokuji-box ul li:last-child{ margin-bottom: 0; } .contents-bg .mokuji-box ul li a{ padding: 10px 40px 10px 18px; display: block; font-size: 15px; background: #deecf7; width: 100%; line-height: 1.53; color: #1d1d1d; position: relative; } .contents-bg .mokuji-box ul li a .sankaku{ width: 8px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .contents-bg .mokuji-box ul li a .sankaku img{ display: block; } .contents-bg .contents-box p{ margin-bottom: 30px; font-size: 15px; line-height: 1.86; } .contents-bg .contents-box .tex-box{ margin-bottom:50px; } .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 p a{ color: #2282cc; text-decoration: underline; } .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; } .sec-box{ margin-bottom: 115px; } .mod-freeTableSet1 { color: #000; } .mod-freeTableSet1 table{ border-collapse:separate; } @media print, screen and (min-width : 1367px) { } @media print, screen and (max-width: 900px) { .main-bg{ padding-top: 5vw; padding-bottom: 5vw; background: url(../../img/industry/main-sp.jpg) no-repeat center top / cover; } .main-bg.ptn2{ background: url(../../img/industry/main-sp-2.jpg) no-repeat center top / cover; } .main-bg.ptn3{ background: url(../../img/industry/main-sp-3.jpg) no-repeat center top / cover; } .main-bg.ptn4{ background: url(../../img/industry/main-sp-4.jpg) no-repeat center top / cover; } .main-bg.ptn5{ background: url(../../img/industry/main-sp-5.jpg) no-repeat center top / cover; } /* ptn4、ptn5追加 吉川*/ .main-bg .ttl-box{ padding: 0; } .main-bg .ttl-wrap{ position: relative; } .main-bg .ttl-text{ position: absolute; top:5.3vw; width: 90%; left: 0px; right:0; margin-left: auto; margin-right: auto; } .main-bg .ttl-text .mini-ttl{ margin-bottom: 3.8vw; } .main-bg .ttl-text .mini-ttl span{ padding-bottom: 1.6vw; font-size: 4.1vw; text-align: left; display: block; } .main-bg .ttl-text .m-ttl{ font-size:7.9vw; letter-spacing: 0.01em; } .main-bg .ttl-text .m-ttl .mini{ display: block; margin-top: 2vw; line-height: 1; font-size:3.6vw; } .main-bg .ttl-wrap .ttl-img{ margin-left: 0%; width: 100%; padding-top: 14.7vw; } .ind-cont{ padding-top: 9.66vw; padding-bottom: 9.66vw; } .navi-cont{ padding-top: 7.25vw; padding-bottom: 9.66vw; } .category-link{ margin-top: 0; display: flex; } .category-link ul{ font-size: 0; } .category-link li{ display: inline-block; margin-right: 2.4vw; margin-top: 0; margin-bottom: 2.4vw; } .category-link li:last-child{ margin-right: 0; } .category-link li a{ display: inline-block; padding: 2.4vw 4.7vw; font-size: 3.1vw; border-radius: 4vw; } .cat-ttlbox{ margin-top: 7.26vw; text-align: center; margin-bottom: 7.25vw; } .cat-ttl{ line-height: 1; font-size: 7.2vw; letter-spacing: 0.01em; } .cat-tex{ line-height: 1.64; font-size: 3.8vw; word-break: break-all; margin-top: 4.83vw; } #content.cat-list{ margin-top: 2.4vw; } /*詳細ページ用*/ .main-bg.ex{ height: 38.6vw; } .navi-cont.ex{ padding-top: 15px; padding-bottom: 110px; } .contents-bg{ padding-top: 0; padding-bottom: 14.49vw; position: relative; } .contents-bg .ttl-box{ background: url(../../img/articles/ttl-bg.jpg) no-repeat center top / cover; padding-top: 3.4vw; padding-bottom: 3.4vw; } .contents-bg .ttl-box .flex{ display: flex; justify-content: space-between; align-items: center; width: 90%; max-width: 806px; margin-left: auto; margin-right: auto; } .contents-bg .ttl-box .flex .txt{ width: 68%; } .contents-bg .ttl-box .flex .txt dl{ display: block; align-items: center; color: #fff; } .contents-bg .ttl-box .flex .txt dl dt{ margin-right: 0px; margin-bottom: 2.4vw; font-size: 3.1vw; line-height: 1; } .contents-bg .ttl-box .flex .txt dl dd{ padding-left: 0px; border-left: 0; font-size:4.8vw; line-height: 1; font-weight: 700; } .contents-bg .ttl-box .flex .icon{ width: 32%; margin-right: -0%; } .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: 3.0vw; } .contents-bg .miniimg-box{ width: 100%; max-width: none; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 9.66vw; } .contents-bg .miniimg-box .pl-caption{ font-size: 3.0vw; color: #fff; margin-top: 1vw; } .contents-bg .miniimg-box .ex-tex{ position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); top: 50%; left: 50%; display: inline-block; color: #a20017; line-height: 1; font-size: 3.6vw; } .contents-bg .contents-box{ width: 90%; max-width: none; margin-left: auto; margin-right: auto; padding-top: 0vw; } .contents-bg .contents-box.ex{ padding-top: 0; } .contents-bg .contents-box .ttl-text{ line-height: 1.51; font-size:4.8vw; margin-bottom: 2.4vw; } .contents-bg .contents-box .day-text{ font-size: 3vw; line-height: 1.33; margin-bottom: 4.83vw; } .contents-bg .contents-box .img-box{ margin-bottom:7.25vw; position: relative; } .contents-bg .contents-box .head-text{ font-size: 3.86vw; line-height: 1.86; font-weight: 700; } .contents-bg .contents-box h2{ margin-bottom: 4vw; padding-bottom: 2.42vw; font-size:5.07vw; } .contents-bg .contents-box h3{ margin-bottom: 4.83vw; padding:1.0vw 4.8vw; border-left: 1.2vw solid #2282cc; font-size:4.1vw; } .contents-bg .mokuji-box{ margin-bottom: 14.49vw; } .contents-bg .contents-box .mokuji-ttl{ margin-bottom: 2.4vw; font-weight: 700; font-size: 5vw; } .contents-bg .mokuji-box ul li{ margin-bottom: 1vw; max-width: none; } .contents-bg .mokuji-box ul li:last-child{ margin-bottom: 0; } .contents-bg .mokuji-box ul li a{ padding:2.6vw 8.4vw 2.6vw 4.8vw; display: block; font-size: 3.6vw; } .contents-bg .mokuji-box ul li a .sankaku{ width:2.4vw; position: absolute; top: 50%; right: 4.8vw; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .contents-bg .mokuji-box ul li a .sankaku img{ display: block; } .contents-bg .contents-box p{ margin-bottom: 3.83vw; font-size:3.6vw; line-height: 1.86; } .contents-bg .contents-box .tex-box{ margin-bottom:14.49vw; } .contents-bg .contents-box .tex-box.mb0{ margin-bottom:4.49vw; } .contents-bg .contents-box p.big{ font-size:3.6vw; } .contents-bg .contents-box p .notes{ font-size: 3.0vw; } .contents-bg .contents-box p .bold{ font-weight: 700; } .table-sp{ margin-top: 6vw; } .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.44vw; height: 1.44vw; border-top: 2px solid #2282cc; border-right: 2px solid #2282cc; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; margin-right: 1.2vw; } .sec-box{ margin-bottom: 14.49vw; } } .table-sp { display: none; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; font-weight: 700; } .table-del-sp { display: block; overflow-y: scroll; height: calc(100vh/1.3); font-weight: 700; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; } .mod-freeTableSet1 th, .mod-freeTableSet1 td{ font-weight: 600; } .table-del-sp tr:nth-child(2) th{ text-align: center; } .mod-media7036_heading{ padding-left: 0; text-indent: 0; } .mod-freeTableSet1 th{ background-clip: padding-box; } /*.table-del-sp::-webkit-scrollbar { width: 10px; } .table-del-sp::-webkit-scrollbar-track { border-radius: 5px; background: #fff; } .table-del-sp::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }*/ @media screen and (max-width: 900px) { .table-del-sp { display: none; } .table-sp { display: block; display: block; overflow-y: scroll; height: calc(100vh/1.3); } /*.table-sp::-webkit-scrollbar { width: 10px; } .table-sp::-webkit-scrollbar-track { border-radius: 5px; background: #fff; } .table-sp::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }*/ } .mod-freeTableSet1 thead { position: -webkit-sticky; position: sticky; top: 0px; z-index: 1; }