@charset "utf-8"; /* CSS Document */ /* Theme Name: g_syoko Description: 岐阜商工会議所 Theme URI: g_syoko.co.jp Author: g_syoko Author URI: g_syoko.co.jp Version: バージョン License: ライセンス License URI: g_syoko.co.jp 2025.01.10 */ /* FONT */ @font-face { font-family: 'Noto Serif Japanese'; font-style: normal; font-weight: 400; src: local("Noto Serif Japanese"), local("Noto Serif CJK JP"), font-display: swap; } button, input, select, textarea { font-family : inherit; font-size : 100%; } input[type="radio"]{width: auto;} /* Default Style Reset --------------------------------------------------------------------------------------------------------- */ body,form,fieldset{margin: 0px;padding: 0px;} html,body {height: 100%;} fieldset {border:none;} h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;} blockquote,li,dt,dd{} li {list-style:none;} img{border: 0px none;margin: 0;padding: 0;vertical-align: bottom;} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline:none; } input[type="radio"],input[type="checkbox"]{position: relative;top: 1px;margin-right: 5px;} /* Tag Castam ----------------------------------------------------------------------------------------------------------------- */ body {font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;background:#fff; -webkit-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none; font-size: 14px;line-height: 150%;color: #3e3a39;font-feature-settings : "palt";word-break: break-word ;} em {font-weight: normal;font-style: normal;} input[type="submit"],button {cursor:pointer} small {padding: 0 0;font-size: 14px;display: block;text-align: center;color: #fff;} a {text-decoration: none;color: #3E3A39;cursor:pointer;} a:link {} a:hover {text-decoration: none;} a:visited {} a:active {} #wrapper {overflow: hidden;} table {border-collapse: collapse;} table td {padding: 5px; } table th {padding: 5px;} .tablebox {margin: 0 0 20px;} .tablebox.wide {width: 100%;} .tablebox th {background: #eaeaea;border: 1px solid #9a9a9a; } .tablebox td {border: 1px solid #9a9a9a; } .sp{ display: none;} #sub_btn.sp{ display: none;} h3 {color: #fff;margin: 0 auto 20px;font-weight: normal;font-size: 17px;line-height: 140%;padding: 15px 0 15px 100px; } .container {width: 100%; } #eachhead {display:none;} #post .container { margin: 0 0 50px;} #post a {color: #005fa8;text-decoration:underline; } #post .btn a {color: #fff;text-decoration: none; } #post .btn2 a {color: #fff;text-decoration: none; } #post a:hover {text-decoration: none; } .mb {margin-bottom: 50px;} .text {font-size: 14px;line-height: 180%;} .serif {font-family: 'Noto Serif JP', serif;} .center {text-align: center; } .t_right {text-align: right;} .indent li {text-indent: -1em;padding-left: 1em; } .border_blue {margin: 0 0 30px; padding: 20px; border: 2px solid #015fa9; } /*ボタン*/ .btn {} .btn a {letter-spacing: 0.1em;padding: 10px 40px 10px 20px;background: #015fa9;color: #fff;display:inline-block;border-radius: 10px;position: relative;} .btn a:after {content: "";width: 8px;height: 8px;margin: auto;position: absolute;transform: rotate(45deg);top: 0; bottom: 0; right:18px;background: #015fa9; } .btn a:before {content: "";width: 8px;height: 8px;margin: auto;position: absolute;transform: rotate(45deg);top: 0; bottom: 0; right:13px;background: #fff; } .btn a:hover {opacity: 0.8;} .btn.box {text-align: center;margin: 0 0 30px; } .btn input {letter-spacing: 0.1em;padding: 10px 40px 10px 20px;background: #015fa9;color: #fff;display:inline-block;border-radius: 10px;border: none;} .btn .btn_wrap {display:inline-block;position: relative;} .btn .btn_wrap:after {content: "";width: 8px;height: 8px;margin: auto;position: absolute;transform: rotate(45deg);top: 0; bottom: 0; right:18px;background: #015fa9; } .btn .btn_wrap:before {content: "";width: 8px;height: 8px;margin: auto;position: absolute;transform: rotate(45deg);top: 0; bottom: 0; right:13px;background: #fff; } .btn .btn_wrap:hover {opacity: 0.8;} .btn2 {} .btn2 a {letter-spacing: 0.1em;padding: 10px 10px 10px 35px;background: #ccc;color: #fff;display:block;border-radius: 10px;position: relative;} .btn2 a:after {content: "";width: 8px;height: 8px;margin: auto;position: absolute;transform: rotate(45deg);top: 0; bottom: 0; left:10px;background: #ccc; } .btn2 a:before {content: "";width: 8px;height: 8px;margin: auto;position: absolute;transform: rotate(45deg);top: 0; bottom: 0; left:15px;background: #fff; } .btn2 a:hover {opacity: 0.8;} .btnbox button {border: none;background: none; } .btn a[target="_blank"] {} .btn a[target="_blank"]:after {content: "";width: 15px;height: 15px;margin: auto;position: absolute;transform: rotate(0);background: url(common/img/blank.svg) no-repeat center; background-size: contain;right: 13px; } .btn a[target="_blank"]:before {display: none; } .freeimg {width: 100%;margin: 0 0 30px;text-align: center; } .freeimg img {max-width: 100%; } .img_box img {max-width: 100%;} .spportlist{} /*テーブル*/ .table_list {margin: 0 0 30px;display: flex;flex-wrap: wrap; } .table_list li ul{display: flex;flex-wrap: wrap; } .table_list li {width: 100%;border: 1px solid #003865;border-width: 0 1px 1px;display: block;} .table_list .title{width: 100%;justify-content: center;border: 1px solid #003865;border-width: 1px;background: #015fa9; font-weight: bold;} .table_list li li {padding: 5px;border-width: 0 1px 0 0;display: flex;align-items: center;align-content: center;} .table_list li li:last-of-type{ border-width: 0;} #back_link {margin: 20px 0 0;display:flex;flex-wrap: wrap;justify-content: center;} #back_link li {margin: 0 10px 10px 0;} #back_link li:last-of-type{margin: 0 0 10px;} /*ヘッダー*/ #btn {display: none;} header {background: #fff;padding: 0;position:relative;} header.sc {position: fixed;top: 0; left: 0;right:0;z-index: 100;} #head_box {width: 100%;max-width: 1200px;margin: 0 auto;display:flex;padding: 20px 0;justify-content: space-between;align-items: center;} #head_box .each_id {font-size: 36px;position: relative;} #head_box .each_id .icon-id{padding-left: 50px;color: #0260a8; } #head_box .each_id .icon-id:before{position: absolute;top: -2px;left: 0;color: #0260a8;font-size: 42px;} header nav ul,#sub_btn,#size,#color,#sns {display: flex;flex-wrap: wrap;} #size,#color,#sns,#size li,#color li,#sns li{margin: 0 0 0 10px;display: flex;align-items: center;} #sub_btn button {border: none;box-shadow:3px 3px 0px 0px #ccc;} #sub_btn button:active {transform: translate(1px,1px);box-shadow: none;} #size button {color: #fff;background: #484848;border-radius: 10px;padding: 2px 5px;} #size li:nth-of-type(2) button {background: #005686;} #color button {width: 26px;height: 26px;border-radius: 100px;position: relative;} #color button em {margin: auto;position: absolute;top: 2px;left: 0;right: 0;} #color li:nth-of-type(2) button {background: #000;color: #fff;} #color li:nth-of-type(3) button {background: #fff;color: #000;border: 1px solid #d9d7d7;} #color li:nth-of-type(4) button {background: #fc0;color: #000;border: 1px solid #b8a55a;} header nav {background: #015fa9;} header nav ul { justify-content: center;} header nav ul li {padding: 6px 0;} header nav ul li a {letter-spacing: 0.1em;border: 1px solid rgba(255, 255, 255, 0.36);border-width: 0 0 0 1px;padding: 16px 18px 16px 18px;display: block;color: #fff;} header nav ul li:last-of-type a {border-width: 0 1px;} header nav ul li a span {position:relative;} header nav ul li a span:after {content: "";width: 100%;height: 2px;background: #fff;position: absolute;top: calc(100% + 2px);left: 0;transform: scaleX(0);transform-origin: left;transition: .2s; } header nav ul li a span:hover:after {transform: scaleX(1);transform-origin: right;transition: .2s; } header nav ul li div {letter-spacing: 0.1em;border: 1px solid rgba(255, 255, 255, 0.36);border-width: 0 0 0 1px;padding: 16px 18px 16px 18px;display: block; color: rgba(255, 255, 255, 0.3); } header nav ul li:last-of-type div {border-width: 0 1px;} header nav ul li div span {position:relative;} header nav ul li div span:after {content: "";width: 100%;height: 2px;background: #fff;position: absolute;top: calc(100% + 2px);left: 0;transform: scaleX(0);transform-origin: left;transition: .2s; } /*フッター*/ footer {background: #015fa9;} footer {color: #fff;padding: 0 0 50px;} #foot_box {width: 100%;max-width: 1200px;margin: 0 auto;padding: 30px 0;display:flex;justify-content: space-between;} #foot_box .box nav ul {display:flex;margin: 0 0 10px;padding: 0 10px;} #foot_box .box nav ul li {padding: 0 10px;border-left: 1px solid #fff; } #foot_box .box nav ul li a {margin: 0;} #foot_box .box nav ul li:last-of-type{margin: 0;border-right: 1px solid #fff; } #foot_box nav a {color: #fff;display: block;position:relative;} #foot_box nav a:after {content: "";width: 100%;height: 2px;background: #fff;position: absolute;top: calc(100% + 2px);left: 0;transform: scaleX(0);transform-origin: left;transition: .2s; } #foot_box nav a:hover:after {transform: scaleX(1);transform-origin: right;transition: .2s; } #foot_box .box {} #foot_box .text {margin: 0 0 26px;} #foot_box .innner_box {margin: 0 0 16px;} #foot_box .box a {margin: 0 10px 20px 0;display: inline-block;} #foot_box .flex {padding: 20px 0 0;display:flex;} #foot_box .flex .btn2 {min-width: 174px;margin: 0 10px 0 0; } #foot_box .flex .btn2 a {padding: 5px 10px 5px 35px;background: #fff;color: #000;display: block;} #foot_box .flex .btn2 a:after {background: #fff;} #foot_box .flex .btn2 a:before {background: #015fa9;} #foot_box .flex .sns {display: none;} #foot_box .each_id {position:relative;} #foot_box .each_id {font-size: 36px;color: #fff;padding: 0 0 0 55px;} #foot_box .each_id a {color: #fff;} #foot_box .icon-id:before {color: #fff;font-size: 44px;position: absolute;top: -2px;left: 0; } #content_box {background: #efecdd; padding: 0 0 100px;} /*index*/ .content {width: 1100px;margin: 0 auto 50px;} /*slick*/ .slider {width: 90%;margin: 0 auto 80px;} .slick-slide img {width: 100%;height: auto;font-family: 'object-fit: cover';object-fit: cover;} .sns_list { display: flex; flex-wrap: wrap; justify-content: flex-end;} .sns_list li {display: flex; } @media all and (-ms-high-contrast: none) { /* ここに書く */ #main_slide .slick-track{ height: calc(100vh - 300px); } .slick-slide img {width: auto; height: 100%;font-family: 'object-fit: cover';object-fit: cover;} } #main_slide ul{ width: 100%;} #main_slide ul .slick-slide{margin: 0 2px;position: relative;} #main_slide .slick-slide:after{content:"";width: 100%;height: 100%; background: #000;position: absolute;top: 0;left: 0;display:block;transition: 0.2s;opacity: 0;} #main_slide ul .slick-slide {} #main_slide ul .slick-slide a{ display: block;} #main_slide ul .slick-slide:not(.slick-center) { transition: 0.2s linear;} #main_slide ul .slick-slide:not(.slick-center):after{opacity: 0.3;transition: 0.2s; } #main_slide ul .slick-slide.slick-current a{z-index: 1; position: relative; } #index #cont1 {display: flex;flex-wrap: wrap;justify-content: space-between;} #index #cont1 .container {width: 100%;max-width: 538px;margin: 40px 0 0;z-index: 1;background: #fff;border-radius: 20px;box-sizing: border-box;border: 5px solid #ccc;display: flex; flex-wrap: wrap;align-items: baseline;align-content: space-between;} #index #cont1 .box1 {border-color: #005fa8; } #index #cont1 .box2 {border-color: #00a8a2;} #index #cont1 h3 {width: 100%;border-radius: 10px 10px 0 0;} #index #cont1 h3 a {color: #fff;} #index #cont1 .box1 h3 {background: url(common/img/index/icon12.svg) no-repeat top 10px left 25px #005fa8;} #index #cont1 .box2 h3 {background: url(common/img/index/icon11.svg) no-repeat center left 20px #00a8a2;} #index #cont1 ul.flex {width: 100%;display: flex;flex-wrap:wrap;margin: 0 0 10px;padding: 0 20px;/*justify-content: space-between;*/} #index #cont1 .box2 ul.flex {} #index #cont1 ul.flex li {position: relative;margin: 0 0 10px; padding: 0 0 5px 15px;font-size: 14px;border-bottom: 1px dashed #ccc;} #index #cont1 ul.flex li a {display: block;} #index #cont1 .box1 ul.flex li {width: 32%;margin: 0 6px 10px 0;} #index #cont1 .box1 ul.flex li:nth-of-tyoe(3n) {margin: 0; } #index #cont1 .box2 ul {justify-content: space-between;} #index #cont1 .box2 ul.flex li {margin: 0 0 5px;width: 48%;} #index #cont1 ul.flex li:after {content: "";width: 10px;height: 10px;margin: auto;border-radius: 50px;display: block;position: absolute;top: 5px;left: 0;} #index #cont1 .box1 li:after {background: #005fa8;} #index #cont1 .box2 li:after {background: #00a8a2;} #index #cont1 .box {padding: 0 26px;display: flex;flex-wrap:wrap;} #index #cont1 .box ul {width: 62%;margin: 0 20px 10px 0;display: flex;flex-wrap:wrap;justify-content: space-between;} #index #cont1 .box ul li:first-of-type{width: 100%;} #index #cont1 .box ul li {width: 48%;margin: 0 0 10px;} #index #cont1 .box .img_box {width: calc(38% - 20px);display: flex;align-items: flex-end;} #index #cont1 .box .img_box img {width: 100%;} #index #cont1 .box1 .btn2 a {background-color:#005fa8;} #index #cont1 .box1 .btn2 a:after{background-color:#005fa8;} #index #cont1 .box2 .btn2 a {background-color:#ff9933;}/*2025.01.16*/ #index #cont1 .box2 .btn2 a:after{background-color:#ff9933;}/*2025.01.16*/ #index #cont1 .box2 .box {min-width: 460px;} #index #cont1 .box2 .text {margin: 0 0 19px;padding: 0 26px;} #index #cont_list {display: flex;flex-wrap: wrap;border: 2px solid #005fa8; border-radius: 10px;overflow: hidden;background: #005fa8;} #index #cont2 #cont_list li {width: 20%;text-align: center;box-sizing: border-box;border: 1px solid #005fa8;border-width: 0 1px 1px 0; } #index #cont2 #cont_list li:hover{background: #005fa8;} #index #cont2 #cont_list li a {height: 100%;padding: 20px;display:flex;flex-wrap: wrap;justify-content: center;align-items: center;background: #fff;} #index #cont2 #cont_list li .icon { width: 80px;height: 80px;margin: 0 0 10px;fill: #005fa8;} #index #cont2 #cont_list li:hover .icon {fill: #fff;} #index #cont2 #cont_list li a:hover{background: #005fa8;color: #fff; } #index #cont2 #cont_list li.color .icon{fill: #fff;} #index #cont2 #cont_list li.color a {background: #005fa8;color: #fff;} #index #cont2 #cont_list li.color a:hover{background: #95d0ff;color: #fff;} #index #cont2 #cont_list li img {display: block;margin: 0 auto 10px;} #index #cont2 #cont_list li span {width: 100%;display:block;} #index #cont2 #cont_list li:nth-of-type(5){border-width: 0 0 1px;} #index #cont2 #cont_list li:nth-of-type(5)~li{border-width: 0 1px 0 0px;} #index #cont2 #cont_list li:last-of-type {border: none;} #index #cont3 h3 {width: 100%;} #index #cont3 h3 a {color: #fff;} #index #cont3 .box3 {width: 100%; max-width: 748px; margin-bottom: 50px; background: #fff; border-radius: 20px; box-sizing: border-box; border: 5px solid #ccc; align-items: baseline; align-content: space-between;} #index #cont3 .box3 h3 {background: url(common/img/index/icon14.svg) no-repeat center left 8px #005fa8; background-size: 5.5%;} #index #cont3 .box3 h3 {background-color: #005fa8;} #index #cont3 .box3 {border-color: #005fa8;} #index #cont3 .box3 ul.flex li:after {background: #59d600;} #index #cont3 .box3 ul.news_list {padding-top: 0px;} #index #cont3 .box3 ul.news_list li .label {border: 1px solid #000;} #index #cont3 .box3 ul.news_list li:first-child::after {content: ""; display: block; width: auto; height: 100px; background: url(common/img/index/img06.jpg) no-repeat right -5px bottom; background-size: 18%; margin-top: -100px;} #index #cont3 .box3 .btn2 a {background: #59d600;} #index #cont3 .box3 .btn2 a:after {background: #59d600;} #index #cont3 .box3 .news_sub {background: #fff; padding: 0 20px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; border-radius: 0 0 20px 20px;} #cont3 {display:flex;flex-wrap:wrap;justify-content: space-between; align-items: flex-start;} #side_box {order:2;width: 100%;max-width: 330px;} #cont3 .container:nth-of-type(2) {order:1;width: 100%;max-width: 748px;} #side_box #localnews h3 {margin: 0;padding: 12px;padding-left: 30px;} #localnews .name {} #localnews .localbox {margin: 0 0 5px;} #localnews .localbox .day {margin: 0 5px 0 0;font-weight: bold;display: inline-block; } #localnews {margin: 0 0 30px;padding: 0;background: #fff;} #localnews ul {padding: 20px;} #localnews ul li {margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #ccc;} #localnews ul li .localtitle {color: #0168b7; text-decoration: underline;} #localnews ul li a:hover .localtitle{text-decoration: none;} #localnews .btn {text-align: right;padding: 0 20px 20px; } #tab_box {margin: 0 0 50px;} #tab_box .tab {display:flex;flex-wrap:wrap;align-items: flex-end;} #tab_box .tab li {margin: 0 10px 0 0;} #tab_box .tab button {padding: 10px 25px;color: #fff;background: #6b6b6b; border: none;box-shadow:2px -32px 15px -28px rgba(61, 61, 61, 0.67) inset; } #tab_box .tab .btn_active button {padding: 15px 25px 10px;background: #fff;color: #000;box-shadow: none;} #tab_box .tab button:hover {opacity: 0.8;} #tab_box .tab button:active {background: #ccc;box-shadow: none;} #news #tab_box .tab li { width: calc(100% / 3 - 5px);margin: 0 5px 5px 0;box-shadow: none;} #news #tab_box .tab button {width: 100%;padding: 5px 25px;background: #015fa9;box-shadow: none;border: 1px solid #015fa9; } #news #tab_box .tab .btn_active button{padding: 5px 25px;background: none;} #news #post a {display: flex;align-items: center;flex-wrap: wrap;} #news #post a:hover {text-decoration: none;} #post.single a {color: rgb(0, 0, 238);text-decoration: underline;} #post.single a {text-decoration: none;} .infotitle {color: rgb(0, 0, 238);text-decoration: underline;} a:hover .infotitle {text-decoration: none;} #tab_box .innner_box {display: none;} #tab_box .innner_box.box1 {display: block;} #tab_box .news_list {display: block;} #tab_box.flont_page .news_list {overflow: hidden;min-height: 410px; } .wp-rss-template-container,.news_list {background: #fff;padding: 20px;} .wp-rss-template-container li,.news_list li {margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #ccc;} .news_list li span {margin: 0 10px 0 0;display: inline-block;} .news_list li span.title {color: #0168b7;display: block;margin: 10px 0 0; } .news_list li.list0 span.title {padding-right: 130px; } .news_list li a:hover span.title {text-decoration: underline;} .news_list li a:visited span.title {color: #b70101; } .news_list li .day {width: 88px;font-weight: bold;color: #000;} .news_list li .label {margin: 0;min-width: 85px;color: #fff;padding: 2px 5px;font-size: 14px;text-align: center;} .news_list li .label.seminar {background: #2dc28a;} .news_list li .label.other {background: #ccc;} .news_list li .label.matching {background: #e96799;} .news_list li .label.movie {background: #bc1d14;} .news_list li .label.measures {background: #0e63b3;} .news_list li .label.subsidy {background: #4a9a3b;} .news_list li .label.market {background: #c8a422;} .news_list li .label.event {background: #2d9f91;} .news_list li .label2 {min-width: 85px;color: #000;padding: 2px 5px;font-size: 14px;text-align: center;border: 1px solid #000;box-sizing: border-box;} .news_list li .infotitle {width: 100%; } li .infotitle {max-width: 570px; } #tab_box .innner_box.box1 .news_list li .label2 {border-left: none;} #news #tab_box .innner_box.box1 .news_list li .label2 {border-left: 1px solid #000;} #tab_box .innner_box.box1 .news_list li .label {border: 1px solid #000; border-width: 1px 0 1px 1px;} #tab_box .innner_box.box1 .news_list li .label.type2 {margin: 0 10px 0 0;border-width: 1px 1px 1px 1px;} .news_sub {background: #fff;padding: 0 20px 20px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; } .news_sub ul {display:flex;flex-wrap:wrap;} .news_sub li a {padding: 0 10px;border-left: 2px solid #ccc; color: #015fa9;} .news_sub li a:hover {text-decoration: underline;} .news_sub li:last-of-type a {border-right: 1px solid #ccc;} /*rss*/ .wpra-item {display: flex;flex-wrap: wrap;} .wpra-item .wprss-feed-meta {width: 100%;display: inline-block;margin: 0 10px 0 0;font-weight:bold; order: 1;display: flex;} .wpra-item a {order: 2;color: #0168b7;} .wpra-item a:hover {text-decoration: underline;} .wpra-item a:visited {color: #b70101; } .feed-date {display: inline-block;margin: 0 10px 0 0;order: 1;} .feed-source {order: 2;} .feed-source a {font-weight: normal;border: 1px solid #000;padding: 2px 5px; color: #000;pointer-events: none;} .feed-source a:hover {text-decoration: none;background: #000;color: #fff; } .feed-source a:visited {color: #000; } .feed-source a:visited:hover {color: #fff;} #news_box {background: #fff;} #news_box h4 {font-size: 18px;font-weight: normal; margin: 0 20px;padding: 20px 0 5px;border-bottom: 1px solid #ccc; } .wp_rss_retriever_container {display: none;} .wp_rss_retriever_image {display: none;} .rss_item {padding: 20px;} .rss_item li {margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #ccc;} .rss_item small {color: #000;font-weight:bold;text-align: left;display: inline-block;margin: 0 10px 0 0;} .rss_item li a {color: #0168b7;} .rss_item li a:hover {text-decoration: underline;} .rss_item li a:visited {color: #b70101; } #side_box h3 {padding-left: 66px;background: #00a8a2;background-size: 30px;border-radius: 5px 5px 0 0;} #side_box .box2 h3 {padding-left: 0;background: #00a8a2;border-radius: 0;} #side_box .box {margin: 0 0 20px;background: #fff;border-radius: 10px;border: 2px solid #00a8a2;} #side_box .box ul {padding: 0 15px; } #side_box .box ul li {margin: 0 0 10px;padding: 0 10px 10px 0;border-bottom: 1px dashed #ccc;} #side_box .box ul li a {padding: 0 0 0 15px;position: relative;display: block;} #side_box .box ul li a:hover {text-decoration: underline;} #side_box .box ul li a:after {content: "";width: 10px;height: 10px;margin: auto;border-radius: 50px;display: block;position: absolute;top: 0px;bottom: 0;left: 0;background: #00a8a2;} #side_box .box ul li button {padding: 0 0 0 15px;position: relative;display: block;background: none;border: none; } #side_box .box ul li button:hover {text-decoration: underline;} #side_box .box ul li button:after {content: "";width: 10px;height: 10px;margin: auto;border-radius: 50px;display: block;position: absolute;top: 0px;bottom: 0;left: 0;background: #00a8a2;} #side_box .inner_box {padding: 0 15px 15px;} #side_box .box .inner_box {background: url(common/img/index/img05.jpg) no-repeat bottom right 20px;} .tel {font-size: 14px;margin: 0 0 20px;} .tel span {display: block;font-size: 18px;} #side_box .inner_box .btn2 a {display: inline-block;padding: 10px 30px 10px 35px;background: #00a8a2; } #side_box .inner_box .btn2 a:after{background: #00a8a2;} #about_box h3 {background-image: url(common/img/index/icon13.svg) ; background-repeat: no-repeat;background-position: top 10px left 15px;} #backnum {margin: 0 0 20px;padding: 0 0 20px;background: #fff;border: 2px solid #00a8a2;} #backnum h3 {padding: 10px 0;text-align: center; background: #00a8a2;} #backnum .inner_box {margin: 0;} #backnum img {width: 130px;margin: 0 10px 0 0;border: 1px solid #a2a0a0;} #backnum .inner_box2 {padding: 0;display: flex; align-items: flex-start; } #backnum .inner_box2 .text #backnum .inner_box2 ul{margin: 0 0 20px;} #backnum .inner_box2 li{margin: 0 0 10px;text-indent: -1em;padding-left: 1em;font-size: 12px;line-height: 160%;} #backnum p {margin: 0 0 5px;font-size: 14px; } #backnum .text p {margin: 0;font-size: 12px;margin: 0 0 5px;line-height: 160%;} #backnum .btn a {padding: 5px 30px 5px 10px;} #backnum .btn2 {text-align: center;border-radius: 0; } #backnum .btn2 a {border-radius: 0;padding: 10px 15px;display: inline-block;background: #00a8a2;line-height: 140%;} #backnum .btn2 a:after,#backnum .btn2 a:before{display: none;} #banenr_box li {margin: 0 0 10px;} #banenr_box li a:hover {opacity: 0.8; } #banenr_list {width: 100%;max-width: 1120px;margin: 0 auto;padding-left: 10px; display: flex;flex-wrap: wrap;} #banenr_list li {margin: 0 10px 10px 0;width: calc(25% - 10px); } #banenr_list li img {width: 100%;} #banenr_list li:last-of-type {margin: 0 0 10px;} .zip_deta {line-height: 180%;padding: 0 10px;} /*フォントサイズ大*/ br.big {display: none;} .big br.big {display: inline-block;} body.big * {font-size: calc(1em + 0.05em); } body.big h3 {font-size: 28px;} .big #foot_box .flex .btn2 {} #index.big #cont1 .box1 ul.flex li{width: 48%;} #index.big #cont1 .box2 ul.flex li{width: 100%;margin: 0 0 10px;} #index.big #cont1 ul.flex li{font-size:20px;} #index.big #cont1 .box ul {width: 100%;} #index.big #cont1 .box .img_box {width: auto;margin: 0 auto; } .big .news_sub ul {margin: 0 0 20px;} .big .tel {line-height: 140%;} .big #backnum .inner_box2 {flex-wrap: wrap;justify-content: center;} .big #backnum p {font-size: 24px;margin: 20px;line-height: 140%; } .big #backnum .text p {font-size: 16px;line-height: 180%;} .big #backnum img {margin: 0 auto 10px; } .big #color button {width: 32px;height: 32px; } .big #backnum .btn a {padding: 10px 30px 10px 10px;display: block;} .big #backnum .btn2 {padding: 0 15px;} .big #backnum .btn2 a {display:block;} .big #size button {padding: 5px;} sup {font-size: 0.5em;font-weight: bold;} .step {} .stepbox {margin: 0 0 10px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;} .stepnum {width: 150px;height: 150px;text-align: center;background:#2595eb;border-radius: 100px;display: flex;flex-wrap: wrap;align-content: center;color: #fff;position: relative; justify-content: center; font-size: 20px;} .stepnum em {width: 100%;display: block;margin: 0 0 3px;font-size: 16px;} .stepnum span {width: 100%;display: block;font-size: 20px;font-weight: bold;letter-spacing: 0.01em;} .stepnum:before {content: "";width: 3px;height: 200px;background: #2595eb;position: absolute;left:0;bottom: -200px;right: 0;margin: auto;} .stepnum.style2 {} .stepnum.style2 .box2 em {width: auto;display: inline-block;margin: 0px;font-size: 30px;} .stepnum.style2 .box2 span {width: auto;display: inline-block;font-size: 20px;font-weight: bold;letter-spacing: 0.01em;} .stepnum.style2 .box2 {display: flex;} .stepbox:last-of-type .stepnum:before{display: none;} .style2 .stepbox {margin: 0 0 20px;} .stepnum.style2 .box2 {} .style2 .stepnum:before {display: none;} .style2 .stepnum {width: 100px;height: 100px;align-items:center;} .stepbox h4.style2 {border-bottom: 1px dashed #ccc;padding-bottom: 10px;} .style2 .stepbox .illust_right {width: calc(100% - 120px);} #post .style2 .stepbox .box {width: calc(100% - 120px);} .style2.style3 .stepnum {width: 80px;height: 80px;} .style2.style3 .stepbox .illust_right {width: calc(100% - 100px);} .illust_right {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between; } .stepbox .illust_right {width: calc(100% - 160px);} .stepbox .illust_right li {width: 58%;} #post .stepbox .illust_right .text {width: 50%;margin: 0;display: flex;flex-wrap: wrap;align-content: center;align-items: center;font-size: 18px;} .stepbox .illust_right .img_box {width: 47%; } .illust_right .img_box img {width: 100%;} .color_bold {font-weight: bold;color:#2595eb;} .color_bold.style2 {margin: 0 10px 0 0;display: inline-block;color:#fff;background: #2595eb;padding:1px 5px; } .illust_flow li {margin: 0 0 30px;padding: 15px;/*border-bottom: 1px dashed #2595eb;*/position: relative;background: #e1f2ff;color: #000; border-radius: 10px; } .illust_flow li:after {content: "";width: 20px;height: 20px;margin: auto;display: block;background: #e1f2ff;/*border: 1px dashed #2595eb;*/border-width: 0 1px 1px 0;position: absolute;bottom: -10px;left: 0;right: 0;transform: rotate(45deg); } #post .illust_flow li .flex {margin: 0;padding: 0;} #post .illust_flow li .flex .box {width: 67%;} #post .illust_flow li h4 {color: #015fa9;border-bottom: 1px #015fa9 solid;padding-bottom: 10px} .illust_flow li:last-of-type:after {display: none;} .columnbox {} .bluebox {background: #015fa9;border-radius: 10px;margin: 0 0 30px;padding: 20px 10px;color: #fff; } #post .bluebox h4 {margin: 0;color: #fff;text-align: center;font-size: 20px; } #post .bluebox .icon {padding: 0 20px; } #post .bluebox h4 span {padding: 0 0 10px;border-bottom: 1px solid #fff;margin: 0 0 10px;display: inline-block;position: relative;} #post .bluebox .icon span:after {content: "";display: block;width: 40px;height: 40px;background: url(common/img/support.png) no-repeat left top;background-size: cover ;left: -45px; top: -5px;position: absolute; } #post .bluelist {display: flex;justify-content: space-between;} #post .bluelist li {width: 32%;border: none; border : 2px solid #015fa9;border-bottom: 2px solid #015fa9; border-radius: 10px;position: relative;position:relative; } #post .bluelist li span {padding: 10px 0;display: block;text-align: center;display: block; background: #015fa9;color: #fff;border-radius: 3px 3px 0 0;} #post .bluelist li .box {padding: 10px;} #post .bluelist li :after {content: "";width: 5px;height: 35px;margin: auto;left: 0;right: 0;top: -35px;display: block;position: absolute;background: #015fa9;} #post .bluebox .text {margin: 0;} #post .tel {margin: 10px 0 10px;display: block;font-size: 24px; } #post .tel a {color: #2595eb; } .min {font-size: 0.9em;} #privacypolicy #back_link,#link #back_link{display: none;} #auxiliary_listbox span {width: 70px;text-align: center; display: inline-block;margin: 0 10px 0 0;padding: 3px 5px;color: #fff; } #auxiliary_listbox a { font-size: 16px;color: #015fa9; } #auxiliary_listbox a:hover {text-decoration: underline;} #auxiliary_listbox .status1 {background: #6abd6f;} #auxiliary_listbox .status2 {background: #5db7e9;} #auxiliary_listbox .status3 {background: #ef859b;} /*補助金・計画認定制度*/ .icon_list {display: flex;flex-wrap: wrap; } .icon_list .box {width: 32%;margin: 0 2% 10px 0;padding: 10px;border: 2px solid #000; } #post .icon_list .box h4 {text-align: center;color: #000;position: relative;margin-bottom: 30px; min-height: 300px; display: flex; align-items: center; justify-content: center;} .icon_list .box h4:after {content: ""; display: block;width: 30px;height: 2px;background: #000;margin: auto;position: absolute;left: 0;right: 0;bottom: -10px; } .icon_list .box img {margin: 0 auto 10px;display: block;max-width: 100%;} .icon_list li.box:nth-of-type(3n) {margin: 0 0 10px;} .icon_list .box li {margin: 0 0 5px;padding: 0 0 5px;border: 1px dashed #ccc;border-width: 0 0 1px;} .inlist {font-size: 12px; } .form_box .dl_box dl {margin: 0 0 20px;padding: 0 0 20px;border-bottom: 1px dashed #ccc;} .form_box .dl_box dl dt { width: calc(40% - 20px);font-weight:bold;display: block; } .form_box .dl_box dl dd {width: 60%;} .form_box #zip li {margin: 0 0 10px;} .form_box #zip li:first-of-type input{width: 40%;margin: 0 0 0 20px; } #selectivity span label {width: 100%;display: block;} .rec {margin: 0 0 0 10px;padding: 2px 5px;border-radius: 3px;background: red;color: #fff;display: inline-block; } .pearent {position:relative;cursor: pointer;} header nav ul li.pearent div span {color: #fff;} .pearent .sub_nav { transition: .2s;position: absolute;bottom: 0;top: 100%;z-index: 3; } .pearent .sub_nav li {opacity: 0; height: 0;overflow: hidden;transition: .2s;width: 100%;background:#000;padding: 0; transform: scaleY(0) translateY(-50px); transform-origin: top; } .pearent .sub_nav li a {border: none;display: block;padding: 10px 5px;text-align: center;position:relative;z-index: 1; } .pearent .sub_nav li a:after {content: "";width: 100%;height: 100%;display: block;opacity: 0.8;z-index: -1;position: absolute; top: 0;left: 0;} .pearent.on .sub_nav li {height: auto;opacity: 1; transform: scaleY(1) translateY(0);} .pearent .sub_nav li a:hover:after {opacity: 0.7;} #video_list {display: flex; flex-wrap: wrap;} #video_list li {width: 32%;margin: 0 2% 30px 0; } #video_list li:nth-of-type(3n) {margin: 0 0 30px;} #video_list li img {width: 100%;display: block;margin: 0 0 5px;border: 1px solid #ccc; box-sizing: border-box; } #video_list .title {display: block;text-align: center; } #video_list li.list_none {width: 100%;margin: 0; } /*支援事例*/ body#case {background: #fff;padding: 0px;} #case {background: #fff;padding: 20px;} /* #case .caseline {width: 708px; border-top:#CCC solid 1px;padding: 20px 0;} */ #case .case_cont {max-width: 708px; display: grid; grid-template-columns: repeat(auto-fill, minmax(335px, 1fr)); grid-gap: 20px; margin: 0px auto 60px auto;padding: 0 0 20px 0;border-bottom:#999 1px solid;} #case .case_cont:nth-child(n+2) {margin-top: 40px;} #case .case_cont h2 {color: #015fa9; margin: 0 0 50px; padding: 0 0 10px; font-size: 24px; line-height: 140%; border-bottom: 2px solid #015fa9; position:relative;} #case .case_cont h2:after {content: ""; width: 30%; height: 5px; display: block; background: #015fa9; position: absolute; left: 0; bottom: 0px;} #case .case_cont h2.subordinate {margin-bottom: 25px;} #case .case_cont h3 {font-size: 20px; margin: -250px 0 15px; padding: 250px 0 5px; color:#000; border-bottom: 2px solid #015fa9; font-weight: bold; position:relative;} #case .case_cont h3.blue {color: #015fa9;} #case .case_cont h3.orange {color: #ff9933;}/*gifuog*/ #case .case_cont h4 {font-size: 16px; margin: -250px 0 10px; padding-top: 250px; color: #015fa9;} #case hr.blue {margin: 10px 0; border: none; border-top: 2px solid #1c6296;} #case hr.gifuog {margin: 10px 0; border: none; border-top: 2px solid #ff9933;} .case_cont .case img {max-width: 100%; height: 200px; margin-bottom: 15px;} .case_cont .case .theme {color: #1c6296; font-weight: bold; font-size: 1.35em; margin-top: 10px; height: 3em; line-height: 1.5em;} .case_cont .case .gifuog {color: #ff9933;} .case_cont .case .office {margin-bottom: 15px;} .case_cont .case .studies {display: flex; width: 100%; align-items: center; margin-bottom: 10px;} .case_cont .case .studies li span.substance, .case_cont .case .support li span.substance {display: inline-block; width: 100px; padding: 6px 0; text-align: center; color: #fff; background-color: #000; border-radius: 5px; margin-right: 14px;} .case_cont .case .support {display: flex; width: 100%; align-items:flex-start; margin-bottom: 10px;} .case_cont .case .support .support_item {width:230px; display:grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px;} .case_cont .case .support .support_item li {width: 110px; height: min-content; padding: 6px; text-align: center; color: #fff; background-color: #1c6296; border-radius: 5px;} .case_cont .case .support .support_item li.gifuog {width: 110px; height: min-content; padding: 6px; text-align: center; color: #fff; background-color: #ff9933; border-radius: 5px;} .case_cont .case .support .support_item li:last-child {margin-bottom: 0;} #case section {margin-bottom: 40px;} #case .detail_cont {display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 25px; margin-bottom: 20px;} #case .detail_cont img {width: 100%; height: auto;} #case .detail_cont ul {display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px;} #case .detail_cont li {background-color: #fff; color: #000; border: 1px solid #a2a0a0; border-radius: 4px; padding: 10px; text-align: center; margin: 0; box-sizing: border-box;} #case .detail_cont li.blue {color: #fff; background-color: #015fa9; border: none;} #case .detail_cont .orange {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px;color: #fff;border: 1px solid #a2a0a0; border-radius: 4px; padding: 10px; text-align: center; margin: 0; box-sizing: border-box;background-color: #ff9933; border: none;margin-top: 10px;} #case .detail_txt {margin-bottom: 20px;} #case button {border: none; background: none; padding: 0; margin: 0; text-decoration: none; cursor: pointer; font: inherit; color: inherit;} #case .previous {display: flex; max-width: 708px; text-align: center; margin: 0 auto; text-decoration: none; cursor: pointer; font: inherit;} #case .back_btn {display: block; margin: 0 auto 20px; padding: 10px 20px; width: 10em; border: 1px solid #000; background-color: #ffffff; color: #000; border-radius: 5px;} #case button a:hover {color: #fff;border-color: #000;background-color: #000;} @media(min-width: 768px){ a[href^="tel:"]{ pointer-events: none; } } @media all and (-ms-high-contrast: none) { .big #color button em {top: 6px;} } /*背景色*/ .black #content_box {background: #000;} #index.black #cont1 .box2 h3 {background-color: #000;} #index.black #cont1 .box2 {border-color: #fff;background: #000; } #index.black #cont1 .box .img_box {display: none; } #index.black #cont1 ul.flex li a {color: #fff;} #index.black #cont1 .box2 .text {color: #fff;} #index.black #cont1 .box2 li:after {background: #fff;} #index.black #cont1 .box2 .btn2 a {background: #fff;color: #000;} #index.black #cont1 .box ul {width: 100%;margin: 0 20px 10px;} #index.black #cont1 .box {width: 100%;} #index.black #cont1 .box1 h3 {background-color: #000;} #index.black #cont1 .box1 {border-color: #fff;background: #000; } #index.black #cont1 ul.flex li:after {background: #fff;} #index.black #cont1 .box1 .btn2 a {background-color: #fff;color: #000;} #index.black #cont1 .box2 .btn2 a:after{background: #fff;} #index.black #cont1 .box1 .btn2 a:after{background: #fff;} #index.black #cont2 #cont_list li a{background: #000;color: #fff;} #index.black #cont2 #cont_list li .icon{ fill: #fff;} #index.black #cont2 #cont_list li {border-color: #fff;} #index.black #cont_list {border-color: #fff;} #index.black #cont2 #cont_list li:hover {fill: #000;} #index.black #cont2 #cont_list li:hover .icon {fill: #000;} #index.black #cont2 #cont_list li a:hover { background: #fff; color: #000;} #index.black #cont2 #cont_list li:first-of-type a{background: #fff;color: #000;} #index.black #cont2 #cont_list li:first-of-type .icon{fill: #000;} .black #head_sub {background-color: #000;} .black header nav {background: #000;} .black #topicpath {color: #fff;} .black #topicpath ul li a {color: #fff;} .black #post {background: #000;color: #fff; } .black #post #archive .title { color: #fff;border-color: #fff;} .black #post #archive .title:after {background: #fff;} .black #post #archive .box .btn2 a {background: #fff;color: #000; } .black #post #archive .box .btn2 a:after{background: #fff;} .black #contlist li a {color: #fff;} .black #contlist li a:after { background: #fff;} body.black .news_list { background: #000;} body.black #news_box h4 {color: #fff;background: #000;} .black #news_box {background: #000;} .black .news_list li a {color: #fff;} .black .news_sub {background: #000; } .black .news_sub li a {color: #fff;} .black .news_list li .label {color: #000;} .black .news_list li .label.seminar {background: #fff;} .black .news_list li .label.other {background: #fff;} .black .news_list li .label.matching {background: #fff;} .black .news_list li .label.movie {background: #fff;} .black .news_list li .label.measures {background: #fff;} .black .news_list li .label.subsidy {background: #fff;} .black .news_list li .label.market {background: #fff;} .black .news_list li .label.event {background: #fff;} .black #side_box .box {background-color: #000;border-color: #fff;} .black #side_box h3 {background-color:#000;} .black #side_box #side_list h3 {background-color: #000;} .black #side_box .box ul li a { color: #fff;} .black #side_box #side_list.box {border-color: #fff;} .black #backnum h3 {background: #000;} .black #side_box .inner_box .btn2 a{background: #fff;color: #000; } .black #side_box .inner_box .btn2 a:after{background: #fff; } .black #side_box #side_list.box ul li a:after{background: #fff;} .black #side_box .box ul li a:after {background: #fff;} .black #backnum {background: #000;border-color: #fff;} .black #backnum .btn2 a {background: #fff;color: #000;} .black .tel {color: #fff; } .black #side_box .box .inner_box {background: none;border-color: #fff;} .black footer {background: #000;} .black #foot_box .flex .btn2 a:before {background: #000;} .black #tab_box .tab button {background: #000;color: #fff; box-shadow: none; border: 1px white solid;border-width: 1px;} .black #tab_box .tab .btn_active button {background: #000;} .black #event h3 {color: #fff;} #news.black #tab_box .tab button {background: #000;color: #fff; box-shadow: none; border: 1px white solid;border-width: 1px;} #news.black #tab_box .tab .btn_active button {background: #000;} .black #backnum p {color: #fff;} .black .btn a { background: #fff; color: #000;} .black .btn a:after {background: #fff;} .black .btn a:before {background: #000;} .black .btn a:hover {} .black .btn.box {} .black .btn input {background: #fff;color: #000;} .black .btn .btn_wrap:before { background: #000;} .black .btn .btn_wrap:after{ background: #fff;} .black .btn .btn_wrap {} .black .btn .btn_wrap:after {} .black .btn .btn_wrap:before {} .black .btn .btn_wrap:hover {} .black .btn2 {} .black .btn2 a {} .black .btn2 a:after {} .black .btn2 a:before {background: #000;} .black .btn2 a:hover {} .black #event_head .day {background: #fff;color: #000; } .black #event_head .week{background: #fff;color: #000; } .black #event_head .main{background: #fff;color: #000; } .black #event_data .sat .week, .black #event_data .sat .day{background: #fff;color: #000; } .black #event_data .sun .week, .black #event_data .sun .day{background: #fff;color: #000; } .black #event_data,.black #event_data li {border-color: #fff;} .black #event_data li a{color: #fff;} .black #event_data li a:after{background: #fff;} .white #content_box {background: #fff;} .white #tab_box .tab .btn_active button {background: #005fa8;color: #fff;} .white #tab_box .tab button {background: #939393;} .white .news_list {border: solid #005fa8 2px;border-width: 2px 2px 0; } .white .news_sub {border: solid #005fa8 2px;border-width: 0px 2px 2px;} .white #news_box {border: solid #005fa8 2px;} .white #news_box .news_list {border: none; } .yellow #content_box {background: #ffe550;} .yellow #banenr_list img {border: 1px solid #015fa9; } .yellow #content_box {background: #ffe550;} #index.yellow #cont1 .box2 h3 {background-color: #ffe550;background-color: #015fa9;color:#ffe550;} #index.yellow #cont1 .box2 {border-color: #015fa9;background: #ffe550; } #index.yellow #cont1 .box .img_box {display: none; } #index.yellow #cont1 ul.flex li a {color: #015fa9;} #index.yellow #cont1 .box2 .text {color: #015fa9;} #index.yellow #cont1 .box2 li:after {background: #015fa9;} #index.yellow #cont1 .box2 .btn2 a {background: #015fa9;color: #ffe550;} #index.yellow #cont1 .box ul {width: 100%;margin: 0 20px 10px;} #index.yellow #cont1 .box {width: 100%;} #index.yellow #cont1 .box1 h3 {background-color: #ffe550;background-color: #015fa9;color:#ffe550;} #index.yellow #cont1 .box1 {border-color: #015fa9;background: #ffe550; } #index.yellow #cont1 ul.flex li:after {background: #015fa9;} #index.yellow #cont1 .box1 .btn2 a {background-color: #015fa9;color: #ffe550;} #index.yellow #cont1 .box2 .btn2 a:after{background: #015fa9;} #index.yellow #cont1 .box1 .btn2 a:after{background: #015fa9;} .yellow .news_list li {border-color: #015fa9;} #index.yellow #cont2 #cont_list li a{ } #index.yellow #cont2 #cont_list li .icon{} #index.yellow #cont2 #cont_list li { } #index.yellow #cont_list {} .yellow #head_sub {background-color: #ffe550;} /*.yellow header nav {background: #ffe550;} */ .yellow #topicpath {color: #015fa9;} .yellow #topicpath ul li a {color: #015fa9;} .yellow #post {background: #ffe550;color: #015fa9; } .yellow #post #archive .title { color: #015fa9;border-color: #015fa9;} .yellow #post #archive .title:after {background: #015fa9;} .yellow #post #archive .box .btn2 a {background: #015fa9;color: #ffe550; } .yellow #post #archive .box .btn2 a:after{background: #015fa9;} .yellow #contlist li a {color: #015fa9;} .yellow #contlist li a:after { background: #015fa9;} body.yellow .news_list { background: #ffe550;} body.yellow #news_box h4 {color: #015fa9;background: #ffe550;border-color:#015fa9;} .yellow #news_box {background: #ffe550;} .yellow .news_list li a {color: #015fa9;} .yellow .news_sub {background: #ffe550; } .yellow .news_sub li a {color: #015fa9;} .yellow .news_list li .label {color: #ffe550;} .yellow .news_list li .label.seminar {background: #015fa9;} .yellow .news_list li .label.other {background: #015fa9;} .yellow .news_list li .label.matching {background: #015fa9;} .yellow .news_list li .label.movie {background: #015fa9;} .yellow .news_list li .label.measures {background: #015fa9;} .yellow .news_list li .label.subsidy {background: #015fa9;} .yellow .news_list li .label.market {background: #015fa9;} .yellow .news_list li .label.event {background: #015fa9;} .yellow #side_box .box {background-color: #ffe550;border-color: #015fa9;} .yellow #side_box h3 {background-color:#ffe550;color: #015fa9;} .yellow #side_box #side_list h3 {background-color: #ffe550;color: #015fa9;} .yellow #side_box .box ul li a { color: #015fa9;} .yellow #side_box #side_list.box {border-color: #015fa9;} .yellow #backnum h3 {background: #ffe550;} .yellow #side_box .inner_box .btn2 a{background: #015fa9;color: #ffe550; } .yellow #side_box .inner_box .btn2 a:after{background: #015fa9; } .yellow #side_box #side_list.box ul li a:after{background: #015fa9;} .yellow #side_box .box ul li a:after {background: #015fa9;} .yellow #backnum {background: #ffe550;border-color: #015fa9;} .yellow #backnum .btn2 a {background: #015fa9;color: #ffe550;} .yellow .tel {color: #015fa9; } .yellow #side_box .box .inner_box {background: none;border-color: #015fa9;} .yellow footer {background: #015fa9;} .yellow #foot_box .flex .btn2 a:before {background: #015fa9;} .yellow #tab_box .tab button {background: #ffe550;color: #015fa9; box-shadow: none; border: 1px #015fa9 solid;border-width: 1px;} .yellow #tab_box .tab .btn_active button {background: #ffe550;} .yellow #event h3 {color: #015fa9;} .yellow #side_box .box ul li {border-color: #015fa9; } .yellow #head_sub span {color: #015fa9;} #news.yellow #tab_box .tab button {background: #ffe550;color: #015fa9; box-shadow: none; border: 1px #015fa9 solid;border-width: 1px;} #news.yellow #tab_box .tab .btn_active button {background: #ffe550;} .yellow #backnum p {color: #015fa9;} .yellow .btn a { background: #015fa9; color: #ffe550;} .yellow .btn a:after {background: #015fa9;} .yellow .btn a:before {background: #ffe550;} .yellow .btn a:hover {} .yellow .btn.box {} .yellow .btn input {background: #015fa9;color: #ffe550;} .yellow .btn .btn_wrap:before { background: #ffe550;} .yellow .btn .btn_wrap:after{ background: #015fa9;} .yellow .btn .btn_wrap {} .yellow .btn .btn_wrap:after {} .yellow .btn .btn_wrap:before {} .yellow .btn .btn_wrap:hover {} .yellow .btn2 {} .yellow .btn2 a {} .yellow .btn2 a:after {} .yellow .btn2 a:before {background: #ffe550;} .yellow .btn2 a:hover {} .yellow #event_head .day {background: #015fa9;color: #ffe550; } .yellow #event_head .week{background: #015fa9;color: #ffe550; } .yellow #event_head .main{background: #015fa9;color: #ffe550; } .yellow #event_data .sat .week, .yellow #event_data .sat .day{background: #015fa9;color: #ffe550; } .yellow #event_data .sun .week, .yellow #event_data .sun .day{background: #015fa9;color: #ffe550; } .yellow #event_data,.yellow #event_data li {border-color: #015fa9;} .yellow #event_data li a{color: #015fa9;} .yellow #event_data li a:after{background: #015fa9;} .yellow header nav ul li a{color: #ffe550;} #index.yellow #cont1 ul.flex li{border-color: #015fa9; } #index.yellow #cont2 #cont_list li a{background: #015fa9;color: #ffe550;} #index.yellow #cont2 #cont_list li .icon{ fill: #ffe550;} #index.yellow #cont2 #cont_list li {border-color: #ffe550;} #index.yellow #cont_list {border-color: #ffe550;} #index.yellow #cont2 #cont_list li:hover {fill: #015fa9;} #index.yellow #cont2 #cont_list li:hover .icon {fill: #015fa9;} #index.yellow #cont2 #cont_list li a:hover { background: #ffe550; color: #015fa9;} #index.yellow #cont2 #cont_list li:first-of-type a{background: #ffe550;color: #015fa9;} #index.yellow #cont2 #cont_list li:first-of-type .icon{fill: #015fa9;} /* パンくずリスト */ #topicpath {margin: 0 0 30px;} #topicpath ul {display: flex; flex-wrap: wrap;} #topicpath ul li {flex-wrap: wrap;position: relative;margin: 0 10px 0 0;} #topicpath ul li:after{content:">";margin: 0 0 0 10px;} #topicpath ul li:last-of-type:after{display: none;} #topicpath ul li a {color: #005fa8;} #topicpath ul li a:hover{text-decoration: underline;} /* コンテンツページ */ #head_sub {position: relative; } #head_sub {background: #82c2f3;margin: 0 0 40px;padding: 0 10px; } #head_sub span {width: 100%;padding:30px 0;max-width: 1100px;margin: 0 auto;font-size: 30px;font-weight: normal;color: #fff;display: block; } #head_sub span{position: relative;overflow: hidden;} #head_sub span:before{position: absolute;margin: auto;top: 0;right: 100px;font-size: 160px;color: rgba(255, 255, 255, 0.60);bottom: 0;display: flex;align-items: center; } #wrapper.result #head_sub:after {content:"";width: 100%;height: 100%;position: absolute;top: 0;right: 0;background: rgb(255 255 255 / 30%); } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; } } #news #head_sub span.icon-icon:before, #eventinfo #head_sub span.icon-icon:before, #seminar #head_sub span.icon-icon:before, #other #head_sub span.icon-icon:before, #matching #head_sub span.icon-icon:before, #movie #head_sub span.icon-icon:before, #measures #head_sub span.icon-icon:before, #subsidy #head_sub span.icon-icon:before, #market #head_sub span.icon-icon:before {content:""; background: url(common/img/newsicon.svg) no-repeat left;height: 100%;width: 200px;background-size: cover;} #news #side_list .icon-icon:before, #eventinfo #side_list .icon-icon:before, #seminar #side_list .icon-icon:before, #other #side_list .icon-icon:before, #matching #side_list .icon-icon:before, #movie #side_list .icon-icon:before, #measures #side_list .icon-icon:before, #subsidy #side_list .icon-icon:before, #market #side_list .icon-icon:before {content:""; background: url(common/img/newsicon2.svg) no-repeat left;height: 100%;width: 28px;background-size: contain;} #main_cont {width: 100%;max-width: 748px;} #cont_box {display: flex;flex-wrap: wrap;justify-content: space-between;} #post {background: #fff;padding: 20px;} #post h2 {color: #015fa9;margin: 0 0 50px;padding: 0 0 10px;font-size: 24px;line-height: 140%; border-bottom: 2px solid #015fa9;position:relative; } #post h2.gifuog {color: #ff9933;margin: 0 0 50px;padding: 0 0 10px;font-size: 24px;line-height: 140%; border-bottom: 2px solid #ff9933;position:relative; } #post h2:after {content: "";width: 30%;height: 5px;display: block;background:#015fa9;position: absolute;left: 0;bottom: 0px; } #post h2.gifuog:after {content: "";width: 30%;height: 5px;display: block;background:#ff9933;position: absolute;left: 0;bottom: 0px; } #post h3.gifuog {font-size: 20px;margin: -250px 0 30px;padding: 250px 0 5px;color:#ff9933;border-bottom: 2px solid #ff9933;font-weight: bold;} #post h3 {font-size: 20px;margin: -250px 0 30px;padding: 250px 0 5px;color:#015fa9;border-bottom: 2px solid #015fa9;font-weight: bold;} #post h4 {font-size: 16px;margin: -250px 0 10px;padding-top: 250px;color: #015fa9; } #post h4.style2 span {margin-bottom: 20px;padding: 5px 10px;font-size: 18px;background: #cde7fa;display: block;} #post h4.style3 span {margin-bottom: 20px;padding: 5px 10px;font-size: 18px;background: #e6e6e6;display: block; color: #000;} #post .stepbox h4 {font-size: 20px;} #post #archive {display: flex;flex-wrap: wrap;} #post #archive li {width: 46%;margin: 0 8% 50px 0;} #post #archive li:nth-of-type(2n){margin: 0 0 50px; } #post #archive li img {width: auto;max-width: 100%; } #post #archive .box {display: flex;flex-wrap: wrap;justify-content: space-between;} #post #archive img {margin: 0 auto 10px;display: block;max-height: 270px;} #post #archive.spportlist {display: flex;flex-wrap: wrap;} #post #archive.spportlist li {width: 100%;margin: 0 0 50px 0;} #post #archive.spportlist li:nth-of-type(2n){margin: 0 0 50px; } #post #archive.spportlist li img {width: auto; max-width: 100%;} #post #archive.spportlist .inbox {width: 65%;} #post #archive.spportlist .img_box{width: 30%;} #post #archive.spportlist .box .text{width: 100%;margin: 0 0 20px;} #post #archive.spportlist .btn2 {width: calc(40% - 20px);} #post #archive.spportlist .btn2 a:after {background: #015fa9;} #post #archive.spportlist .btn2 a{ background: #015fa9;} /*固定ページ用*/ #post .text {margin: 0 0 20px;} #post a.link {color: #015fa9;} #post .btn a.link {color: #fff;} #post .btn a.link:hover {text-decoration: none;} #post a.link:hover {text-decoration: underline;} #post .line {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ccc; } #post .right {text-align: right;} #post .list {margin: 0 0 30px;} #post .list li {margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #ccc; } #post .list ul {padding: 10px 0 0;} #post .list li li {margin: 0 0 5px;padding: 0;border: none; } #post .list.img_list li{border: none;} #post .list.acc li {position: relative;padding-left: 25px; } #post .list.acc li:after{content:"";background: #015fa9;width: 15px;height: 15px;position: absolute;left: 0;top: 3px; border-radius: 100px;} #post .column2 ,#post .column3,#post .column4,#post .column_cent ,#post .column3_2 {display: flex;flex-wrap: wrap;margin: 0 0 30px;} #post .column2 li,#post .column3 li,#post .column4 li,#post .column3_2 li {margin: 0 5px 5px 0;} #post .column2 li img,#post .column3 li img,#post .column4 li img {max-width: 100%; } #post .column2 li {width: calc(100% / 2 - 5px); } #post .column3 li {width: calc(100% / 3 - 5px); } #post .column4 li {width: calc(100% / 4 - 5px); } #post .column3_2 li .img_box img{width: 100%;} #post .column3_2 li:first-of-type {width: calc(40% - 5px); } #post .column3_2 li:nth-of-type(2) {width: calc(30% - 5px); } #post .column3_2 li:last-of-type {width: calc(30% - 5px); } #post .column_cent {justify-content: center;} #post .column_cent li {margin: 0 20px 0 0;} #post .column2 li:nth-of-type(2n),#post .column3 li:nth-of-type(3n),#post .column4 li:nth-of-type(4n){margin: 0 0 5px; } #post .flex {margin: 0 0 15px;padding: 0 0 15px;display: flex;flex-wrap: wrap;justify-content: space-between;} #post .flex .box {width: 70%; } #post .flex .img_box { width: calc(100% - (70% + 10px)); } #post .flex .img_box img {max-width: 100%; } #post .flex .img_box .auto {text-align: center;margin: 10px 0 0;} #post .flex .img_box .auto img{width: auto;margin: 0 auto; } #post .flex.bottombox .box {width: 50%; } #post .flex.bottombox .img_box { width: calc(100% - (50% + 10px)); } #post .list li .flex {margin: 0;padding: 0;} #post .column3_2 li .auto {text-align: center;margin: 10px 0 0;} #post .column3_2 li .auto img{width: auto;margin: 0 auto; } #post #archive .box .text{width: 60%;margin: 0 20px 0 0;} #post #archive .title {margin: 0 0 20px;padding: 0 0 5px 24px;font-size: 18px;color: #005fa8;display: block;border-bottom: 2px solid #005fa8;position: relative;font-weight: bold;} #post #archive .box .btn2{width: calc(40% - 20px); } #post #archive .box .btn2 a {background: #015fa9; } #post #archive .box .btn2 a:after{background: #015fa9; } #post .grid {margin: 0 0 30px;display: -ms-grid;display: grid;-ms-grid-columns: 150px 1fr;grid-template-columns: 150px 1fr;} #post .grid dt {padding: 10px 5px;-ms-grid-column: 1;grid-column: 1;border: 1px dashed #ccc;border-width: 0 0px 1px;} #post .grid dd {padding: 10px 5px;-ms-grid-column: 2;grid-column: 2;border: 1px dashed #ccc;border-width: 0 0px 1px;} #post .grid.style1, #post .grid.style2 {margin: 0 0 30px;display: -ms-grid;display: grid;-ms-grid-columns: 80px 1fr;grid-template-columns: 80px 1fr;} #post .grid.style1.style3{margin: 0 0 30px;display: -ms-grid;display: grid;-ms-grid-columns: 40px 1fr;grid-template-columns: 40px 1fr;} #post .grid.style1 dt {padding: 10px 5px;-ms-grid-column: 1;grid-column: 1;border: 1px dashed #ccc;border-width: 0 0px 1px;} #post .grid.style1 dd {padding: 10px 5px;-ms-grid-column: 2;grid-column: 2;border: 1px dashed #ccc;border-width: 0 0px 1px;} #mutual_guid #post .grid.style1 dd .text{margin-bottom: 0;} #post .grid.style1 dt span{width: 70px;height: 70px;align-items: center;display: flex;justify-content: center;border-radius: 100px;color: #fff;font-size: 16px;font-weight:bold;} .c1{color: #ef859b;} .c2{color: #5db7e9;} .c3{color: #6abd6f;} #post h4.c1{color: #ef859b;} #post h4.c2{color: #5db7e9;} #post h4.c3{color: #6abd6f;} #post .grid.style1 dt .c1{background: #ef859b;} #post .grid.style1 dt .c2{background: #5db7e9;} #post .grid.style1 dt .c3{background: #6abd6f;} #post .grid.style2 dt span{width: 70px;height: 70px;align-items: center;display: flex;justify-content: center;border-radius: 100px;font-size: 16px;font-weight:bold;border: 2px solid #ccc; } #post .grid.style2 dt .c1{border-color: #ef859b;color: #ef859b;} #post .grid.style2 dt .c2{border-color: #5db7e9;color: #5db7e9;} #post .grid.style2 dt .c3{border-color: #6abd6f;color: #6abd6f;} #post .grid.style2 dd {display: flex;flex-wrap: wrap;align-items: center;align-content: center;} #post .grid.style3 dt span{width: 25px;height: 25px;align-items: center;display: flex;justify-content: center;border-radius: 100px;font-size: 16px;background: #015fa9;} #post .grid.style3 dd {/*display: flex;flex-wrap: wrap;align-items: center;align-content: center;*/} .pamph {display: flex;flex-wrap: wrap; justify-content: center;} .pamph li {margin: 0 57px 30px 0;text-align: center;} .pamph li:nth-of-type(2n) {margin: 0 0 30px; } .pamph li:last-of-type {margin: 0 0 30px; } .pamph a {display: block;margin: 0 0 10px; display: inline-block;} .pamph .btn a {padding: 5px 40px 5px 20px;} .pamph span {margin: 0 0 10px;display: block;font-weight: bold;line-height: 140%;font-size: 16px;letter-spacing: 0.05em;} .pamph li:nth-of-type(3n) {margin: 0 0 30px;} .pamph.pamph3 li {margin: 0 20px 30px 0;} .pamph.pamph3 li:nth-of-type(2n){margin: 0 20px 30px 0;} .pamph.pamph3 li:nth-of-type(3n){margin: 0 0 30px 0;} #post .dt_bold dt {font-weight:bold;} #post dd .list {margin: 0;padding: 0;} #post dd .list li {border: none;padding: 0;} #post dd .list li:last-of-type{margin: 0;padding: 0;} /*職員紹介*/ #post #archive.staff .box .text{width: 100%;} #post #archive.staff .box .btn2{width: 100%;margin: 0 0 30px;align-self: flex-end;} #post #archive.staff .img_box {width: 50%;margin: 0 10px 0 0;} #post #archive.staff .img_box img{width: 100%;height: 100%;object-fit: cover;} #post #archive.staff .innner_box {width: calc(50% - 10px);display: flex;flex-wrap: wrap;} #post #archive.staff .name {width: 100%;margin: 0 0 3px;padding: 0 0 3px;display: block;font-size: 18px;border-bottom: 1px #015fa9 solid;} #post #archive.staff .alphabet {width: 100%;margin: 0 0 3px;display: block;} #post #archive.staff .box1 {width: 100%;padding: 10px 0 0;} #post #archive.staff .text {margin: 0 0 3px; } #post #archive.staff .text+ .text{margin: 0 0 6px;} #side_box #side_list h3 {background-color: #015fa9;position: relative; } #side_box #side_list h3:before{margin: auto;color: #fff;font-size: 28px;position: absolute;top: 0;bottom: 0;left: 20px;display: flex; align-items: center;} #side_box #side_list.box{border: 2px solid #015fa9;} #side_box #side_list.box ul li a:after{background: #015fa9;} #side_box #side_list.box ul li button:after{background: #015fa9;} #side_box #side_list.box ul li:last-of-type{margin: 0 0 20px;} .big #post #archive .box .text{width: 100%;} .big #post #archive .box .btn2{width: 100%;} #contlist li {margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #ccc; } #contlist li a {padding: 0 0 0 24px;font-size: 16px;color: #005fa8;display: block;position: relative;} #contlist li a:after {content:"";width: 15px;height:15px;display: block;border-radius: 100px;position: absolute;left: 2px;top: 2px;background: #005fa8; } .pagination {width: 100%;display: flex;align-items: center;justify-content: center;margin: 40px 0;position: relative;font-size: 13px;} .pagination span, .pagination a {display: block;width: auto;margin: 4px;padding: 8px;border: 1px solid #000;background-color: #fff;text-decoration: none;text-align: center;line-height: 16px;} /* ページ番号 */.pagination .pager{width: 41px;} /* ホバー時 & 現在のページ */.pagination a:hover,.pagination .current {color: #fff;border-color: #000;background-color: #000;} /* 前へ */.pagination a.prev {margin-right: 16px;} /* 次へ */.pagination a.next {margin-left: 16px;} /* 最初へ */.pagination a.first {} /* 最後へ */.pagination a.last {} /* Page x / y */.pagination span.page_num {display: none;} /* イベント */ #post.event {padding-top: 30px; } #event h3 { margin: 0 auto 10px;color: #000;text-align: center; padding: 0;font-size: 24px;} #event h3 span {font-size: 38px;margin: 0 5px;display: inline-block;border: none;} #event .title {margin: 0 0 20px;text-align: center;display: block;font-size: 16px;} #event ul li {width: 100%;display: flex;} #event span {display: flex;flex-wrap: wrap;box-sizing: border-box;border-right: 1px solid #015fa9;} #event .day,#event .week{padding: 10px 0 0 ;width: 40px;min-height: 40px;justify-content: center;font-weight:bold;} #event .main {width: calc(100% - 40px);padding: 10px;} #event_head {border: 1px solid #015fa9;} #event_head .main {background: #82c2f3;text-align: center;color: #fff;font-weight: bold;} #event_head .day {background: #82c2f3;color: #fff } #event_head .week {background: #82c2f3;color: #fff;} #event_data {margin: 0 0 30px;border: 1px solid #015fa9;border-width: 0px 1px 1px;} #event_data li {border-bottom: 1px solid #015fa9;} #event_data li:last-of-type{border: none;} #event_data li ul {display: block;} #event_data li li {margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #ccc;display:block;} #event_data li li:last-of-type{margin: 0;padding: 0;border: none;} #event_data li .label{display: inline-block;border: none;} #event_data li a {display: block;position: relative;padding-left: 20px; } #event_data li a:after{content:"";width: 10px;height: 10px;background: #82c2f3;position: absolute;top: 6px;left:0;border-radius:100px; } #event_data li a:hover {text-decoration: underline;} #event_data .sat .week,#event_data .sat .day{background: #dcf0ff;} #event_data .sun .week,#event_data .sun .day{background:#ff9090;color: #fff;} #event #page {display: flex;flex-wrap:wrap;justify-content: center;} #event #page li {width: auto;margin: 0 10px 0 0;position: relative;font-weight: bold;} #event #page .prev{padding: 0 10px 0 0;border: 1px solid #000;border-width: 0 1px 0 0;} /* 商工会一覧 */ #member_list #main_cont h3{margin: 0 0 20px;padding:0;color: #015fa9;} .menbar_list li {margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #ccc;display: flex;align-items: center;flex-wrap: wrap;} .menbar_list li a {width: calc(100% - (33% + 40% + 40px)); } .menbar_list li .zip {width: 33%;margin: 0 0 0 20px; } .menbar_list li .contact {width: 40%;margin: 0 0 0 20px;} .menbar_list li span {display: inline-block;margin: 0 10px 0 0;} .menbar_list a {padding: 0 0 0 20px;position: relative;display: block;} .menbar_list a:hover{text-decoration: underline;} .menbar_list a:after{content:"";width: 8px;height: 8px;margin: auto;background: #015fa9;border-radius: 100px; position: absolute;top: 0;bottom: 0;left: 0; } .menbar_list {margin: 0 0 30px;} /*商工会情報*/ #infomation .zip {margin: 0 0 20px;} #infomation .dl_box dl {margin: 0 0 10px; padding: 0 0 10px;border: dashed 1px #ccc;border-width: 0 0 1px;} #infomation .dl_box dl:last-of-type{border: none;} #infomation .dl_box dl dt {margin: 0;padding: 10px;font-weight: bold;} #infomation .dl_box dl dd {padding: 10px;} iframe {width: 100%;} /*組織概要*/ .dl_organization.dl_box dl dt{width: calc(20% - 20px);margin: 0; } .dl_organization.dl_box dl dd{margin: 0;} .dl_organization.dl_box dl{margin: 0 0 10px;padding: 0 0 10px; border-bottom: 1px dashed #ccc;} .dl_organization.dl_box dl dd li{margin: 0 0 10px; } .dl_organization.dl_box dl dd li .t_h{margin: 0 0 px;display: block;font-weight: bold; } .option {margin: 0 0 50px;} .option .serif {font-size: 24px;text-align: center; } .option ul {margin: 0 0 20px;} .option ul li {margin: 0 0 10px;} #dear_all .zip {margin: 0 0 20px;} #dear_all .dl_box dl {margin: 0 0 10px; padding: 0 0 10px;border: dashed 1px #ccc;border-width: 0 0 1px;} #dear_all .dl_box dl:last-of-type{border: none;} #dear_all .dl_box dl dt {margin: 0;padding: 10px;font-weight: bold;} #dear_all .dl_box dl dd {padding: 10px;} iframe {width: 100%;} /*機関紙 会報誌*/ #magazin.organ .title {font-size: 16px; margin: 0 0 10px;font-weight: bold; font-size: 20px;letter-spacing: 0.05em;} #magazin.organ li {} #magazin.organ li {margin: 0 0 20px;padding: 0 0 20px;border: 1px dashed #ccc;border-width: 0 0 1px;} #magazin.organ .flex {display: flex;flex-wrap: wrap;align-items: flex-start;} #magazin.organ .flex img {margin: 0 20px 0 0;max-width: 180px;} /*沿革*/ .history {} .history li {margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #ccc; display: flex;align-items: center;flex-wrap: wrap;} .history .title {width: 150px;display: inline-block;margin: 0 20px 0 0; } #post .history .text {width: calc(100% - 170px);display: inline-block;margin: 0;} /* フォーム */ .dl_box dl {margin: 0 0 30px;display: flex;flex-wrap: wrap;} .dl_box dl dt {width: calc(30% - 20px);margin: 0 20px 10px 0;} .dl_box dl dd {width: 70%; } input {padding: 3px;width: 100%;} .form_box {display: flex;justify-content: center;flex-wrap: wrap;} .form_box .dl_box {width: 80%;} textarea {width: 100%;padding: 3px;} .form_box .btn.box{width: 100%;} .form_box .tel {font-size: 28px;} .form_box .tel em {font-size: 20px;} .bold {font-weight: bold;} small {} /*検索窓*/ #form{} #s-box{width: auto;padding: 7px;} #s-btn-area{ border: none;padding: 5px 10px;font-size: 16px;color: #fff;background: #000;} #s-btn{ } #search_list li { margin: 0 0 10px;padding: 0 0 10px; border-bottom: 1px dashed #ccc; } #search_list li a:hover{text-decoration: underline;} /*説明用*/ code {padding: 10px;background: #fffcee;border: 2px solid #a0d5ff;margin: 20px 0px;display: block; } /*事業者・創業者の皆様へ--------------------------------------*/ /*中小企業倒産防止共済制度*/ #bankruptcy_table li {} #bankruptcy_table li ul {} #bankruptcy_table li li {width: calc(100% /3);justify-content: flex-end;} #bankruptcy_table li li:first-of-type{justify-content: flex-start;background: #cde7fa;} #bankruptcy_table .title li {justify-content: center;color: #fff;background: #015fa9;} #bankruptcy_table .title li:first-of-type{justify-content: center;background: #015fa9;} /*中小企業退職金共済*/ #severance_table li {} #severance_table li ul {} #severance_table li li {width: calc(100% /3);justify-content: flex-end;} #severance_table li li:first-of-type{justify-content: flex-start;} #severance_table .title li {justify-content: center; } #severance_table .title li:first-of-type{justify-content: center;} /*中小企業退職金共済*/ #insurance_system_table {width: 80%; } #insurance_system_table li {} #insurance_system_table li ul {} #insurance_system_table li li {width: calc(100% /2);justify-content: flex-end;} #insurance_system_table li li:first-of-type{justify-content: flex-start;} #insurance_system_table .title li {justify-content: center; } #insurance_system_table li li:first-of-type{justify-content: flex-start;background: #cde7fa;} #insurance_system_table .title li {justify-content: center;color: #fff;background: #015fa9;} #insurance_system_table .title li:first-of-type{justify-content: center;background: #015fa9;} .flow {margin: 0 0 50px;text-align: center;display: flex;flex-wrap: wrap;justify-content: space-between;} .flow li {width: 100%;margin: 0 0 30px;padding: 15px;/*display: flex;flex-wrap: wrap;*/color: #015fa9;font-size: 16px;position: relative;background: #fff;border: 2px #015fa9 solid; } .flow li:after {content: "";width: 20px;height: 20px;margin: auto;background: #fff;border: 3px solid #015fa9; border-width: 0 2px 2px 0; position: absolute;left: 0;bottom: -11px; right:0px;transform: rotate(45deg);} .flow li:last-of-type:after{display: none;} .flow .title {width: 100%;display: block;color: #015fa9;} .flow .title2 {margin: 0 0 10px;font-weight: bold;display: inline-block;} .flow .title em {display: inline-block;padding: 0 0 5px;margin: 0 0 5px;border-bottom: 1px solid #fff; font-size: 1.2em;font-weight: bold; } .flow .box {width: 100%;/*display: flex;flex-wrap: wrap;align-items: center;justify-content: center;background: #015fa9;padding: 10px;*/font-size: 16px;letter-spacing: 0.1em;} .flow .box a {width: 50%; display: block;margin: 10px auto 0;background: #015fa9;padding: 3px;position: relative;color: #fff; } .flow li:first-of-type .box {display: block;} .flow .box a:hover {opacity: 0.8; } .flow .box a:after {content:"";width: 10px;height: 10px;margin: auto;background: #015fa9;position: absolute;top: 0;bottom: 0; right: 15px;transform: rotate(45deg); } .flow .box a:before {content:"";width: 10px;height: 10px;margin: auto;background: #fff;position: absolute;top: 0;bottom: 0; right: 10px;transform: rotate(45deg);} .flow li:last-of-type .box a:after{display: none;} .flow li:last-of-type {background: #015fa9;color: #fff; } .flow li:last-of-type .title{color: #fff;} /*補助金・計画認定制度*/ #recruiting_list {} #recruiting_list .container {padding: 10px;font-weight: bold;} #recruiting_list .container.before {background: #259652;color: #fff; } #recruiting_list .container.recruiting {background: #015fa9;color: #fff; } #recruiting_list .container.end {background: #d04040;color: #fff;} #recruiting_list .container .text{margin: 0;} .auxiliary_list {margin: 0 0 30px;} .auxiliary_list dl {width: 100%;margin: 0 0 10px;padding: 0 0 10px; display: flex;flex-wrap: wrap;border-bottom: 1px solid #ccc;font-size: 16px;} .auxiliary_list dt {font-weight: bold;padding: 5px; } .auxiliary_list dd {margin: 0 0 0 auto;padding: 5px;text-align: right; } .auxiliary_list dd a {display: inline-block;margin: 0 50px 0 0;text-decoration: underline;color: #015fa9; } .auxiliary_list dd a:hover {text-decoration: none;} .auxiliary_list dd a:last-of-type{margin: 0 ; } /*セミナー*/ #post #archive.seminar_list .box {width: 100%;} #post #archive.seminar_list .innner_box {width: 100%;padding:30px 10px;} #post #archive.seminar_list li {width: 100%;margin: 0 0 50px;} #post #archive.seminar_list .day {font-size: 18px;color: #0168b7;font-weight: bold;} #post #archive.seminar_list li li {margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #ccc;} #post #archive.seminar_list ul {width: 100%;} #post #archive.seminar_list ul ul {width: 65%;} #post #archive.seminar_list .img_box {width: 30%;text-align: center;} #post #archive.seminar_list .img_box img {width: 100%;} #post #archive.seminar_list .overview .bold{display: block;font-size: 16px;margin: 0 0 10px; } h4 .num {width: 25px;height: 25px;display: inline-flex;background: #015fa9;margin-right: 10px;border-radius: 100px;align-items: center;justify-content: center; color: #fff;} #mutual_guid #post .dt_bold{grid-template-columns: 250px 1fr;-ms-grid-columns: 250px 1fr;} #mutual_guid #post .dt_bold dt {text-align: center;} /*共済制度*/ .stepstyle2 {} .stepstyle2 li {display: flex;} .stepstyle2 .num {} .stepstyle2 .text {} .stepstyle2.img_box {} /*支援実績*/ #performance_table td {text-align: center;border: 1px solid #252525;} #performance_table th {border: 1px solid #252525;background:#ebf3db;} #performance_table .c1 {background: #009de6;color: #fff;} #performance_table .c2 {background: #024177;color:#fff; } /*商工会組織のご紹介*/ #post #about_org .color_box {background: #daf4ff;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;align-content: center;border-radius: 10px;} #post #scheme h4 {width: 100%;} #post #scheme {justify-content: space-between;} #post #scheme .color_box {width: 320px;height: 150px;} #post #scheme li {position: relative;} #post #scheme li:first-of-type:after { content:"+";margin: auto;height: 100%;font-size: 60px;font-weight: bold;position:absolute;top: 0;bottom: 0;right: -50px;color: #015fa9;align-items: center;justify-content: center;display: flex;} #post #scheme .text {margin: 0;} #post #graph1 .flex {justify-content: center;} #post #graph1 .img_box {margin: 0 30px 0 0;} #post #graph1 .list {width: 100%;max-width: 250px;} #post #graph1 .list li {padding: 0 5px; display: flex;justify-content: space-between;} #post #graph1 .list li span {font-weight: bold;} #post #graph1 .allow_box {width: 100%; max-width: 520px;margin: 0 auto;} #post #graph1 .allow_box h4 {width: 100%;margin: 0 0 20px;padding: 10px;color:#fff;background: #1b5795;text-align: center; } #post #graph1 .allow_box li {width: calc((100% - 30px) / 2);text-align: center; border: 2px solid #1b5795; } #post #graph1 .allow_box .flex { justify-content: space-between;} #post #graph1 .color_box {margin: 0 0 20px;height: 200px; border-radius: 0; align-content: baseline;} #post #graph1 .num {margin: 0 0 10px;display: block;width: 100%;color: #1b5795;font-weight: bold;font-size: 18px;} #post #graph1 .color_box .num {margin: 0 0 20px;display: block;width: 100%;font-size: 36px; } #post #graph1 h5 {color: #1b5795;font-size: 18px;letter-spacing: 0.2em;margin: 0 0 10px; } #post #graph1 .allow {margin: 0 0 20px;padding: 10px;font-size: 16px;font-weight: bold;display: block;background: #1b5795;color: #fff;text-align:center;position: relative;z-index: 1;} #post #graph1 .allow:after {content:"";margin: auto;width: 0;height: 0;border-style: solid;border-width: 0 40px 50px 40px;border-color: transparent transparent #1b5795 transparent;position: absolute;left: 0;right: 0;top: -14px;z-index: -1;} #post .grid.tablestyle {} #post .grid.tablestyle dt {border: 1px solid #015fa9;border-width: 0px 0 1px 1px;background: #edf7ff;color: #015fa9;} #post .grid.tablestyle dd {border: 1px solid #015fa9;border-width: 0px 1px 1px;} #post .grid.tablestyle dt:first-of-type{border-width: 1px 0 1px 1px;background: #edf7ff;} #post .grid.tablestyle dd:first-of-type{border-width: 1px 1px 1px;background: #edf7ff;} #post .grid.tablestyle .color_bold {color: #015fa9;} #post #about_org .gray_box {margin: 0 0 30px;background:#eee;border-radius: 10px;padding: 30px; } #post #about_org .gray_box h4 {margin: 0 0 10px;padding: 0; } #post #about_org .gray_box .column2{margin: 0;} #post #about_org .block .color_1 {color: #ee86b4; } #post #about_org .block .color_2 {color: #5db7e8;} #post #about_org .block .color_3 {color: #f6ad3a;} #post #about_org .block .color_4 {color: #f6ad3a;} #post #about_org #plan h4 {color: #fff;} #post #about_org #plan .color_box {padding: 20px;color:#fff;background:#015fa9;} #post #about_org #plan .color_box:nth-of-type(2){background:#82c2f3;} #performance .icon_list .box {border-color: #015fa9;} #post .icon_list .box h4 {width: 100%;color: #015fa9;font-size: 14px; } #post .icon_list .box h4:after {display: none;} #post #performance .list li {margin: 0 0 30px;padding: 0 0 30px;} #post #performance .icon_list li .color_bold{font-size: 18px; display: inline-block;margin: 0 3px;} #post #performance .border_box ul .color_bold{font-size: 18px; display: inline-block;margin: 0 3px;} #post .border_box {justify-content: space-between;} #post .border_box li {border: 2px solid #015fa9;padding: 10px;} #post #performance .border_box li {width: calc((100% - 20px)/ 2);padding:0px; } #post #performance .border_box h4 {margin: 0 0 10px;padding: 10px;background:#015fa9;color:#fff; } #post #performance .border_box p {padding: 10px;margin: 0 0 10px;} #post #performance .border_box ul {padding: 10px;margin: 0 0 10px;} #post #performance .border_box li li {width: 80%;border: 1px dashed #ccc;border-width: 0 0 1px;margin: 0 auto 10px;text-align: center;} #post #performance .icon_list .box {display: flex;flex-wrap: wrap;align-content: space-between;justify-content: center;} #post #performance .icon_list .box img {} #post #performance .icon_list.style2 .box {align-content: start;} #philosophy .stepbox { align-items: start;} #philosophy .style2 .stepnum {width: 80px;height: 80px;margin: -20px 0 0 10px; } .flexbox1 {display:flex; justify-content:space-between; margin:0 30px;flex-wrap: wrap;flex-direction: row;} .flexbox2 {display:flex; justify-content:space-between; margin:40px 0 0 0;} .pad_30 {margin: 0 60px;} .plus {margin :30px 0 42px 0;} .text30 {padding:0 30px;} /*未来創造プラン*/ #post ul#program1 {display:flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;} #post #program1 li {width: calc((100% - 20px) / 2 );} #post #program1 li li{display: block;width: 100%;} .text .program {padding:0 20px 0 0;} #post #program_box h3 {margin: 0 0 10px;padding: 0 0 10px 40px; } #post #program_box h3.icon1 {background: url(https://www.gifushoko.or.jp/wp/wp-content/uploads/2020/09/20200903_03-1.png) no-repeat left top;background-size: 28px;} #post #program_box h3.icon2 {background: url(https://www.gifushoko.or.jp/wp/wp-content/uploads/2020/09/20200903_05-1.png) no-repeat left top;background-size: 28px;} #post #program_box h3.icon3 {background: url(https://www.gifushoko.or.jp/wp/wp-content/uploads/2020/09/20200903_06-1.png) no-repeat left top;background-size: 28px;} #post #program_box h3.icon4 {background: url(https://www.gifushoko.or.jp/wp/wp-content/uploads/2020/09/20200903_07-1.png) no-repeat left top;background-size: 28px;} #post #program_box h3.icon5 {background: url(https://www.gifushoko.or.jp/wp/wp-content/uploads/2020/09/20200903_04-1.png) no-repeat left top 5px;background-size: 28px;} #program_box .box1 {margin: 0 0 30px;display:flex;flex-wrap: wrap;justify-content: space-between;} #program_box .box1 ul{width: calc((100% - 20px) / 2 ); } /* 商工会の支援実例一覧(2022.12.07) */ #post #supportcase2 #archive.spportlist { display: flex; flex-wrap: wrap; } #post #supportcase2 #archive .box { display: flex; flex-wrap: wrap; justify-content: space-between; } #post #supportcase2 #archive .box .text { width: 60%; margin: 0 20px 0 0; } #post #supportcase2 #archive .box .btn2 { width: calc(40% - 30px); } #post #supportcase2 h2 { color: #015fa9; margin: 0 0 15px; padding: 0 0 10px; font-size: 24px; line-height: 140%; border-bottom: 2px solid #015fa9; position: relative; } #post #supportcase2 h2.gifuog { color: #ff9933; margin: 0 0 15px; padding: 0 0 10px; font-size: 24px; line-height: 140%; border-bottom: 2px solid #ff9933; position: relative; } #post #supportcase2 #archive .title { margin: 0 0 20px; padding: 0 0 5px 0; font-size: 18px; color: #005fa8; display: block; border-bottom: 2px solid #005fa8; position: relative; font-weight: bold; min-height: 70px; display: flex; align-items: flex-end; } #post #supportcase2 #archive li { width: 46%; margin: 0 8% 50px 0; } #post #supportcase2 #archive li img{ width: 100%; height: 200px; object-fit: cover; } #post #supportcase2 #archive.spportlist li:nth-of-type(2n) { margin: 0 0 5px; } /* 商工会の支援実例(2022.12.07) */ #post #supportcase #archive .title .img_box img{margin-left: 10px;} #post #supportcase .zitureiflex {display: flex;} #post #supportcase .floatimg {float: right;margin: 0 0 0px 15px;} #post #supportcase h3 {border-bottom:0;font-weight: 400;margin: -250px 0 10px;padding: 255px 0 5px;} #post #archive .title:after {display:none;} #post #supportcase h2 {color: #015fa9;margin:0 0 15px;padding: 0 0 10px;font-size: 24px;line-height: 140%; border-bottom: 2px solid #015fa9;position:relative; clear:both;} #post #supportcase #archive.spportlist .ttlflex { display: flex;padding: 0;} #supportcase .bluebox {font-size: 18px;text-align: center;color: #fff;display: inline-block; background: #015fa9;margin-bottom: 0px;padding: 4px 8px;border-radius: 0;min-width: 130px;} #post #supportcase .gaiyoutext {font-size: 18px;font-weight: 400;margin-left: 10px;color: #000;} #post #supportcase #archive.spportlist li { margin-bottom:0px;} #post #supportcase #archive .title {margin: 0 0 0;border-bottom:none;} #post #supportcase #archive li {width: fit-content;margin: 0;} #post #supportcase #archive .ttlflex {border: none;color: #000;} #post #supportcase #archive .img_box {margin-left:10px;} #post #supportcase #archive .img_box img {width: 350px;max-width: 100%;max-height: 100%;} #post #supportcase #archive .box .text {width: 100%;} #post #supportcase #archive .zitureiflex {display: flex;justify-content: space-between;} #post #supportcase #archive .text {width:60%;margin: 0 0 10px 0;display:block;} #post #supportcase #archive .text:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #post #supportcase #archive .imgcap {font-size: 10px;line-height:15px;margin:0;padding:0;display:block;} #post #supportcase #archive li.imgbox01 {width:200px;margin: 0 0 0 0;display:block;} #post #supportcase #archive li.imgbox01 img {width:200px;margin: 0;} #post #supportcase #archive li.imgbox02 {width:200px;margin: 0 0 0 10px;display:block;} #post #supportcase #archive li.imgbox02 img {width:200px;margin: 0;} /* #post #supportcase #archive img { margin: 0 0 10px 0; display: block; max-height: 270px; } #case_detail #post #supportcase #archive.spportlist li img { width: 300px; max-width: 95%; height: auto; } #post #supportcase #archive.spportlist .ttlflex li { width: 100%; margin: 0 0 0px 0; font-weight: 100;} #post #supportcase #archive.spportlist li img { width: auto; margin: 0 0 10px 0; display: block; max-height: 270px; max-width: 95%; height: auto; } #post #supportcase #archive.spportlist thum img { width: auto; max-width: 100%; height: auto; } #post #supportcase #archive .zitureiflex li {width: 100%;margin: 0;} #post #supportcase #archive .title { margin: 0 0 0px;} */ @media only screen and (max-width: 834px) { /*三本線*/ @keyframes border1 { 2% {border-width: 2px 0 0;} 100% {transform: rotate(-45deg);transform-origin: top right;border-width: 2px 0 0;top: 8px;} } @keyframes border2 { 2% {} 100% {transform: rotate(45deg);transform-origin: bottom right;} } .sp { display: block;} .pc {display: none } #btn {position: absolute;z-index: 1000;color:#fff;width: 50px; height: 50px; display:block;top: 0;right: 0; } #btn span {display: none;} #btn button:after {content: "";width:calc(100% - 25px);height: 10px;margin: auto;border: 2px solid #fff; border-width: 0 0 2px;display: inline-block; box-sizing: border-box; position: absolute; top: 24px; left: 0px;right: 0;} #btn button:before {content: "";width: calc(100% - 25px);height: 10px;margin: auto;border: 2px solid #fff;border-width: 2px 0;display: inline-block;box-sizing: border-box; position: absolute; top: 16px; left: 0px;right: 0;left: 0;} #btn button {width: 50px;height: 48px;margin: 0;padding: 37px 3px 3px 3px;display: block; position: absolute;top: 0;right: 0; z-index: 101;background: none;border: none;color:#fff;font-size: 12px;text-align: center;background:#436681;} #btn:after {content: "";width: 50px;height: 48px;background:#436681;display: block;position:absolute;top: 0;right: 0; border-radius: 1000px;transition: .2s;} .hidden #btn:after {border-radius: 0;transform: scale(100, 100);transition: .2s; } .yellow #btn:after { background: #ffe550;} .yellow #btn button{ background: #ffe550;} .yellow header nav ul li a { color: #015fa9;} .yellow #sub_btn .text { color: #015fa9;} .yellow #btn button:before,.yellow #btn button:after {border-color: #015fa9;} .black #btn:after {background: #000;} .black #btn button{ background: #000;} .tel a {display: inline;} .hidden #btn button:before {animation: border1 .2s ease-out forwards;left: -10px;} .hidden #btn button:after {animation: border2 .2s ease-out forwards;left: -10px;top: 18px;} #head_box {height: 48px;padding: 5px;box-sizing: border-box;position: relative;justify-content: space-between;padding-right: 60px;} #head_box h1 {width: 50%;} #head_box .each_id{ font-size: 24px;width: 70%;padding-left: 0px;} #head_box .each_id .icon-id:before{font-size: 32px;top: -3px;} #head_box .each_id .icon-id{padding-left: 40px;} #head_box h1 img{width: 100%; } header nav {width: 100%;padding: 0;height: 0;background: none;position: fixed;top: 100px;z-index: 1000;transition: .2s;overflow: hidden;opacity: 0;} header nav ul li a {padding: 2px;margin: 0 0 10px;border: none;text-align: center;} body.hidden header nav {height: 100vh;padding: 5px;opacity: 1; } #head_box nav.btn_active {right: 0;transition: .2s;} header nav ul {display: block;} #sub_btn #size, #sub_btn #color{display: none;} #sub_btn.sp {display: block;} #sub_btn.sp ul {margin: 0 0 20px;} #sub_btn.sp #size, #sub_btn.sp #color{display: flex;flex-wrap: wrap;} #size, #color, #sns, #size li, #color li, #sns li{color: #fff; } nav #sub_btn {margin: 50px 0 0;} #sub_btn .text {width: 100%;margin: 0 0 10px;display: block;text-align: center } #size li:nth-of-type(2), #color li:nth-of-type(2){margin: 0; } #main { margin: 0 0 50px;} #main img {width: 100%;} .head2 {font-size: 40px;height: 150px;} .head2 span {text-align: center;} #content {background: #fff;padding: 87px 0 50px; } .container {padding: 0px;} .btn a {font-size: 18px;} .btn button {font-size: 16px; } header nav ul li div {text-align: center;border: none;} #foot_box {display: block;text-align: center;} #foot_box .tel {display: block;margin: 0 0 10px; } #foot_box .innner_box {padding: 15px 0 0; height: auto;line-height: 100%;} #foot_box nav ul { justify-content: center;} #foot_box .box {margin: 0 0 20px;} #foot_box .box .sns {} .sns_list { justify-content: center;} #foot_box .flex {flex-wrap: wrap;margin: 0 0 20px;justify-content: center;align-items: center;} #foot_box .flex .btn2 {width: calc(50% - 5px);min-width:inherit;margin: 0 10px 20px 0;} #foot_box .flex .btn2:nth-of-type(2){margin: 0 0 20px;} #foot_box .flex .btn2 a {width: 100%;margin: 0;padding: 5px 10px 5px 20px;overflow: hidden;} #foot_box .flex .btn2 a:after{left: 0px;} #foot_box .flex .btn2 a:before{left: 5px;} #foot_box .flex li:last-of-type{margin: 0;} #foot_box .text {margin: 0 20px 0;text-align: left;} #foot_box .flex .sns {display: inline-block;margin: 0 5px 0 0;} small {font-size: 12px;} #topicpath ul {padding: 0 10px;} #topicpath ul li {font-size: 10px;} /*index*/ .img_list li {width: 49%; margin: 0 0 10px;} .img_list li img {width: 100%;} #index #cont1 { flex-wrap: wrap; padding: 0 10px; } #index #cont2 {padding: 0 10px;} #index #cont3 {padding: 0 10px;} #index #cont4 {padding: 0 10px;} #index #side_box {padding: 0 10px;} .content {width: 100%;margin-bottom: 30px;padding: 0 10px;} #index .content {padding: 0;} #index #cont1 .container {height: 0;margin: 0;padding: 0;border-width: 0;opacity: 0;transition: .2s;position:fixed;top: 48px;left: 0;overflow: hidden;} #index #cont1 .container.open{width: 100%;max-width: none;height: calc(100vh - 48px);margin: 0 auto 30px; padding: 0 0 130px;border-radius: 0;border-width: 3px;opacity: 1;z-index: 100;position:fixed;top: 48px;left: 0; } #index #cont1 .box1 ul.flex li{width: 100%;} #index #cont1 .box ul {width: 100%;margin: 0 auto 20px;} #index #cont1 .box ul li {width: 100%;} #index #cont1 .box2 ul {width: 100%;margin: 0 auto 20px;} #index #cont1 .box2 ul li {width: 100%;} #index #cont1 .box2 .box {min-width: inherit;} #index #cont1 .box .img_box{margin: 0 auto 20px;} #index #cont1 .btn {margin: 0 0 20px;} #index #cont1 button {padding: 5px 10px;border-radius: 10px;color: #fff;} #index #contbtn1,#index #contbtn2{cursor:pointer;} #index #contbtn1 button {background: #005fa8;} #index #contbtn2 button {background: #00a8a2;} #index .closebtn {width: auto;text-align: center;position: absolute;top: 5px;right: 2px;} #index #cont1 .closebtn button {width: 40px; height: 40px;margin: 0;font-size: 34px;border: none;background: #fff; line-height: 30px;} #index #cont1 .box1 .closebtn button {color: #005fa8;} #index #cont1 .box2 .closebtn button {color: #00a8a2;} #index #cont1 h3 { text-align: center;font-size: 16px;} #index #cont1 h3 a {padding: 15px 0;display: block;color: #fff; } #index #cont2 h3 a {padding: 15px 0;display: block;color: #fff; } #index #cont1 .btnbox {width: 49%;background: #fff; border-radius: 10px; } #index #cont1 .box1 h3,#index #cont1 .box2 h3{border-radius: 0;} #index #cont1 .img_box {text-align: center;} #index #cont1 .icon {width: 60%; height: 100px;margin: 0 auto;} #index #contbtn1 h3 {padding: 15px 0;background: #005fa8; } #index #contbtn1 .icon {fill: #005fa8; } #index #contbtn2 h3 {padding: 15px 0;background: #00a8a2; } #index #contbtn2 .icon {fill: #00a8a2; } #index #cont1 .box2 ul.flex li {width: 100%;margin: 0 0 10px;} #index #cont1 .box .img_box {width: 100%;justify-content: center;} #index #cont1 .box .img_box img{width: auto;} #index #cont2 #cont_list li {width: calc( 100% / 3 ) ;order: 2; } #index #cont2 #cont_list li.color {width: 100%;order: 1;} #index #cont2 #cont_list li.color a{justify-content: flex-start;} #index #cont2 #cont_list li.color span {width: auto;} #index #cont2 #cont_list li.color span br {display: none;} #index #cont2 #cont_list li.color .icon{margin: 0 10px 0 ; } #index #cont2 #cont_list li:nth-of-type(5){border-width: 0 1px 1px 0;} #index #cont2 #cont_list li:nth-of-type(6)~li{} #index #cont2 #cont_list li:last-of-type {border: none;} #index #cont2 #cont_list li {border-width: 0 1px 1px 0!important;} #index #cont2 #cont_list li:nth-of-type(4) {border-width: 0 0 1px 0!important;} #index #cont2 #cont_list li:nth-of-type(7) {border-width: 0 0 1px 0!important;} #index #cont2 #cont_list li:nth-of-type(7)~li {border-width: 0 1px 0 0!important;} #index #cont2 #cont_list li:nth-of-type(9) {border-width: 0 1px 0 0!important;} #index #cont2 #cont_list li:last-of-type {border: none;} #index #cont2 #cont_list li a { padding: 5px;} #index #cont3 .box3 ul.news_list li:first-child::after {display: none;} /*slick*/ /*.slick-slide img {object-fit: cover;height: 100%;} .slick-track { height: 250px;} */ :root { --button-pd: 5px 1px; } #side_box {max-width: none;} #banenr_box li {text-align: center;} #content_box {padding: 10px 0;} #index #content_box {padding:30px 0px 0;} #tab_box .tab {margin: 0;align-items: stretch; justify-content: space-between;} #tab_box .tab li {width: 20%;margin: 0;} #tab_box .tab li:nth-of-type(2n){margin: 0 0 0;} #tab_box .tab button {width: 100%;height: 100%;padding:var(--button-pd);line-height: 140%;} #tab_box .tab .btn_active button {padding:var(--button-pd);} #tab_box .news_list li .infotitle {width: 100%;max-width:none; margin: 10px 0; } #news_box .news_list li .day {display: block;} .news_list li .day {display: inline-block;margin: 0 5px 0 0; } .news_list li .label {margin: 0 0 10px;} .news_list li .title {display: block; } .news_list li span {margin: 0;} .news_sub {justify-content: center;} .news_sub ul {margin: 0 0 10px;} .news_sub li a {font-size: 11px;} #backnum .inner_box2 { justify-content: center;} #backnum img {margin: 0 10px 10px 0;} #backnum .flex_box { padding: 10px;display: flex;justify-content: center;flex-wrap: wrap;} #backnum .flex_box .btn{width: 100%;margin: 0 0 10px;} #backnum .flex_box .btn a {padding: 10px 15px;font-size: 14px;height: 100%;display: flex;align-items: center;} #backnum .btn2 {width: 100%;} #backnum .btn2 a {width: 100%;padding: 10px 10px; } h3 {font-size: 18px;margin: 0 0 10px;} .btn {text-align: center;} #post .btn.right {text-align: center;} #banenr_list {padding: 0 10px 30px;} #banenr_list li {width: calc(50% - 5px);margin: 0 10px 10px 0;} #banenr_list li:nth-of-type(2n){margin: 0 0 10px;} #index #cont2 #cont_list li .icon{width: 40px;height: 40px; } #side_box { margin: 20px 0; } #head_sub {margin: 0 0 20px;} #head_sub span {font-size: 20px;} /*新着情報*/ #news #tab_box .tab li {width: calc(50% - 5px);margin: 0 10px 10px 0;} #news #tab_box .tab li:nth-of-type(2n){margin: 0 0 10px;} /*archive*/ #post #archive li {width: 100%;margin: 0 0 50px; } #post #archive .title {font-size: 18px;font-weight:bold; } #post #archive .box .text{width: 100%;margin: 0 0 10px;} #post #archive .box .btn2{width: 100%;} #column2,#post .column3_2 {display: block;} #post .column3_2 li {margin: 0 0 30px;} #post .column2 li,#post .column2 li,#post .column3_2 li:first-of-type,#post .column3_2 li:nth-of-type(2),#post .column3_2 li:last-of-type {width: 100%;} #content_box {padding: 0 0 10px;} /*form*/ .dl_box dl dt {width: 100%;} .dl_box dl dd {width: 100%;} /*テーブル*/ .table_list {margin: 0 0 30px;display: flex;flex-wrap: wrap; } .table_list li ul{display: flex;flex-wrap: wrap; } .table_list li {margin: 0 0 30px;border-width: 0 0px 1px; } .table_list .title{display: none;} .table_list li li {margin: 0;border-width: 0 1px 1px;} .table_list li li:last-of-type{border-width: 0 1px;} .table_list li li:first-of-type{border-width: 1px;} /*事業者・創業者の皆様へ--------------------------------------*/ /*中小企業倒産防止共済制度*/ #bankruptcy_table li {} #bankruptcy_table li ul {justify-content: flex-end;} #bankruptcy_table li li {width: 100%;padding-left: calc(55% + 5px); position: relative;font-size: 12px;} #bankruptcy_table li li:after{content: "";width: 55%; height: 100%; padding: 5px;font-size: 12px;display: block;position: absolute;top: 0;left:0%;background: #015fa9;display: flex;align-items: center;align-content: center;color: #fff;} #bankruptcy_table li li:first-of-type{justify-content: flex-end;} #bankruptcy_table li li:first-of-type:after{content: "業種";} #bankruptcy_table li li:nth-of-type(2):after{content: "資本金の額または出資の総額";} #bankruptcy_table li li:nth-of-type(3):after{content: "労働者数";} /*中小企業退職金共済*/ #severance_table li {} #severance_table li ul {justify-content: flex-end;} #severance_table li li {width: 100%;padding-left: calc(55% + 5px); position: relative;font-size: 12px;} #severance_table li li:after{content: "";width: 55%; height: 100%; padding: 5px;font-size: 12px;display: block;position: absolute;top: 0;left:0%;background: #ccc;display: flex;align-items: center;align-content: center;} #severance_table li li:first-of-type{justify-content: flex-end;} #severance_table li li:first-of-type:after{content: "業種";} #severance_table li li:nth-of-type(2):after{content: "労働者数";} #severance_table li li:nth-of-type(3):after{content: "資本金の額または出資の総額";} /*経営支援flow*/ .flow li {width: 100%;} .auxiliary_list {margin: 0 0 30px;} .auxiliary_list dl {display:block;} .auxiliary_list dt {width: 100%;font-weight: bold;padding: 5px;text-align: left; } .auxiliary_list dd {width: 100%;text-align: left;} .stepbox {margin: 0 0 20px;} .stepnum {width: 100%;height: auto;margin: 0 0 20px;padding: 10px 0; } .style2 .stepnum {width: 100%;height: auto;margin: 0 0 20px;padding: 10px 0; } .illust_right .img_box {margin: 0 0 30px;} #post .flex .box {width: 100%;margin: 0 0 10px;} #post .flex .img_box {width: 100%;} #post .bluelist {flex-wrap: wrap;} #post .bluelist li {width: 100%;margin: 0 0 20px;} #post .bluelist li :after {display: none; } .stepbox .illust_right {width: 100%;} .stepnum {} .stepbox .illust_right li {width: 100%;} .stepbox .illust_right .text {width: 100%;display: flex;align-content: center;align-items: center;} .stepbox .illust_right .img_box {width: 60%;margin: 0 auto; } .stepnum:before {display: none;} .style2 .stepbox .illust_right {width: 100%;} #post .style2 .stepbox .box {width: 100%;} #post .stepbox .illust_right .text {width: 100%;} #post .illust_flow li .flex .box {width: 100%;} #insurance_system_table {width: 100%;} #insurance_system_table li {margin: 0;border: none;} #insurance_system_table li li { border: 1px solid #003865;border-width: 1px 1px 0 0;} #insurance_system_table li li:first-of-type{border-width: 1px 1px 0 1px;} #insurance_system_table li:last-of-type li{border-bottom: 1px solid #003865;} /*経営支援共通部分*/ #post .flex.bottombox .box {width: 100%; } #post .flex.bottombox .img_box {width: 100%; } .pamph li {margin: 0 0px 30px 0;} .pamph.pamph3 li {margin: 0 0px 30px 0;} .pamph.pamph3 li:nth-of-type(2n) {margin: 0 0px 30px 0;} .pamph.pamph3 li:nth-of-type(3n) {margin: 0 0px 30px 0;} #mutual_guid #post .dt_bold {display: block;} #mutual_guid #post .dt_bold dd {margin: 0 0 20px;} #mutual_guid .style2 .stepnum {width: auto;padding: 10px 20px; height: 50px; margin: 0 auto 20px;} #mutual_guid .style2 .stepbox{margin: 0 0 50px;} /*補助金・計画認定制度*/ .icon_list .box {width: 100%;margin: 0 0 20px;padding: 10px;border: 2px solid #000; } .icon_list li.box:nth-of-type(3n) {margin: 0 0 20px;} #imgmap_box img {width: 100%; height: auto; } #imgmap_box map {display: none;} #foot_box .each_id {width: 80%;margin: 0 auto; } #foot_box .each_id a {margin: 0;} .dl_organization.dl_box dl dt {width: 100%;font-weight: bold; } .option .serif {font-size: 20px;} .form_box .dl_box dl dt {width: 100%; } .form_box .dl_box dl dd {width: 100%;} .menbar_list li a {width: 100%;} .menbar_list li .zip {width:100%;} .menbar_list li .contact {width: 100%; } .menbar_list li .contact br {display: none;} .pearent .sub_nav {margin: 0 0 10px;position: relative;} .pearent .sub_nav li a {margin: 0;} header nav ul li div.arrow {position: relative;} header nav ul li div.arrow:before,header nav ul li div.arrow:after{content:"";width: 10px;height: 10px;margin: auto;background:#ccc;display: block; position: absolute;top: 0;bottom: 0;right: 50px;transform: rotate(45deg);transition: .2s;top: -10px; } header nav ul li div.arrow:before{ color: #fff;background:#fff;transform: translateY(2px) rotate(45deg);} header nav ul li.on div.arrow:before,header nav ul li.on div.arrow:after{transform: rotate(-45deg);top: 10px; } header nav ul li.on div.arrow:before{color: #fff;background:#fff;transform: translateY(-2px) rotate(-45deg); } #post #program1 li {width: 100%;} #post #scheme .color_box{margin: 0 0 100px; } #post #scheme li:first-of-type:after {width: 60px;height: 60px;top: inherit;left: 0;right: 0;bottom: -80px; } #post #scheme li:last-of-type {margin: 0;} #post #graph1 .allow_box li {width: 100%;margin: 0 0 30px;} #post #about_org #plan .color_box .text {margin: 0;} #post #about_org #plan .color_box {margin: 0 0 30px;} .flexbox1 {margin: 0;justify-content: center;} .flexbox1 li {margin: 0 10px 10px 0;} .flexbox1 li:nth-of-type(2n) {margin: 0 0 10px;} .pad_30 {margin: 0px;} #program_box .box1 {margin: 0;justify-content: center;} #program_box .box1 .img_box {margin: 0 0 30px;} #program_box .box1 ul {width: 100%;} #dear_all #post .list.img_list li {margin: 0 0 50px;} #dear_all #post .list.img_list li:last-of-type{margin: 0;} #about_union #post .list.img_list li {margin: 0 0 50px;} #about_union #post .list.img_list li:last-of-type{margin: 0;} #post #program_box li {margin: 0 0 30px;} #post #program_box .list.img_list li {margin: 0;} #dear_all #post .grid {display: block; } #dear_all #post .grid dd {margin: 0 0 30px;} #about_union #post .grid {display: block; } #about_union #post .grid dd {margin: 0 0 30px;} #post .grid.tablestyle dt {border-width: 1px;} #post .grid.tablestyle dt:first-of-type{display: none; } #post .grid.tablestyle dd:first-of-type{display: none;} #post #philosophy .stepbox h4 {line-height: 140%;} #philosophy .style2 .stepnum {margin: 0 auto 30px; } #tab_box.flont_page .news_list {height: autoauto!Important; } #tab_box.flont_page .tab li {width: 24%;} } /*支援事例*/ @media screen and (max-width: 767px) { #case .detail_cont {grid-template-columns: 1fr; gap: 0;} #case .detail_cont .text {margin-bottom: 20px;} .case_cont .case .support .support_item {grid-template-columns: 1fr;} .case_cont .case .support .support_item li {width: 100%;} .news_list li.list0 span.title {padding-right: 0; } }