@charset "UTF-8";/* CSS Document */@media screen and (max-width : 480px) {  body, h1, h2, h3, h4, ul, li, p {    padding: 0;    margin: 0;    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;    font-weight: 300;    width: auto;  }  .full {    position: relative;    width: 100%;    min-height: 100vh;    background-position: center;    background-image: url("../images/advance-top-m02.jpg");    background-size: cover;    background-color: #374B57;  }  .full div {    margin-left: auto;    margin-right: auto;  }  h1 {    text-align: center;    color: #FFFFFF;    padding-bottom: 20px;    -webkit-box-shadow: 0px 0px;    box-shadow: 0px 0px;  }  section h2 {    font-size: x-large;    width: 80%;    color: #374B57;    text-align: center;    margin-left: auto;    margin-right: auto;    border-top: 3px dotted #374B57;    padding-top: 5px;    padding-bottom: 5px;    border-bottom: 3px dotted #374B57;    font-weight: 600;  }  h3 {    border-bottom-width: 1px;    border-bottom-style: solid;    padding-bottom: 0px;    margin-bottom: 5px;  }  body p {    text-align: center;    font-weight: 400;  }  #top {    padding-top: 0px; /* 調整したい高さ（固定ヘッダーの高さ） */    margin-top: 0px; /* heightと同じ分のネガティブマージン */  }  /*-------------------------------------------------------------------------------------------------------*/  #top-header {    position: fixed;    bottom: 0;    padding-top: 0.5rem;    padding-bottom: 0.5rem;    background-color: #374B57;    display: flex;    align-items: center;    z-index: 999; /*opacity: 0.7; ここで透明度を指定*/    height: 50px;    width: 100vw;    border-top: 1px dotted #FFFFFF;  }  #top-header-home {    display: none;    align-items: center;    text-decoration: none;    color: #FFFFFF;  }  #top-header ul {    list-style-type: none;    display: flex;    color: #FFFFFF;    justify-content: center;    align-items: center;    width: 100%;  }  ul li a {    color: #FFFFFF;    text-decoration: none;    font-size: small;    border-style: dotted;    padding: 8px;    border-width: 1px;    margin-left: 3px;    margin-right: 3px;    border-radius: 5px;  }  /* ul .top-nushi a {    display: flex;    height: 30px;    justify-content: center;    align-items: center;    border-radius: 15px;    text-decoration: none;    font-weight: normal;    font-size: 1rem;    letter-spacing: 5px;    border: 1px solid #FFFFFF;    color: #FFE500;    transition: .3s;    width: 100px;  }  ul .top-nushi a:hover {    background-color: #FFE500;    color: #374B57;    font-weight: 600;  } */  .advance {    width: 100%;    text-align: center;    color: #FFFFFF;    filter: drop-shadow(0px 0px 3px #000000);    font-size: 18px;    display: block;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);  }  /*-------------------------------------------------ものづくり-------------------------------------------------*/  .mono {  }  #mono {    padding-top: 0px; /* 調整したい高さ（固定ヘッダーの高さ） */    margin-top: 0px; /* heightと同じ分のネガティブマージン */  }  .mono section {  }  .container01 {  }  .container01 .item1 p {    margin-top: 40px;    font-size: 20px;    color: #374B57;    width: 100%;  }  .item1 {    padding-top: 50px;    margin-bottom: 30px;    padding-left: 30px;    padding-right: 30px;  }  /*--------------------------------------------------*/  .item2 {    padding: 30px;  }  .item2-div01 {    font-size: 1.2rem;    font-weight: 500;    background-color: #C0CFD7;    color: #374B57;    text-align: center;    border-radius: 3px;  }  .item2-div02 {    color: #374B57;    padding-top: 10px;    padding-bottom: 20px;  }  .item2-div05 {    text-align: center;  }  /*-------------------------------------------------取扱商品-------------------------------------------------*/  .toriatsukai {    margin-top: 50px;    background-color: #374B57;    width: 85%;    margin-left: auto;    margin-right: auto;    margin-bottom: 50px;  }  .tori000 {       color: #FFFFFF;  }  .tori001 {    align-items: center;    display: flex;    background-color: #D4D4D4;    background-image: url(../images/toriatukai.jpg);    height: 240px;  }  .tori002 {    padding-top: 20px;    padding-right: 20px;    padding-left: 20px;    font-size: 0.9rem;  }  .tori000 .tori002 div {    padding-bottom: 20px;    border-bottom: 1px solid #FFFFFF;  }  .tori003 {    padding-right: 20px;    padding-left: 40px;    font-size: 1rem;    font-weight: 500;    padding-top: 20px;    padding-bottom: 20px;  }  /*-------------------------------------------------施工例-------------------------------------------------*/  .sekou {    background-color: #F3F3F3;    display: flex;    justify-content: center;  }  #sekou {    height: 0px;  }  .sekoutop {    height: 150px;    display: flex;    align-items: center;  }  .container02 {    display: grid;    grid-template-columns: 180px 180px;      grid-template-rows: 180px 180px;    justify-content: center;    padding-bottom: 50px;    margin-left: auto;    margin-right: auto;  }  /*--------------------------------*/  .container02 div {    border: 1px solid #F3F3F3;  }  .container02 div img {    position: static;    width: 100%;    height: 100%;    object-fit: cover;  }  /*--------------------------------*/  .se009 {    display: grid;    grid-column-start: 1;    grid-column-end: 3;    margin-top: 50px;  }  .se009 a {    text-decoration: none;    color: #FFFFFF;    margin-left: auto;  }  .se009 div {    width: 360px;    align-items: center;    text-align: center;    color: #FFFFFF;    background-color: #374B57;    padding-top: 10px;    padding-bottom: 10px;    border-radius: 30px;  }  /*---------------------------------------------会社概要-------------------------------------------------*/  .company {    display: flex;    justify-content: center;    background-color: #FFFFFF;    margin-left: auto;    margin-right: auto;    padding-bottom: 50px;  }  #company {    padding-top: 0px; /* 調整したい高さ（固定ヘッダーの高さ） */    margin-top: 0px; /* heightと同じ分のネガティブマージン */    background-color: #F3F3F3;  }  .gaiyou {    display: flex;    justify-content: center;    align-items: center;    height: 150px;  }  /* --------------------------------------------table01-------------------------------------------- */  #table01 th, #table01 td {    border-left: none;    border-right: none;    border-bottom: 1px solid #C9C9C9;    border-top: none;    text-align: left;    padding-top: 10px;    padding-bottom: 10px;    padding-right: 5px;    padding-left: 5px;    width: 100%;    margin-left: auto;    margin-right: auto;    display: block;  }  #table01 th {    width: 100%;    text-align: left;    font-weight: 600;    border-style: none;  }  #table01 td {    width: 100%;  }  /*----------------------------------------------広告主募集--------------------------------------------------*/  .koukoku {    background-color: #374B57;    justify-content: center;    align-items: center;    margin-left: auto;    margin-right: auto;    display: flex;  }  .koukokunushi {    margin-top: 50px;    margin-bottom: 120px;    align-items: flex-start;    color: #FFFFFF;    column-gap: 30px;    width: 85%;    text-align: center;  }  #koukokunushi {}  .ko01 {    text-align: left;  }  .ko01-001 {    text-align: center;    font-size: 1.5em;    padding-top: 3px;    padding-bottom: 3px;    margin-bottom: 15px;    border-radius: 30px;    border: 2px solid #FFFFFF;    color: #FFE500;    letter-spacing: 0.3em;    font-weight: 500;  }  .ko01-003 {    margin-top: 15px;    color: #FFFFFF;    text-align: center;    padding-top: 2px;    padding-bottom: 2px;    font-size: large;    font-weight: 500;    border-bottom-style: dashed;    border-top-style: dashed;    border-bottom-width: 1px;    border-top-width: 1px;  }  .ko02 {}  .ko02-001 {    margin-bottom: 30px;    text-align: justify;    margin-top: 40px;    margin-left: auto;    margin-right: auto;    width: 70%;  }  /*--------画像が拡大する----------*/  .ko02-002 {    /* hover effect */    margin-left: auto;    width: 120px;    height: 75px;    margin-bottom: 40px;    margin-right: auto;  }  /*-------------------------------------------------------------------------------------------------------*/  .pagetop__arrow {    height: 10px;    width: 10px;    border-top: 3px solid #c3c3c3;    border-right: 3px solid #c3c3c3;    transform: translateY(20%) rotate(-45deg);  }  .pagetop {    height: 50px;    width: 50px;    position: fixed;    right: 20px;    bottom: 80px;    background: #fff;    border: solid 1px #c3c3c3;    border-radius: 50%;    display: flex;    justify-content: center;    align-items: center;    z-index: 2;    opacity: 0.7;  }  html {    scroll-behavior: smooth;  }  footer > p {    margin: 0.25rem 0;    color: #FFFFFF;    font-size: x-small;  }  footer {    text-align: center;    background-color: #374B57;    position: fixed;    top: 0;    width: 100vw;    border-bottom: 1px dotted #FFFFFF;  }  .wrap {    overflow: hidden;  }}