@charset "UTF-8";
/*
Theme Name: ulvac-library child
Version: 1.0
Template: ulvac-library
*/

/* --------------------
RESET CSS
-------------------- */
*,
::before,
::after { box-sizing: border-box; border-style: solid; border-width: 0; min-width: 0}
html { line-height: 1}
body { margin: 0}
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0}
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0}
ul, ol { margin: 0; padding: 0; list-style: none}
dt {font-weight: bold}
dd {margin-left: 0}
i { font-style: normal}
hr {box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px; margin: 0; clear: both; color: inherit}
pre { font-family: monospace, monospace; font-size: inherit}
address { font-style: inherit}
a { color: inherit; text-decoration: none; background-color: transparent}
b, strong { font-weight: bolder}
code, kbd, samp { font-family: monospace, monospace; font-size: inherit}
small { font-size: 100%}
big { font-size: inherit}
sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0}
sub { bottom: -0.25em}
sup { top: -0.5em}
svg, img, embed, object, iframe { vertical-align: bottom}
table { border-color: inherit; border-collapse: collapse}
caption { text-align: left}
td, th { vertical-align: top; padding: 0}
th { text-align: left; font-weight: bold}
/* FORM */
button, input[type="text"], input[type="tel"], input[type="email"], optgroup, select, textarea {
 appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; border-radius: 0; text-align: inherit; text-transform: inherit}
select:focus { outline: none}
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer}
button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled { cursor: default}
select:disabled { opacity: inherit}
option { padding: 0}
fieldset { margin: 0; padding: 0; min-width: 0}
legend { padding: 0}
progress { vertical-align: baseline}
textarea { overflow: auto}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto}
[type="search"] { outline-offset: -2px}
[type="search"]::-webkit-search-decoration { -webkit-appearance: none}
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit}
[type="number"] { -moz-appearance: textfield}
label[for] { cursor: pointer}
details { display: block}
summary { display: list-item}
[contenteditable]:focus { outline: auto}
abbr[title] { text-decoration: underline dotted}

html { scroll-behavior: smooth}
body { overflow-x: hidden; min-width: 320px; color: #333; font-weight: normal; font-family: "Noto Sans JP", sans-serif; font-size: 16px}
p, table, blockquote, address, pre, iframe, form, figure, dl,
h1, h2, h3, h4, h5, h6 { line-height: 1.8}
a { color: #007bd0}
a:hover { opacity: .8}
img { max-width: 100%; height: auto}
/* --------------------
COMMON STYLE
-------------------- */
@font-face {
	font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Light-min.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
	font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Regular-min.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}
@font-face {
	font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Medium-min.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
	font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-SemiBold-min.woff") format("woff");
  font-weight: bold;
  font-display: swap;
}
/*-----------------------
HEADER
-----------------------*/
.header { display: flex; justify-content: space-between; padding: 10px 20px}
.header .logo img { width: auto; height: 40px}
/*-----------------------
BREADCRUMB
-----------------------*/
.breadcrumb { padding: 10px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee}
.breadcrumb ul { display: flex; justify-content: flex-start}
.breadcrumb ul li { position: relative; margin-right: 20px; font-size: 12px}
.breadcrumb ul li::after { content: ""; position: absolute; top: calc(50% - 3.5px); right: -10px; width: 7px; height: 7px; border: 1.5px solid; border-color: #007bd0 #007bd0 transparent transparent; transform: rotate(45deg);}
.breadcrumb ul li:last-child::after { border-color: transparent}
@media screen and (max-width: 600px) {
  .breadcrumb { overflow-x: scroll}
  .breadcrumb ul { min-width: 900px}
}
/*-----------------------
COMMON
-----------------------*/
.heading { padding-bottom: 10px}
.heading h1 { font-size: 30px; font-weight: bold; text-align: center}
.main-inr { max-width: 1080px; margin: auto; padding: 60px 20px}
.main-inr section { padding: 40px 0}
.main-inr h2 { font-size: 18px; text-align: center; font-weight: bold}
@media screen and (min-width: 601px) {
  .main-inr h2 { font-size: 26px}
}
/*-----------------------
fOOTER
-----------------------*/
.footer-menu { padding: 40px 0; background: #dfe1e3}
.footer-menu-inr { max-width: 1080px; margin: auto; padding: 0 20px}
.footer .copyright { padding: 10px 20px; color: #fff; font-size: 12px; text-align: center; background: #000}
.footer-menu-inr ul { width: 100%; margin-left: 1em}
.footer-menu-inr ul li { line-height: 2}
.footer-menu-inr ul li a { color: #333; font-size: 14px}
@media screen and (min-width: 601px) {
  .footer-menu-inr { display: flex; justify-content: space-between}
  .footer-menu-inr .box { width: 32%}
}
/*-----------------------
TOP・NEWS
-----------------------*/
.dl-new { width: 100%; padding: 20px; font-size: 14px; background: #eee; border-radius: 10px}
.dl-new dt { font-weight: normal}
.dl-new dt:nth-of-type(n+2), .dl-new dd:nth-of-type(n+2) { margin-top: 5px; padding-top:5px; border-top: 1px dashed #fff}
.dl-new dd a { color: #333}
@media screen and (min-width: 601px) {
  .dl-new { display: flex; justify-content: space-between; flex-wrap: wrap}
  .dl-new dt { width: 15%}
  .dl-new dd { width: 85%}
}
/*-----------------------

-----------------------*/
.ul-media li:nth-of-type(n+2) { margin-top: 10px}
.ul-media li p { font-size: 12px}
@media screen and (min-width: 601px) {
  .ul-media { display: flex; justify-content: space-between; flex-wrap: wrap}
  .ul-media li { width: 48%}
  .ul-media li.general { width: 100%}
  .ul-media li a { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 15px; border: 1px solid #dfe1e3; border-radius: 6px}
}