@charset "UTF-8"; @import url(/common/css/reset.css?20200402115917); @import url(/common/css/style.v2.css?05); @import url(/common/css/header.v2.css?20230718); @import url(/common/css/footer.css?20231011); @import url(/common/css/layout.v2.css?02); @import url(/common/css/solution.css); @media screen and (min-width: 768px) { .sp { display: none; } } .column, div#banner_secondary ul, #main div#banner_secondary ul, div#banner_secondary #main ul, #case a + ul, #main #case a + ul, #case #main a + ul, #case h2 + a ul, #main #case h2 + a ul, #case h2 + a #main ul, #main .column { width: 100%; max-width: 1024px; margin: 0 auto; padding-right: 7px; padding-left: 7px; letter-spacing: -0.5em; } .column *, div#banner_secondary ul *, #main div#banner_secondary ul *, div#banner_secondary #main ul *, #case a + ul *, #main #case a + ul *, #case #main a + ul *, #case h2 + a ul *, #main #case h2 + a ul *, #case h2 + a #main ul *, #main .column * { letter-spacing: normal; } @media screen and (max-width: 1024px) { .column, div#banner_secondary ul, #main div#banner_secondary ul, div#banner_secondary #main ul, #case a + ul, #main #case a + ul, #case #main a + ul, #case h2 + a ul, #main #case h2 + a ul, #case h2 + a #main ul, #main .column { width: 100vw; padding-right: 0; padding-left: 0; } } .column .column, div#banner_secondary ul .column, #main div#banner_secondary ul .column, div#banner_secondary #main ul .column, .column div#banner_secondary ul, div#banner_secondary .column ul, div#banner_secondary ul ul, #main div#banner_secondary ul ul, div#banner_secondary #main ul ul, .column #main div#banner_secondary ul, #main div#banner_secondary .column ul, #main div#banner_secondary ul ul, #main div#banner_secondary ul ul, div#banner_secondary #main ul div#banner_secondary ul, div#banner_secondary #main div#banner_secondary ul ul, .column div#banner_secondary #main ul, div#banner_secondary #main .column ul, div#banner_secondary ul #main ul, div#banner_secondary #main ul ul, #main div#banner_secondary ul #main ul, #main div#banner_secondary #main ul ul, div#banner_secondary #main ul ul, #case a + ul .column, #case a + ul div#banner_secondary ul, div#banner_secondary #case a + ul ul, #case a + ul #main div#banner_secondary ul, #main div#banner_secondary #case a + ul ul, #case a + ul div#banner_secondary #main ul, div#banner_secondary #main #case a + ul ul, .column #case a + ul, div#banner_secondary ul #case a + ul, #main div#banner_secondary ul #case a + ul, div#banner_secondary #main ul #case a + ul, #case .column a + ul, #case div#banner_secondary ul a + ul, div#banner_secondary #case ul a + ul, #case #main div#banner_secondary ul a + ul, #main div#banner_secondary #case ul a + ul, #case div#banner_secondary #main ul a + ul, div#banner_secondary #main #case ul a + ul, #case a + ul a + ul, #main #case a + ul a + ul, #case #main a + ul a + ul, #case a + ul #main a + ul, #case h2 + a ul .column, #case h2 + a ul div#banner_secondary ul, div#banner_secondary #case h2 + a ul ul, #case h2 + a ul #main div#banner_secondary ul, #main div#banner_secondary #case h2 + a ul ul, #case h2 + a ul div#banner_secondary #main ul, div#banner_secondary #main #case h2 + a ul ul, #case #main h2 + a ul a + ul, .column #case h2 + a ul, div#banner_secondary ul #case h2 + a ul, #main div#banner_secondary ul #case h2 + a ul, div#banner_secondary #main ul #case h2 + a ul, #case a + ul #case h2 + a ul, #case h2 + a .column ul, #case h2 + a div#banner_secondary ul ul, div#banner_secondary #case h2 + a ul ul, #case h2 + a #main div#banner_secondary ul ul, #main div#banner_secondary #case h2 + a ul ul, #case h2 + a div#banner_secondary #main ul ul, div#banner_secondary #main #case h2 + a ul ul, #case #main h2 + a a + ul ul, #case h2 + a ul ul, #main #case h2 + a ul ul, #case h2 + a #main ul ul, #case h2 + a ul #main ul, #main .column .column, #main div#banner_secondary ul .column, div#banner_secondary #main ul .column, #main div#banner_secondary ul .column, div#banner_secondary #main ul .column, #main .column div#banner_secondary ul, div#banner_secondary #main .column ul, #main div#banner_secondary ul ul, div#banner_secondary #main ul ul, #main div#banner_secondary ul ul, div#banner_secondary #main ul ul, #main .column div#banner_secondary ul, #main div#banner_secondary .column ul, #main div#banner_secondary ul ul, div#banner_secondary #main ul div#banner_secondary ul, div#banner_secondary #main div#banner_secondary ul ul, #main div#banner_secondary ul ul, div#banner_secondary #main ul div#banner_secondary ul, div#banner_secondary #main div#banner_secondary ul ul, div#banner_secondary #main .column ul, #main div#banner_secondary ul #main ul, #main div#banner_secondary #main ul ul, div#banner_secondary #main ul ul, #main div#banner_secondary ul #main ul, #main div#banner_secondary #main ul ul, div#banner_secondary #main ul ul, .column #main .column, div#banner_secondary ul #main .column, #main div#banner_secondary ul #main .column, div#banner_secondary #main ul #main .column, .column #main div#banner_secondary ul, div#banner_secondary .column #main ul, div#banner_secondary ul #main ul, #main div#banner_secondary ul #main ul, div#banner_secondary #main ul #main ul, .column #main div#banner_secondary ul, div#banner_secondary ul #main div#banner_secondary ul, #main div#banner_secondary ul #main ul, div#banner_secondary #main ul #main div#banner_secondary ul, div#banner_secondary #main div#banner_secondary ul #main ul, .column div#banner_secondary #main ul, div#banner_secondary .column #main ul, div#banner_secondary ul #main ul, #main div#banner_secondary ul #main ul, div#banner_secondary #main ul #main ul { padding-right: 0; padding-left: 0; letter-spacing: -0.5em; } .column .column *, div#banner_secondary ul .column *, #main div#banner_secondary ul .column *, div#banner_secondary #main ul .column *, .column div#banner_secondary ul *, div#banner_secondary .column ul *, div#banner_secondary ul ul *, #main div#banner_secondary ul ul *, div#banner_secondary #main ul ul *, .column #main div#banner_secondary ul *, #main div#banner_secondary .column ul *, #main div#banner_secondary ul ul *, #main div#banner_secondary ul ul *, div#banner_secondary #main ul div#banner_secondary ul *, div#banner_secondary #main div#banner_secondary ul ul *, .column div#banner_secondary #main ul *, div#banner_secondary #main .column ul *, div#banner_secondary ul #main ul *, div#banner_secondary #main ul ul *, #main div#banner_secondary ul #main ul *, #main div#banner_secondary #main ul ul *, div#banner_secondary #main ul ul *, #case a + ul .column *, #case a + ul div#banner_secondary ul *, div#banner_secondary #case a + ul ul *, #case a + ul #main div#banner_secondary ul *, #main div#banner_secondary #case a + ul ul *, #case a + ul div#banner_secondary #main ul *, div#banner_secondary #main #case a + ul ul *, .column #case a + ul *, div#banner_secondary ul #case a + ul *, #main div#banner_secondary ul #case a + ul *, div#banner_secondary #main ul #case a + ul *, #case .column a + ul *, #case div#banner_secondary ul a + ul *, div#banner_secondary #case ul a + ul *, #case #main div#banner_secondary ul a + ul *, #main div#banner_secondary #case ul a + ul *, #case div#banner_secondary #main ul a + ul *, div#banner_secondary #main #case ul a + ul *, #case a + ul a + ul *, #main #case a + ul a + ul *, #case #main a + ul a + ul *, #case a + ul #main a + ul *, #case h2 + a ul .column *, #case h2 + a ul div#banner_secondary ul *, div#banner_secondary #case h2 + a ul ul *, #case h2 + a ul #main div#banner_secondary ul *, #main div#banner_secondary #case h2 + a ul ul *, #case h2 + a ul div#banner_secondary #main ul *, div#banner_secondary #main #case h2 + a ul ul *, #case #main h2 + a ul a + ul *, .column #case h2 + a ul *, div#banner_secondary ul #case h2 + a ul *, #main div#banner_secondary ul #case h2 + a ul *, div#banner_secondary #main ul #case h2 + a ul *, #case a + ul #case h2 + a ul *, #case h2 + a .column ul *, #case h2 + a div#banner_secondary ul ul *, div#banner_secondary #case h2 + a ul ul *, #case h2 + a #main div#banner_secondary ul ul *, #main div#banner_secondary #case h2 + a ul ul *, #case h2 + a div#banner_secondary #main ul ul *, div#banner_secondary #main #case h2 + a ul ul *, #case #main h2 + a a + ul ul *, #case h2 + a ul ul *, #main #case h2 + a ul ul *, #case h2 + a #main ul ul *, #case h2 + a ul #main ul *, #main .column .column *, #main div#banner_secondary ul .column *, div#banner_secondary #main ul .column *, #main div#banner_secondary ul .column *, div#banner_secondary #main ul .column *, #main .column div#banner_secondary ul *, div#banner_secondary #main .column ul *, #main div#banner_secondary ul ul *, div#banner_secondary #main ul ul *, #main div#banner_secondary ul ul *, div#banner_secondary #main ul ul *, #main .column div#banner_secondary ul *, #main div#banner_secondary .column ul *, #main div#banner_secondary ul ul *, div#banner_secondary #main ul div#banner_secondary ul *, div#banner_secondary #main div#banner_secondary ul ul *, #main div#banner_secondary ul ul *, div#banner_secondary #main ul div#banner_secondary ul *, div#banner_secondary #main div#banner_secondary ul ul *, div#banner_secondary #main .column ul *, #main div#banner_secondary ul #main ul *, #main div#banner_secondary #main ul ul *, div#banner_secondary #main ul ul *, #main div#banner_secondary ul #main ul *, #main div#banner_secondary #main ul ul *, div#banner_secondary #main ul ul *, .column #main .column *, div#banner_secondary ul #main .column *, #main div#banner_secondary ul #main .column *, div#banner_secondary #main ul #main .column *, .column #main div#banner_secondary ul *, div#banner_secondary .column #main ul *, div#banner_secondary ul #main ul *, #main div#banner_secondary ul #main ul *, div#banner_secondary #main ul #main ul *, .column #main div#banner_secondary ul *, div#banner_secondary ul #main div#banner_secondary ul *, #main div#banner_secondary ul #main ul *, div#banner_secondary #main ul #main div#banner_secondary ul *, div#banner_secondary #main div#banner_secondary ul #main ul *, .column div#banner_secondary #main ul *, div#banner_secondary .column #main ul *, div#banner_secondary ul #main ul *, #main div#banner_secondary ul #main ul *, div#banner_secondary #main ul #main ul * { letter-spacing: normal; } .col12 { width: calc(100% - 20px); display: block; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } @media screen and (max-width: 1023px) { .col12 { width: 98vw; } } @media screen and (max-width: 767px) { .col12 { width: 94vw; } } .col4, div#banner_secondary ul li { width: calc((100% - 62px) / 3); display: inline-block; margin-left: 10px; margin-right: 10px; vertical-align: top; } @media screen and (max-width: 1024px) { .col4, div#banner_secondary ul li { width: 30.6666666667vw; margin-left: 1vw; margin-right: 1vw; } } @media screen and (max-width: 767px) { .col4, div#banner_secondary ul li { width: 92vw; margin-left: 0; margin-right: 0; margin-bottom: 10px; } } .mb20, div#banner_secondary ul li, #case h2 + a ul li { margin-bottom: 20px; } @media screen and (max-width: 768px) and (min-width: 768px) { .mb20, div#banner_secondary ul li, #case h2 + a ul li { margin-bottom: 10px !important; } } @media screen and (max-width: 767px) and (min-width: 0) { .mb20, div#banner_secondary ul li, #case h2 + a ul li { margin-bottom: 10px !important; } } .pb30, #case a + ul { padding-bottom: 30px; } @media screen and (max-width: 767px) { .pb30, #case a + ul { padding-bottom: 10px; } } body { font-family: "Noto Sans JP", sans-serif; } @media screen and (min-width: 0) and (max-width: 768px) { #header { box-shadow: none; } } #main { font-size: 0.9375rem; } @media screen and (max-width: 768px) { #main { font-size: 0.8125rem; } } #main a:hover { transition: 0.5s; } @media screen and (min-width: 0) and (max-width: 768px) { #main { padding-top: 48.55px !important; } } #main h2.h2 { margin-bottom: 40px; height: 85px; text-align: center; font-size: 26px; display: table; width: 100%; border-bottom: 1px solid #0b61b7; } #main h2.h2 b { display: table-cell; vertical-align: middle; } #main h2.h2 b span { color: #0b61b7; } #visual { position: relative; } @media screen and (min-width: 1680px) { #visual #img-wrap { background-image: url(/common/images/top/bg_dome.jpg?202010); background-color: #003399; background-position: center top; background-size: auto 500px; background-repeat: no-repeat; } } @media screen and (max-width: 1679px) { #visual #img-wrap { background-image: url(/common/images/top/bg_dome.jpg?202010); background-color: #FFF; background-position: center top; background-size: auto 30vw; background-repeat: no-repeat; } } @media screen and (max-width: 767px) { #visual #img-wrap { background-image: none; } } #visual #img-wrap img, #visual #img-wrap svg { display: block; width: 100%; max-width: 1680px; height: auto; margin-left: auto; margin-right: auto; } @media screen and (max-width: 767px) { #visual #img-wrap img.pc, #visual #img-wrap svg.pc { display: none; } } @media screen and (min-width: 768px) { #visual #img-wrap img.sp, #visual #img-wrap svg.sp { display: none; } } @media screen and (min-width: 768px) { .visual-banner { position: absolute; top: 5px; left: 0; width: 100%; } .visual-banner li { margin: 0 auto; max-width: 1680px; padding: 15px 25px 0; text-align: right; } .visual-banner li a { display: inline-block; max-width: 316px; width: 20vw; } .visual-banner li img.pc { display: inline-block; max-width: 316px; width: 20vw; height: 17.58vw; } .visual-banner li a:hover img { opacity: 0.9; } } @media screen and (min-width: 768px) and (max-width: 1380px) { .visual-banner li { padding: 0 1.2vw 0; margin-top: 0.8vw; } } @media screen and (max-width: 767px) { .visual-banner { padding-bottom: 3vw; border-bottom: 1px solid #CCC; } .visual-banner img { max-width: auto; width: 94vw; margin-right: 3vw; margin-left: 3vw; } } #newsrelease .arrowLink { display: inline-block; position: relative; text-align: center; min-width: 245px; min-height: 50px; border: 1px solid #0b61b7; border-radius: 6px; } #newsrelease .arrowLink span { display: inline-block; width: 100%; position: absolute; left: 0; top: 48%; font-size: 1rem; line-height: 1; transform: translateY(-50%); font-weight: bold; color: #0b61b7; } #newsrelease .arrowLink.colorMainBlue:before { content: ""; display: inline-block; position: absolute; right: 0.5em; top: calc(50% - 0.5em); width: 0.5em; height: 1em; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjcuNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA3LjUgMTUiPjxkZWZzPjxzdHlsZT4ua3tjbGlwLXBhdGg6dXJsKCNkKTt9Lmx7ZmlsbDojMGI2MWI3O30ubSwubntmaWxsOm5vbmU7fS5ve2NsaXAtcGF0aDp1cmwoI2MpO30ubntzdHJva2U6IzBiNjFiNztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjIj48cmVjdCBjbGFzcz0ibSIgeD0iLTk0NS4yNiIgeT0iMTMyLjg1IiB3aWR0aD0iMTY4MCIgaGVpZ2h0PSI0ODEuNDUiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iZCI+PHJlY3QgY2xhc3M9Im0iIHg9Ii05NDUuMjYiIHk9IjE3Mi44NSIgd2lkdGg9IjE2ODAiIGhlaWdodD0iNDcxLjQ1Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgaWQ9ImIiPjxnPjxnIGNsYXNzPSJvIj48aW1hZ2Ugd2lkdGg9IjE5MjAiIGhlaWdodD0iMTAwNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNTguMjYgLTE2MS42NykiIHhsaW5rOmhyZWY9IuOCouODvOODiOODnOODvOODiSA2MTEucG5nIi8+PC9nPjxnIGNsYXNzPSJrIj48aW1hZ2Ugd2lkdGg9IjE5MjAiIGhlaWdodD0iMTAwNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNTguMjYgLTEzMS42NykiIHhsaW5rOmhyZWY9IuOCouODvOODiOODnOODvOODiSA2MTIucG5nIi8+PC9nPjwvZz48L2c+PGcgaWQ9ImoiPjxnPjxwYXRoIGNsYXNzPSJsIiBkPSJtMTIuMjUtMTYuMTVjMi4yLDAsNCwxLjc5LDQsNFYyNy44NmMwLDIuMi0xLjc5LDQtNCw0aC0yMzUuMDFjLTIuMiwwLTQtMS43OS00LTRWLTEyLjE1YzAtMi4yLDEuNzktNCw0LTRIMTIuMjVtMC0xaC0yMzUuMDFjLTIuNzUsMC00Ljk5LDIuMjUtNC45OSw0Ljk5VjI3Ljg2YzAsMi43NSwyLjI1LDQuOTksNC45OSw0Ljk5SDEyLjI1YzIuNzUsMCw1LTIuMjUsNS00Ljk5Vi0xMi4xNWMwLTIuNzUtMi4yNS00Ljk5LTUtNC45OWgwWiIvPjxwb2x5bGluZSBjbGFzcz0ibiIgcG9pbnRzPSIyLjE1IDMuODUgNi4xNSA3Ljg1IDIuMTUgMTEuODUiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center center/contain; vertical-align: -8%; } #newsrelease .arrowLink.colorMainBlue:hover { opacity: 0.5; } #newsrelease .newsList { margin-top: 24px; margin-bottom: 24px; } #newsrelease .newsList > * { border-bottom: 1px solid #BED2E6; padding: 1em 0; color: #212121; list-style: none; } #newsrelease .newsList > * a, #newsrelease .newsList > * a:visited { color: #212121; } #newsrelease .newsList time { font-weight: bold; margin-right: 0.75em; } @media screen and (max-width: 768px) { #newsrelease .newsList time { display: block; margin-bottom: 0.5em; } } #newsrelease .newsList .category { text-align: center; margin-right: 0.2em; padding: 2px 1em 3px; display: inline-block; background-color: #0b61b7; border: 1px solid #0b61b7; color: #fff; line-height: 1; font-size: 0.75rem; min-width: 10em; } #newsrelease .newsList .subCategory { box-sizing: border-box; text-align: center; margin-right: 0.2em; padding: 2px 1em 3px; display: inline-block; border: 1px solid #0b61b7; color: #0b61b7; line-height: 1; font-size: 0.75rem; min-width: 10em; } #newsrelease .newsList p { margin-top: 0.7em; font-weight: bold; } #newsrelease .newsList a[href*=".pdf"] { display: inline-block; padding-left: 22px; background: url(/common/images/icon/pdfS.gif) no-repeat 0px 0px; } #newsrelease .tabLink.tabItem5 { width: 100%; max-width: 1024px; margin: 30px auto 10px; padding-right: 17px; padding-left: 17px; } @media screen and (max-width: 768px) { #newsrelease .tabLink.tabItem5 { padding-right: 3vw; padding-left: 3vw; } } #newsrelease .tabLink.tabItem5 ul { display: flex; flex-direction: row; border-right: 1px solid #0b61b7; flex-wrap: wrap; align-items: baseline; } #newsrelease .tabLink.tabItem5 ul li { width: calc(100% / 5); border-left: 1px solid #0b61b7; } #newsrelease .tabLink.tabItem5 ul li a, #newsrelease .tabLink.tabItem5 ul li > span { display: block; position: relative; height: 65px; } @media screen and (max-width: 768px) { #newsrelease .tabLink.tabItem5 ul li a, #newsrelease .tabLink.tabItem5 ul li > span { height: 10vw; } } #newsrelease .tabLink.tabItem5 ul li a:hover, #newsrelease .tabLink.tabItem5 ul li > span:hover { cursor: pointer; } #newsrelease .tabLink.tabItem5 ul li a:after, #newsrelease .tabLink.tabItem5 ul li > span:after { content: ""; display: block; position: absolute; top: 62px; left: 3%; width: 0%; height: 3px; background-color: #0b61b7; transition: 0.3s; } @media screen and (max-width: 768px) { #newsrelease .tabLink.tabItem5 ul li a:after, #newsrelease .tabLink.tabItem5 ul li > span:after { top: 10vw; } } #newsrelease .tabLink.tabItem5 ul li a:hover:after, #newsrelease .tabLink.tabItem5 ul li > span:hover:after { width: 94%; } #newsrelease .tabLink.tabItem5 ul li a > span, #newsrelease .tabLink.tabItem5 ul li > span > span { font-size: 16px; font-weight: bold; color: #212121; position: absolute; display: inline-block; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; transition: 0.3s; } @media screen and (max-width: 533px) { #newsrelease .tabLink.tabItem5 ul li a > span, #newsrelease .tabLink.tabItem5 ul li > span > span { font-size: 3vw; } } #newsrelease .tabLink.tabItem5 ul li a:hover span, #newsrelease .tabLink.tabItem5 ul li > span:hover span { color: #0b61b7; } #newsrelease .tabLink.tabItem5 ul li.tabLabelActive a:after, #newsrelease .tabLink.tabItem5 ul li.tabLabelActive span:after { width: 94%; } #newsrelease .tabLink.tabItem5 ul li.tabLabelActive a span, #newsrelease .tabLink.tabItem5 ul li.tabLabelActive span span { color: #0b61b7; } @media screen and (max-width: 767px) { #newsrelease .tabLink.tabItem5 { line-height: 1; } } #newsrelease .tabContent { display: none; } #newsrelease .tabContent.tabContentActive { display: block; } #case { background: #0b61b7; text-align: center; } #case h2.h2 { border-color: #FFF; } #case h2.h2 b span { color: #FFF; } #case h2 + a ul { text-align: left; } @media screen and (min-width: 768px) and (max-width: 1023px) { #case h2 + a ul { width: 98vw; } } @media screen and (max-width: 767px) { #case h2 + a ul { width: 94vw; } } #case h2 + a ul li { width: 235px; display: inline-block; margin-left: 8.75px; margin-right: 8.75px; vertical-align: top; background-color: #FFF; border-radius: 8px; height: 100px; text-align: center; } @media screen and (max-width: 1024px) { #case h2 + a ul li { width: 22.5vw; margin-left: 1vw; margin-right: 1vw; } } @media screen and (max-width: 767px) { #case h2 + a ul li { width: 94vw; } } #case h2 + a ul li img { border-radius: 8px; max-width: 100%; max-height: 100%; } @media screen and (min-width: 768px) and (max-width: 1023px) { #case h2 + a ul li { height: 75px; } } @media screen and (max-width: 767px) { #case h2 + a ul li { width: 45vw; height: 64px; } } #case a + ul .arrowLink { display: inline-block; position: relative; text-align: center; min-width: 245px; height: 50px; min-height: 50px; background-color: #0b61b7; border: 1px solid #FFF; border-radius: 6px; } #case a + ul .arrowLink span { display: inline-block; width: 100%; position: absolute; left: 0; top: 48%; font-size: 1rem; line-height: 1; transform: translateY(-50%); font-weight: bold; color: #fff; } #case a + ul .arrowLink.colorMainBlue:after { content: ""; display: inline-block; position: absolute; right: 0.5em; top: calc(50% - 0.5em); width: 0.5em; height: 1em; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjUiIGhlaWdodD0iMTUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNy41IDE1Ij48ZGVmcz48c3R5bGU+Lml7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30uaSwuantmaWxsOm5vbmU7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjIj48cmVjdCBjbGFzcz0iaiIgeD0iOTUuNzQiIHk9IjI3LjQzIiB3aWR0aD0iMTY4MCIgaGVpZ2h0PSIzMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48cG9seWxpbmUgY2xhc3M9ImkiIHBvaW50cz0iMi4xMyAzLjc5IDYuMTMgNy43OSAyLjEzIDExLjc5Ii8+PC9zdmc+") no-repeat center center/contain; vertical-align: -8%; } #case a + ul .arrowLink.colorMainBlue:hover { opacity: 0.5; background-color: #1b73bc; } #newyear_greeting { max-width: 990px; margin-top: 60px; margin-left: auto; margin-right: auto; margin-bottom: 8px; } @media screen and (max-width: 767px) { #newyear_greeting { margin-top: 2em; margin-left: auto; margin-right: auto; } } #telework { max-width: 990px; border: 1px solid #D30006; background-color: #ffffff; text-align: center; margin-top: 40px; margin-left: auto; margin-right: auto; margin-bottom: 26.7px; } #telework ul { display: inline-block; padding: 0.92em 1em 1.65em; font-size: 0.9375rem; text-align: left; } #telework ul a { margin-top: 0.75em; color: #D30006; display: inline-block; text-decoration: none; } @media screen and (max-width: 767px) { #telework ul a { font-size: 3.75vw; line-height: 1.4; } } #telework ul a:hover { text-decoration: underline; } div#pickup { text-align: center; padding: 50px 0 58px; } @media screen and (min-width: 768px) and (max-width: 1130px) { div#pickup { padding: 20px 0; } } @media screen and (max-width: 767px) { div#pickup { padding: 8vw 0; } } div#pickup ul { max-width: 1010px; max-height: 178px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 768px) and (max-width: 1130px) { div#pickup ul { max-width: 93vw; } } @media screen and (max-width: 767px) { div#pickup ul { max-width: 100vw; max-height: none; } } div#pickup ul li img, div#pickup ul li svg { width: 316px; display: block; margin-left: auto; margin-right: auto; height: auto; } @media screen and (min-width: 768px) and (max-width: 1130px) { div#pickup ul li img, div#pickup ul li svg { max-width: 29vw; } } @media screen and (max-width: 767px) { div#pickup ul li img, div#pickup ul li svg { max-width: 93%; } } div#pickup ul a { display: block; } div#pickup ul a svg:hover { opacity: 0.7; } div#pickup svg.banner-svg .banner-border { fill: none; stroke: #bed2e6; stroke-width: 4px; width: 316px; height: 178px; } svg.banner-svg { width: 316px; height: 178px; } div#banner_secondary { padding-top: 50px; text-align: center; } @media screen and (max-width: 1023px) { div#banner_secondary { padding-top: 4vw; } } div#banner_secondary:before { display: block; margin: 0 auto; content: "…"; font-size: 2.5rem; text-align: center; margin-bottom: 90px; } @media screen and (max-width: 1023px) { div#banner_secondary:before { margin-bottom: 7vw; } } div#banner_secondary:after { display: block; visibility: visible; margin: 0 auto; content: "…"; font-size: 2.5rem; text-align: center; margin-bottom: 0; } div#banner_secondary ul { padding-bottom: 86px; } @media screen and (max-width: 1023px) { div#banner_secondary ul { padding-bottom: 8vw; } } @media screen and (max-width: 767px) { div#banner_secondary ul { text-align: center; } } @media screen and (max-width: 767px) { div#banner_secondary ul li.pc { display: none; } } @media screen and (min-width: 768px) { div#banner_secondary ul li.sp { display: none; } } div#banner_secondary ul a { display: block; } div#banner_secondary ul img { display: block; width: 100%; height: auto; } a.img_guard { display: inline-block; width: 100% !important; } #contact { text-align: center; background-color: #dfe9f4; border-top: 5px solid #CADBEE; } #contact h2 { position: relative; padding: 60px 0 0; text-align: center; line-height: 1.4; color: #0b61b7; font-weight: bold; } #contact h2:before { background-color: #0b61b7; content: ""; position: absolute; left: calc(50% - 1.5em); display: inline-block; width: 3em; height: 4px; } @media screen and (min-width: 768px) { #contact h2 { margin: 0 auto 70px; padding-top: 50px; font-size: 1.625rem; } #contact h2:before { bottom: -24px; } } @media screen and (max-width: 767px) { #contact h2 { margin: 0 auto 40px; padding-top: 30px; font-size: 1.25rem; } #contact h2:before { bottom: -10px; } } #contact ul { text-align: center; margin: 10px auto 70px; display: flex; max-width: 990px; } @media screen and (max-width: 1023px) { #contact ul { max-width: 94vw; } } @media screen and (min-width: 768px) { #contact ul { gap: 38px; } } @media screen and (max-width: 767px) { #contact ul { margin-bottom: 40px; flex-flow: column; row-gap: 3vw; } } @media screen and (min-width: 768px) { #contact li { width: 48%; max-width: 485px; max-height: 100px; } } #contact a { display: block; } #contact a img { width: 100%; } #evidence { max-width: 1010px; margin: 90px auto 30px; padding: 0 10px; } @media screen and (max-width: 1023px) { #evidence { margin: 9vw auto 3vw; max-width: 94vw; padding: 0; } } @media screen and (max-width: 767px) { #evidence { margin: 20px 4vw; } } #evidence li { margin-bottom: 5px; padding-left: 1em; text-indent: -1em; line-height: 1.5; font-size: 9pt; color: #666; letter-spacing: normal; margin-bottom: 0; text-indent: 0; padding-left: 0; } #evidence li:nth-last-of-type(1) { margin-bottom: 0; } @media screen and (max-width: 767px) { #evidence li { padding-right: 0; } } #mark { max-width: 990px; display: flex; gap: 60px; justify-content: center; align-items: flex-start; margin: 100px auto 90px; padding: 40px 90px 28px; border: 1px solid #BED2E6; } @media screen and (max-width: 1023px) { #mark { margin: 10vw auto 9vw; max-width: 94vw; gap: 4vw; padding: 4vw; } } @media screen and (max-width: 767px) { #mark { flex-wrap: wrap; } } @media screen and (max-width: 1023px) { #mark li img { max-width: 100% !important; } } @media screen and (max-width: 767px) { #mark li { width: 39vw; text-align: center; } } #mark img[src="/privacy/common/images/pmark.png"] { max-height: 75px; width: auto; } #mark img[src="/security_policy/common/images/logo_ISMS_ANAB_JIPDEC_s.png"] { max-width: 180px; } #mark img[src="/security_policy/common/images/logo_ISMS_ANAB_JIPDEC_ISO27017.png"] { max-width: 204px; } #mark img[src="/security_policy/common/images/icon_ismap.svg"] { max-width: 167px; } #urgency a { margin: 0 0 20px 0 !important; }