@charset "UTF-8";
/*
Theme Name: atlas
*/
html {
  box-sizing: border-box;
  font-size: 62.5%;
  background: #fff;
  color: #000;
  font-family: "YuGothic", "Noto Sans JP", sans-serif;
  line-height: 1.6;
  word-spacing: 1px;
}

.albert-sans {
  font-family: "Albert Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
  overflow: hidden;
}

.bold {
  font-weight: 700;
}

.center {
  text-align: center;
  margin: 0 auto;
  display: block;
}

a {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #3890FD;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

img {
  max-width: 100%;
}

.btn,
a.btn,
button.btn {
  position: relative;
  display: inline-block;
  padding: 0rem 1.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1rem;
}

@media only screen and (min-width: 767px) {
  body {
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
  }
  header {
    margin-top: -85px;
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 90px;
    background: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
    /* チェックボックスを非表示 */
    /* 左上ロゴ */
    /* 上部メニュー */
    /* パソコンでは V を非表示 */
    /* ドロップダウンメニュー */
    /* パソコン用 */
    /* 子メニュー */
    /* 余分な最後の線を消去 */
    /* ハンバーガー */
  }
  header #navi {
    text-align: center;
    margin: 0 auto;
    max-width: 1100px;
  }
  header #navi input {
    display: none;
  }
  header .menu-left {
    float: left;
    line-height: 90px;
  }
  header .menu-left img {
    vertical-align: middle;
    margin: 0px 30px 0;
  }
  header .menu {
    float: left;
    margin: 15px 0;
  }
  header .menu-parent {
    float: left;
    margin-right: 20px;
    line-height: 60px;
    font-size: 17px;
    font-weight: bold;
    white-space: nowrap;
    min-width: 160px;
  }
  header .menu-parent a {
    color: #000;
    text-decoration: none;
  }
  header .menu-parent :hover {
    color: #3890FD;
    cursor: pointer;
    cursor: hand;
  }
  header .menu-parent .navi_b {
    margin-right: -20px;
    border-radius: 0.5rem;
    color: #fff;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
  }
  header .menu-parent .navi_b:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
  }
  header .menu-parent .navi_y {
    border-radius: 0.5rem;
    color: #000;
    background: #FFD900;
    background: linear-gradient(to right bottom, #FFCA45 0%, #FFD900 100%);
    height: 60px;
  }
  header .menu-parent .navi_y::before {
    content: url(../atlas/img/common/tell.svg);
    display: inline-table;
    height: 17px;
    vertical-align: top;
  }
  header .menu-parent .navi_y:hover {
    color: #000;
    background: linear-gradient(to left top, #FFCA45 0%, #FFD900 100%);
  }
  header .menu-parent .navi_y p {
    color: #000;
    display: inline-block;
    margin: 0;
    padding: 10px 0 0 10px;
    line-height: 1.3;
  }
  header .menu-parent .navi_y p small {
    color: #000;
    font-weight: 100;
    font-size: 70%;
    display: block;
    margin: 3px 0 -10px 5px;
  }
  header .menu-parent .pd {
    display: none;
  }
  header #menu-navibtn {
    display: none;
    cursor: pointer;
    cursor: hand;
  }
  header .menu-parent {
    position: relative;
  }
  header .menu-parent .menu-child {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-left: -20px;
    width: auto;
    box-sizing: border-box;
    padding: 0px 20px;
    background-color: rgba(255, 255, 255, 0.7);
  }
  header .menu-parent:hover .menu-child {
    visibility: visible;
    opacity: 1;
  }
  header .menu-child li {
    font-size: 0.8em;
    border-bottom: 1px solid #3890FD;
  }
  header .menu-child li:last-child {
    border: none;
  }
  header #navi #navibtn {
    display: none;
  }
  hgroup#top {
    width: 100%;
    max-height: 450px;
    text-align: center;
  }
  hgroup#top .slider {
    margin: 80px auto 10px;
  }
  hgroup#top .slider img {
    margin: auto;
    max-height: 450px;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100vw;
  }
  hgroup#top .slide {
    padding: 0;
  }
  hgroup#top .slide .point {
    opacity: 0;
  }
  hgroup#top .slide img {
    margin: 0;
  }
  hgroup#top .slick-initialized .slick-slide {
    margin-bottom: 10px;
  }
  hgroup#contents {
    background: url(../atlas/img/common/h1.png) 100% 0% no-repeat #51749F;
    margin: 80px auto 40px;
    height: 150px;
    width: 100%;
  }
  hgroup#contents h1 {
    width: 1100px;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0 auto;
    padding: 50px 0;
  }
  main {
    width: 100%;
  }
  main article {
    width: 1100px;
    margin: 0 auto;
    clear: both;
  }
  main article .anchor::before {
    content: "";
    display: block;
    padding-top: 80px;
    margin-top: -80px;
  }
  main article h2 {
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    margin: 2rem -10px;
    padding: 1rem 2rem;
    background: #81BAFF;
  }
  main article h2:before, main article h2:after {
    position: absolute;
    content: "";
  }
  main article h2:before {
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #5282BE;
    border-left: 10px solid transparent;
  }
  main article h3 {
    position: relative;
    margin: 3rem 0.5rem;
    padding: 1rem;
    border-top: 1px solid #3890FD;
    border-bottom: 2px solid #3890FD;
    color: #000;
    font-size: 1.9rem;
    font-weight: bold;
  }
  main article h3:before {
    position: absolute;
    bottom: -0.5rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid #3890FD;
    content: "";
  }
  main article h4 {
    position: relative;
    display: inline-block;
    height: 44px;
    margin: 0 0 20px 20px;
    padding: 1rem 2rem 1rem 2rem;
    color: #000;
    font-weight: 700;
    background: #FFD900;
  }
  main article h4::before {
    position: absolute;
    top: 0;
    left: -15px;
    content: "";
    border-width: 22px 15px 22px 0;
    border-style: solid;
    border-color: transparent #FFD900 transparent transparent;
  }
  main article h4:after {
    position: absolute;
    top: calc(50% - 6px);
    left: -4px;
    width: 10px;
    height: 10px;
    content: "";
    border-radius: 50%;
    background: #fff;
  }
  main article h5 {
    border-left: 7px solid #FFD900;
    margin: 2rem 2rem 1rem;
    padding-left: 10px;
    font-weight: 700;
  }
  main article h6 {
    color: #3890FD;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 10px;
  }
  main article.contIn {
    padding: 0 10px;
  }
  main article.contIn p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem;
    text-align: justify;
  }
  main article .titleTop {
    font-size: 2.5rem;
    font-weight: 700;
    position: relative;
    margin: 100px auto 20px;
    padding: 0 65px;
    text-align: center;
  }
  main article .titleTop:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: #000;
  }
  main article .titleTop span {
    position: relative;
    padding: 0 8rem;
    background: #fff;
  }
  main article .titleTop_c {
    font-size: 2.5rem;
    font-weight: 700;
    position: relative;
    margin: 20px auto 20px;
    padding: 0 65px;
    text-align: center;
  }
  main article .titleTop_c:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: #000;
  }
  main article .titleTop_c span {
    position: relative;
    padding: 0 8rem;
    background: #CAEAF7;
  }
  main .btn--d {
    margin: 70px auto 40px;
    padding: 1.2rem 3rem;
    display: block;
    width: 92%;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 2rem;
    background: #3890FD;
    background: linear-gradient(to right bottom, #C1C3FF, #68ACFF);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--d:hover {
    background: linear-gradient(to left top, #C1C3FF 0%, #68ACFF 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--d::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border: 1px solid #fff;
    border-radius: 0.5rem;
  }
  main .btn--c {
    font-weight: 700;
    margin: 0px auto 70px;
    padding: 2rem 3rem;
    display: block;
    width: 92%;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 2.3rem;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--c:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--c::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main .btn--n {
    font-weight: 100;
    margin: 10rem auto 70px;
    padding: 1rem 0rem;
    display: block;
    width: 25%;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    background: #fff;
    border: 1px solid #666;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--n:hover {
    color: #333;
    background: linear-gradient(to left top, #efefef 0%, #fff 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(98, 87, 87, 0.2);
  }
  main .btn--n::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main .btn--o {
    font-weight: 700;
    margin: 0px auto 70px;
    padding: 2rem 0 2rem 3rem;
    display: block;
    width: 92%;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 2.3rem;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--o:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--o::before {
    background: url(../atlas/img/product/order.png) 34% 50% no-repeat;
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main .btn--con {
    font-weight: 700;
    margin: 0px auto 70px;
    padding: 1.5rem 3rem;
    display: block;
    width: 30%;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 1.6rem;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--con:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--con::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main .btn_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 86%;
    margin: 20px auto 50px;
  }
  main .btn_list .btn--l {
    margin: 0 10px 20px;
    padding: 1.2rem 3rem;
    display: block;
    width: 280px;
    text-align: center;
    border-radius: 0.5rem;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, #FFCA45, #FFD900);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn_list .btn--l:hover {
    background: linear-gradient(to left top, #FFCA45 0%, #FFD900 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn_list .btn--l::before {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    content: "";
    transition: all 0.3s;
    border: 1px solid #fff;
    border-radius: 0.5rem;
  }
  main .btn_list2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 86%;
    margin: 40px auto 20px;
  }
  main .btn_list2 .btn--l {
    margin: 0 10px 20px;
    padding: 1.2rem 3rem;
    display: block;
    width: 280px;
    text-align: center;
    border-radius: 0.5rem;
    border: 1px solid #3890FD;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, #D2E6FF, #9EC8F9);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  }
  main .btn_list2 .btn--l:hover {
    background: linear-gradient(to left top, #D2E6FF 0%, #9EC8F9 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  main .btn_list2 .btn--l::before {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    content: "";
    transition: all 0.3s;
    border: 1px solid #3890FD;
    border-radius: 0.5rem;
  }
  main#topIn {
    margin: 0 auto;
    min-height: 600px;
  }
  main#topIn .btn--t {
    margin: 10px auto;
    padding: 1.2rem 3rem;
    display: block;
    width: 250px;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 1.6rem;
    color: #fff;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main#topIn .btn--t:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main#topIn #processing {
    margin: 10px auto;
    padding: 0;
  }
  main#topIn #processing li {
    position: relative;
    display: inline-block;
    margin: 0 2% 2% 0;
    width: 31.75%;
  }
  main#topIn #processing li:last-child {
    margin: 0;
  }
  main#topIn #processing li img {
    border: 1px solid #ccc;
  }
  main#topIn #processing li p {
    position: absolute;
    top: 42%;
    font-size: 1.8rem;
    font-weight: 700;
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 5%;
    padding: 1% 0;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #processing li p:hover {
    background: linear-gradient(to left top, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #processing div {
    position: relative;
  }
  main#topIn #processing div img {
    border: 1px solid #ccc;
  }
  main#topIn #processing div p {
    position: absolute;
    top: 42%;
    font-size: 1.8rem;
    font-weight: 700;
    width: 30%;
    text-align: center;
    display: block;
    margin: 0 35%;
    padding: 0.3% 0;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #processing div p:hover {
    background: linear-gradient(to left top, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #product {
    background: #CAEAF7;
    margin: 50px auto;
    padding: 10px 0 40px;
  }
  main#topIn #product li {
    position: relative;
    display: inline-block;
    margin: 0 2% 2% 0;
    width: 31.75%;
  }
  main#topIn #product li:last-child {
    margin: 0;
  }
  main#topIn #product li img {
    border: 1px solid #ccc;
  }
  main#topIn #product li p {
    position: absolute;
    top: 42%;
    font-size: 1.8rem;
    font-weight: 700;
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 5%;
    padding: 1% 0;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #product li p:hover {
    background: linear-gradient(to left top, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #news {
    margin: -50px auto 50px;
    padding: 0px 0;
  }
  main#topIn #news div {
    float: left;
    width: 670px;
    margin: 0 30px 0 0;
  }
  main#topIn #news dl {
    font-size: 1.4rem;
    padding: 2rem 2rem 0.8rem;
    width: 670px;
    margin: 20px 0 30px;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
  }
  main#topIn #news dt {
    font-size: 1.3rem;
    font-weight: 700;
    width: 110px;
  }
  main#topIn #news dd {
    font-weight: 100;
    margin-bottom: 1.2rem;
  }
  main#topIn #news iframe {
    margin: 20px 0 50px;
  }
  main#newsIn {
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    min-height: 700px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#newsIn .n_list {
    margin: 0;
  }
  main#newsIn .n_list a {
    text-decoration: none;
  }
  main#newsIn .n_list a:hover {
    color: #000;
  }
  main#newsIn .n_list_item {
    display: flex;
    margin-right: 1%;
    align-items: center;
    border-bottom: 1px dashed #999;
    padding: 2% 1%;
  }
  main#newsIn .n_list_item p:hover {
    text-decoration: underline;
  }
  main#newsIn .n_list_item a {
    position: relative;
    display: flex;
    padding-right: 30px;
  }
  main#newsIn .n_date {
    display: flex;
    margin-right: 15px;
    align-items: center;
    font-weight: 700;
  }
  main#newsIn .n_title {
    position: relative;
    margin: 0rem 0.5rem 3rem;
    padding: 1rem;
    border-bottom: 2px solid #3890FD;
    color: #000;
    font-size: 1.9rem;
    font-weight: bold;
  }
  main#newsIn .n_title:before {
    position: absolute;
    bottom: -0.5rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid #3890FD;
    content: "";
  }
  main#newsIn .day {
    font-size: 1.4rem;
    margin: 0 1.5rem 0;
  }
  main#newsIn .n_text {
    margin: 0 1.5rem 1.5rem;
  }
  main#processingIn {
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    min-height: 600px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#processingIn .list01 {
    display: flex;
    margin: 0 auto;
  }
  main#processingIn .list01 li {
    margin: 0 1.5%;
    width: 50%;
    position: relative;
  }
  main#processingIn .list01 li:last-child {
    padding: 0 0;
  }
  main#processingIn .list01 li p {
    margin-bottom: 20px;
  }
  main#processingIn .list01 li span {
    position: absolute;
    top: 0;
    left: 0;
    background: #3890FD;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 25px;
  }
  main#processingIn .list02 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0;
  }
  main#processingIn .list02 li {
    display: inline-flex;
    margin: 0 1.5% 2% 1.5%;
    width: 47%;
  }
  main#processingIn .list02 li::nth-child(even) {
    margin: 0 0 2% 1.5%;
  }
  main#processingIn .list02 li dt {
    float: left;
  }
  main#processingIn .list02 li dt img {
    border: 1px solid #ccc;
  }
  main#processingIn .list02 li dd {
    padding-left: 270px;
  }
  main#processingIn .list03 {
    display: block;
    margin: 0 0;
    clear: both;
  }
  main#processingIn .list03 li {
    margin: 0 0 1.5rem 2rem;
    clear: both;
  }
  main#processingIn .list03 li::nth-child(even) {
    margin: 0 1.5rem;
  }
  main#processingIn .list03 li img {
    float: left;
    margin: 0 2rem 2.5rem 0;
  }
  main#processingIn .list04 {
    display: block;
    margin: 0 0;
    clear: both;
  }
  main#processingIn .list04 li {
    margin: 0 0 1.5rem 0;
    clear: both;
  }
  main#processingIn .list04 li img {
    float: right;
    margin: 0 2rem 2.5rem 2.5rem;
  }
  main#processingIn .list04 li p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 0 2rem 2rem;
    text-align: justify;
  }
  main#processingIn .list05 {
    display: block;
    margin: 3rem 2rem 2rem;
    clear: both;
  }
  main#processingIn .list05 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 2rem 0;
    text-align: justify;
  }
  main#processingIn .list06 {
    display: block;
    margin: 1rem 0 2rem 2rem;
    clear: both;
  }
  main#processingIn .list06 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 2rem 0;
    text-align: justify;
  }
  main#processingIn .decimal01 {
    display: block;
    margin: 0 2rem;
    clear: both;
  }
  main#processingIn .decimal01 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 2rem 0;
    text-align: justify;
  }
  main#processingIn .decimal01 li {
    list-style: decimal;
    margin: 0 0 0.5rem 2rem;
    text-indent: 0rem;
    clear: both;
  }
  main#processingIn .decimal02 {
    display: block;
    margin: 0 2rem;
    clear: both;
  }
  main#processingIn .decimal02 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 1rem 0;
    text-align: justify;
  }
  main#processingIn .decimal02 li {
    list-style: decimal;
    margin: 0 0 2rem 2rem;
    text-indent: 0rem;
    clear: both;
  }
  main#processingIn .disc01 {
    display: grid;
    margin: 0;
  }
  main#processingIn .disc01 li {
    list-style: disc;
    margin: 0 0 0.5rem 2rem;
  }
  main#processingIn .disc02 {
    display: grid;
    margin: 0 0 2rem;
  }
  main#processingIn .disc02 li {
    list-style: disc;
    margin: 0 0 0.5rem 2rem;
  }
  main#processingIn .red01 {
    display: grid;
    margin: 0 0 2rem;
  }
  main#processingIn .red01 li {
    list-style: none;
    margin: 0 0 0.5rem 2rem;
  }
  main#processingIn .red01 li p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 1rem 0;
    text-align: justify;
  }
  main#processingIn .red01 li p span {
    color: #f00;
    font-weight: 700;
    display: block;
  }
  main#processingIn .red01 li p span.noc {
    color: #000;
  }
  main#processingIn .red01 li p span.nod {
    display: inline;
  }
  main#processingIn .text_l {
    float: left;
    width: 63%;
    margin-top: -1rem;
  }
  main#processingIn .text_l p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 1rem 2rem;
    text-align: justify;
  }
  main#processingIn .info01 {
    border: 1px solid #333;
    margin: 0 2rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
  }
  main#processingIn .info01 dt {
    float: left;
    background: #E3F0FF;
    text-align: center;
    padding: 0.5%;
    font-weight: 700;
    min-width: 90px;
  }
  main#processingIn .info01 dd {
    padding: 0.5% 100px;
    margin-bottom: 2px;
    text-align: left;
  }
  main#processingIn .info02 {
    border: 1px solid #333;
    margin: 0 2rem 2rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
  }
  main#processingIn .info02 dt {
    float: left;
    background: #E3F0FF;
    text-align: center;
    padding: 0.5%;
    font-weight: 700;
    min-width: 20%;
  }
  main#processingIn .info02 dd {
    padding: 0.5% 0 0.5% 22%;
    margin-bottom: 2px;
    text-align: left;
  }
  main#processingIn .info03 {
    border: 1px solid #333;
    margin: 0 2rem 2rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  main#processingIn .info03 dt {
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    width: 20%;
    padding: 0.5%;
    background: #E3F0FF;
    text-align: center;
    font-weight: 700;
  }
  main#processingIn .info03 dt span {
    display: block;
    padding: 10px 0 0;
  }
  main#processingIn .info03 dd {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 80%;
    margin-left: 0;
    padding: 0.5%;
    text-align: left;
  }
  main#productIn {
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    min-height: 600px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#productIn .list01 {
    display: block;
    margin: 3rem 2rem 2rem;
    clear: both;
  }
  main#productIn .list01 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 2rem 0;
    text-align: justify;
  }
  main#productIn .list01 p.mt {
    margin: -30px 0 0;
  }
  main#productIn .list01 .scroll {
    display: none;
  }
  main#productIn .list01 .table01 {
    border: 1px solid #333;
    border-collapse: collapse;
    margin: 2rem 1rem 4rem 0;
    text-align: center;
    width: 100%;
  }
  main#productIn .list01 .table01 td, main#productIn .list01 .table01 th {
    border: 1px solid #ccc;
    padding: 1%;
    width: auto;
    height: 25px;
  }
  main#productIn .list01 .table01 th {
    background: #E3F0FF;
  }
  main#productIn .list01 .table01 th:nth-child(odd) {
    width: 10%;
  }
  main#productIn .list01 .table01 th:nth-child(even) {
    width: 35%;
  }
  main#productIn .list01 .table02 {
    border: 1px solid #333;
    border-collapse: collapse;
    margin: 2rem 1rem 4rem 0;
    text-align: center;
    width: 100%;
  }
  main#productIn .list01 .table02 td, main#productIn .list01 .table02 th {
    border: 1px solid #ccc;
    padding: 1%;
    width: auto;
    height: 25px;
  }
  main#productIn .list01 .table02 th {
    background: #E3F0FF;
    width: 15%;
  }
  main#productIn .list02 {
    display: block;
    margin: 0 0;
    clear: both;
  }
  main#productIn .list02 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 2rem;
    text-align: justify;
  }
  main#productIn .list02 li {
    margin: 0 0 1.5rem 2rem;
    clear: both;
  }
  main#productIn .list03 {
    margin: 0 2rem 2rem;
  }
  main#productIn .list03 ul {
    display: flex;
    margin: 0 auto;
  }
  main#productIn .list03 li {
    margin: 0 1.5% 0 0;
    width: 50%;
    position: relative;
  }
  main#productIn .list03 li:last-child {
    margin: 0 0;
    padding: 0 0;
  }
  main#productIn .list03 li p {
    margin: 10px 0 20px;
  }
  main#productIn .list03 li p span {
    display: block;
    font-weight: 700;
  }
  main#productIn .info01 {
    margin: 0 2rem 2rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    width: 100%;
  }
  main#productIn .info01 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 1rem 0;
    text-align: justify;
  }
  main#productIn .info01 dl {
    border: 1px solid #333;
    width: 60%;
    float: left;
  }
  main#productIn .info01 dt {
    float: left;
    background: #E3F0FF;
    text-align: center;
    padding: 1%;
    font-weight: 100;
    min-width: 160px;
  }
  main#productIn .info01 dd {
    padding: 1% 0 1% 180px;
    margin-bottom: 2px;
    text-align: left;
  }
  main#productIn .info01 img {
    float: left;
    margin: 1rem 6rem 2.5rem 0;
  }
  main#productIn .info01 .o_txt {
    width: 60%;
    float: left;
  }
  main#productIn .info02 {
    border: 1px solid #ccc;
    margin: 3rem auto 4rem;
    padding: 2rem 2rem 1rem;
    width: 100%;
  }
  main#productIn .info02 ul {
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
  }
  main#productIn .info02 li {
    display: inline-flex;
    width: 48%;
    padding: 0;
    margin: 0 0;
  }
  main#productIn .info02 li p {
    margin: 1rem 0 0 2rem;
  }
  main#productIn .info02 img {
    width: auto;
    margin: 0;
  }
  main#productIn .info03 {
    margin: 0 2rem 4rem 0;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    width: 100%;
  }
  main#productIn .info03 .l_tag_box {
    display: flex;
    margin: 0 0 1.5rem;
    font-size: 1.4rem;
  }
  main#productIn .info03 .l_tag_box .l_tag {
    background: #FFEB79;
    display: block;
    padding: 0.3rem 1rem;
    margin: 0 1rem 0 0;
  }
  main#productIn .info03 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 0 1rem 0;
    text-align: justify;
  }
  main#productIn .info03 dl {
    border: 1px solid #333;
    width: 60%;
    float: left;
    margin: 0 0 3rem;
  }
  main#productIn .info03 dt {
    float: left;
    background: #E3F0FF;
    text-align: center;
    padding: 1%;
    font-weight: 100;
    min-width: 250px;
  }
  main#productIn .info03 dd {
    padding: 1% 0 1% 270px;
    margin-bottom: 2px;
    text-align: left;
  }
  main#productIn .info03 img {
    float: left;
    margin: 1rem 6rem 1rem 0;
  }
  main#productIn .info04 {
    margin: 0 2rem 1rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    width: auto;
  }
  main#productIn .info04 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 1rem 0;
    text-align: justify;
  }
  main#productIn .info04 dl {
    border: 1px solid #ccc;
    margin: 0;
    width: 100%;
    float: left;
  }
  main#productIn .info04 dt {
    float: left;
    background: #E3F0FF;
    text-align: center;
    padding: 1%;
    font-weight: 100;
    min-width: 160px;
  }
  main#productIn .info04 dd {
    padding: 1% 0 1% 180px;
    margin-bottom: 2px;
    text-align: left;
  }
  main#productIn .info04 img {
    float: left;
    margin: 1rem 6rem 2.5rem 0;
  }
  main#productIn .info04 .caution {
    background: #E3F0FF;
    margin: 2rem auto 5rem;
    padding: 2rem;
  }
  main#productIn .info04 .btn_list3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 20px auto 20px;
  }
  main#productIn .info04 .btn_list3 .btn--l {
    margin: 0 10px 20px;
    padding: 1.2rem 2rem;
    display: block;
    width: 320px;
    text-align: left;
    border-radius: 0.5rem;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
  }
  main#productIn .info04 .btn_list3 .btn--l img {
    float: left;
    margin: 0.5rem 1.5rem 0 2.5rem;
  }
  main#productIn .info04 .btn_list3 .btn--l:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main#productIn .info04 .btn_list3 .btn--l::before {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main#productIn .disc01 {
    display: grid;
    margin: 0;
  }
  main#productIn .disc01 li {
    list-style: disc;
    margin: 0 0 0.5rem 2rem;
  }
  main#productIn .decimal01 {
    display: grid;
    margin: 0 0 3rem;
  }
  main#productIn .decimal01 li {
    list-style: decimal;
    margin: 0 0 0.5rem 4rem;
  }
  main#companyIn {
    margin: 0 auto 10rem;
    padding: 0;
    width: 1100px;
    min-height: 700px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#companyIn .c_info {
    font-size: 2.3rem;
    font-weight: 700;
    margin: 6rem auto 4rem;
    text-align: center;
  }
  main#companyIn .c_info span {
    background: linear-gradient(transparent 60%, #FFD900 40%);
  }
  main#companyIn .info01 {
    border: 1px solid #333;
    margin: 0 2rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
  }
  main#companyIn .info01 dt {
    float: left;
    background: #E3F0FF;
    text-align: left;
    padding: 0.5%;
    font-weight: 700;
    min-width: 15%;
  }
  main#companyIn .info01 dt.long {
    height: 80px;
  }
  main#companyIn .info01 dd {
    padding: 0.5% 1% 0.5% 16%;
    margin-bottom: 2px;
    text-align: left;
  }
  main#companyIn .map {
    margin: 0 0 0 2%;
  }
  main#companyIn .access {
    margin: 0.5% 2% 5%;
  }
  main#companyIn .access span {
    font-weight: 700;
    margin-right: 3%;
  }
  main#companyIn .info02 {
    margin: 0 2rem 5rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  main#companyIn .info02 .disc01 {
    display: grid;
    margin: 0;
  }
  main#companyIn .info02 .disc01 li {
    list-style: disc;
    margin: 0 0 0.5rem 2rem;
  }
  main#companyIn .info02 .disc01 li span {
    font-weight: 700;
  }
  main#companyIn .info02 dt {
    background: #E3F0FF;
    text-align: left;
    padding: 1%;
    margin-bottom: 2px;
    font-weight: 700;
    width: 15%;
    display: flex;
    box-sizing: border-box;
  }
  main#companyIn .info02 dd {
    padding: 1%;
    margin-bottom: 2px;
    text-align: left;
    width: 84%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  main#companyIn .info02 dd .postage {
    display: block;
    background: #efefef;
    margin: 1% 0;
    padding: 1%;
    width: 400px;
  }
  main#companyIn .info02 dd .postage tr {
    display: flex;
  }
  main#companyIn .info02 dd .postage th {
    min-width: 210px;
  }
  main#companyIn .info02 dd .postage td {
    width: auto;
  }
  main#companyIn .disc02 {
    display: grid;
    margin: 2rem 0 2rem 4rem;
  }
  main#companyIn .disc02 li {
    list-style: disc;
    margin: 0 0 0.5rem 0;
  }
  main#companyIn .disc02 li span {
    font-weight: 700;
  }
  main#companyIn .alpha01 {
    display: grid;
    margin: 2rem 0 2rem 4rem;
  }
  main#companyIn .alpha01 li {
    list-style: upper-alpha;
    margin: 0 0 0.5rem 0;
  }
  main#companyIn .alpha01 li span {
    font-weight: 700;
  }
  main#companyIn .mb {
    margin-bottom: 2rem;
  }
  main#contactIn {
    margin: 0 auto 10rem;
    padding: 0;
    width: 1100px;
    min-height: 700px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#contactIn .contact_info {
    background: #E3F0FF;
    margin: 3rem auto;
    padding: 2rem 0;
    width: 44%;
  }
  main#contactIn .contact_info a {
    display: block;
    text-decoration: none;
    font-family: "Albert Sans", sans-serif;
    font-size: 3rem;
    font-weight: 600;
    margin: 0 auto 1rem;
    width: 55%;
  }
  main#contactIn .contact_info a img {
    margin: 0 10px 0 0;
  }
  main#contactIn .contact_info a:hover {
    color: #000;
  }
  main#contactIn .contact_info p {
    display: block;
    margin: 0 auto;
    width: 55%;
  }
  main#contactIn .info01 {
    margin: 0 2rem 5rem;
    padding: 2px 2px 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  main#contactIn .info01 dt {
    background: #E3F0FF;
    text-align: left;
    padding: 1rem;
    margin-bottom: 2px;
    font-weight: 700;
    width: 20%;
    display: flex;
    box-sizing: border-box;
  }
  main#contactIn .info01 dd {
    padding: 1rem 1rem 1rem 2rem;
    margin-bottom: 2px;
    text-align: left;
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  main#contactIn .info01 .fontred {
    color: #f00;
    font-size: 1.3rem;
    margin: 0.4rem 0.5rem;
  }
  main#contactIn .info01 .mwform-radio-field {
    display: block;
    margin: 0 0 0.5rem;
    width: 100%;
  }
  main#contactIn .info01 .mwform-checkbox-field {
    display: inline;
    margin: 0 0 0.5rem;
    width: 100%;
    text-wrap: wrap;
    word-wrap: keep-all;
  }
  main#contactIn .info01 .mwform-checkbox-field label {
    display: inline-block;
    margin: 0 1rem 0 0;
  }
  main#contactIn .info01 .c-form .order_d {
    font-size: 1.65rem;
  }
  main#contactIn .info01 .c-form .order_d p {
    margin: 0 0 0.5rem;
    padding: 0;
  }
  main#contactIn .info01 .c-form .order_d p.mt {
    margin-top: 2rem;
  }
  main#contactIn .info01 .c-form input[type=checkbox], main#contactIn .info01 .c-form input[type=radio] {
    margin: 0 0.2rem 0 0;
  }
  main#contactIn .info01 .c-form input[type=text], main#contactIn .info01 .c-form input[type=email], main#contactIn .info01 .c-form textarea {
    border: solid 1px #ccc;
    font-size: 1.6rem;
    width: 100%;
    padding: 1em 1.2em;
  }
  #contact_box {
    background: url(../atlas/img/contact/bg_img.jpg) right top no-repeat;
    max-width: 900px;
    margin: 0 auto 60px;
    padding: 20px;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
  }
  #contact_box a {
    text-decoration: none;
  }
  #contact_box a:hover {
    color: #000;
    text-decoration: none;
  }
  #contact_box p {
    margin-left: -200px;
    font-size: 1.6rem;
  }
  #contact_box .inner {
    display: flex;
  }
  #contact_box .inner li {
    background: #fff;
    height: 110px;
    width: 330px;
    margin: 10px 20px 0 0;
    padding: 10px;
  }
  #contact_box .inner li p {
    margin: 0;
    font-size: 1.5rem;
  }
  #contact_box .inner li .line span {
    background: linear-gradient(transparent 60%, #FFD900 40%);
  }
  #contact_box .inner li .tel {
    font-size: 3rem;
    font-weight: 700;
    padding: 0 0 0 10px;
    margin: 0 0 -5px;
    background: url(../atlas/img/contact/tell.svg) 10% 50% no-repeat;
    background-size: 25px;
  }
  #contact_box .inner li .form {
    font-size: 2.2rem;
    font-weight: 700;
    padding: 5px 0 3px 30px;
    background: url(../atlas/img/contact/mail.svg) 10% 50% no-repeat;
    background-size: 25px;
  }
  footer {
    background: #E3F0FF;
    font-size: 1.5rem;
  }
  footer .footerIn {
    margin: 10px auto;
    padding: 30px 0;
    width: 1100px;
    position: relative;
    display: flex;
  }
  footer .footerIn .operation {
    width: 44%;
    margin: 0 0;
  }
  footer .footerIn .operation .company_name {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 10px 0;
  }
  footer .footerIn .operation .company_name span {
    font-size: 1.2rem;
    font-weight: 100;
    display: block;
  }
  footer .footerIn .footer_menu {
    font-weight: 100;
    margin: 0 0;
  }
  footer .footerIn .footer_menu p {
    font-weight: 700;
    color: #51749F;
    display: block;
  }
  footer .footerIn .footer_menu ul {
    display: inline-table;
    width: 200px;
  }
  footer .footerIn .footer_menu a:hover {
    text-decoration: underline;
  }
  footer .copy {
    background: #51749F;
    color: #fff;
    font-weight: 100;
    text-align: center;
    padding: 8px 0;
  }
  /***** page-top *****/
  #page_top {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background: rgba(56, 145, 253, 0.6);
    color: #fff;
    bottom: 50px;
    right: 30px;
    cursor: pointer;
  }
  #page_top span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  body {
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
  }
  header {
    text-align: center;
    margin: 0 auto 20px;
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 70px;
    background: rgba(255, 255, 255, 0.7);
    /* スマホの際に V を表示 */
    /* メニューを移動させないため */
    /* ハンバーガーメニューがクリックされた時 */
    /* 左上ロゴ */
    /* 子メニュー */
    /* 子メニューがクリックされた時 */
    /* 上の棒 */
    /* 下の棒 */
    /* 中の棒 */
  }
  header .menu-parent .pd {
    display: inline-block;
    width: 100%;
  }
  header .menu {
    display: none;
  }
  header .menu-parent {
    height: auto;
    width: 100%;
    padding: 0 20px;
    border-bottom: 1px solid #3890FD;
    font-size: 1.5rem;
    font-weight: 700;
  }
  header .menu-parent a {
    padding: 5px 0;
    display: block;
  }
  header .menu-parent:nth-last-child(-n+3) {
    border-bottom: transparent;
  }
  header label {
    display: none;
  }
  header .menu-parent:first-child {
    border-top: 1px solid #3890FD;
  }
  header .menu-parent i {
    padding: 0px;
    display: none;
  }
  header input#menu-navibtn {
    display: none;
  }
  header #menu-navibtn:checked ~ #navi {
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
  }
  header #menu-navibtn:checked ~ * .menu {
    display: block;
    opacity: 1;
    background: #fff;
    padding: 0 0 10px;
  }
  header #menu-navibtn:checked ~ * .menu-parent {
    max-height: inherit;
    overflow-y: visible;
  }
  header #menu-navibtn:checked ~ * .menu-child {
    font-weight: 100;
    max-height: 300px;
    padding: 10px;
    overflow-y: visible;
    visibility: visible;
  }
  header .menu-left img {
    vertical-align: middle;
    margin: 10px 30px 0;
  }
  header .menu-parent .menu-child {
    border-top: 1px solid #3890FD;
    position: relative;
    padding: 0 20px;
    opacity: 1;
    top: 0;
    margin-left: auto;
    left: auto;
    width: auto;
  }
  header .menu-parent > label:hover {
    cursor: pointer;
    cursor: hand;
  }
  header #navi input {
    display: none;
  }
  header #navi #navibtn {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  header #navibtn span {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #3890FD;
  }
  header #navibtn span span {
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
  }
  header #navibtn span span::before,
  header #navibtn span span::after,
  header #navibtn span::after {
    position: absolute;
    left: 10px;
    content: "";
    width: 20px;
    height: 3px;
    background-color: #FFF;
  }
  header #navibtn span span::before {
    top: 10px;
  }
  header #menu-navibtn:checked ~ #navi label#navibtn span span::before {
    top: 19px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  header #navibtn span::after {
    bottom: 10px;
  }
  header #menu-navibtn:checked ~ #navi label#navibtn > span::after {
    bottom: 18px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  header #navibtn span span::after {
    top: 18px;
  }
  header #menu-navibtn:checked ~ #navi label#navibtn span span::after {
    display: none;
  }
  header .navi_b {
    border-radius: 0.5rem;
    color: #fff;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    display: table;
  }
  header .navi_b:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
  }
  header .navi_y {
    margin: 10px 0 0;
    border-radius: 0.5rem;
    color: #000;
    background: #FFD900;
    background: linear-gradient(to right bottom, #FFCA45 0%, #FFD900 100%);
    height: 50px;
  }
  header .navi_y::before {
    content: url(../atlas/img/common/tell.svg);
    display: inline-table;
    height: 17px;
    vertical-align: super;
  }
  header .navi_y:hover {
    color: #000;
    background: linear-gradient(to left top, #FFCA45 0%, #FFD900 100%);
  }
  header .navi_y p {
    color: #000;
    font-size: 1.8rem;
    display: inline-block;
    margin: 0;
    padding: 0px 0 0 10px;
    line-height: 1.3;
  }
  header .navi_y p small {
    color: #000;
    font-weight: 100;
    font-size: 70%;
    display: block;
    margin: 2px 0 -10px 5px;
  }
  hgroup#top {
    font-weight: 700;
    text-align: center;
    max-height: 360px;
    margin: 0 auto;
    padding: 70px 0;
    width: 100%;
  }
  hgroup#top .slider {
    margin: 0px auto 0px;
  }
  hgroup#top .slide {
    margin: 0;
    padding: 0;
  }
  hgroup#top .slide .point {
    opacity: 0;
  }
  hgroup#top .slide img {
    margin: 0 auto;
    max-width: 60%;
  }
  hgroup#top .slick-initialized .slick-slide {
    margin-top: 0px;
  }
  hgroup#contents {
    background: url(../atlas/img/common/h1.png) 0% 100% no-repeat #51749F;
    margin: 0 auto 40px;
    height: 220px;
    width: 100%;
    padding: 70px 0 0;
    display: block;
  }
  hgroup#contents h1 {
    width: 100%;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0px 0 0;
    padding: 50px 0 50px 20px;
  }
  main {
    width: 100%;
  }
  main article {
    width: 90%;
    margin: 0 auto;
  }
  main article p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 0rem 0rem;
    text-align: justify;
  }
  main article .anchor::before {
    content: "";
    display: block;
    padding-top: 40px;
    margin-top: -40px;
  }
  main article h2 {
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    margin: 2rem -10px;
    padding: 1rem 2rem;
    background: #81BAFF;
  }
  main article h2:before, main article h2:after {
    position: absolute;
    content: "";
  }
  main article h2:before {
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #5282BE;
    border-left: 10px solid transparent;
  }
  main article h3 {
    position: relative;
    margin: 3rem 0.5rem;
    padding: 1rem;
    border-top: 1px solid #3890FD;
    border-bottom: 2px solid #3890FD;
    color: #000;
    font-size: 1.9rem;
    font-weight: bold;
  }
  main article h3:before {
    position: absolute;
    bottom: -0.5rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid #3890FD;
    content: "";
  }
  main article h4 {
    position: relative;
    display: inline-block;
    height: 44px;
    margin: 0 0 20px 20px;
    padding: 1rem 2rem 1rem 2rem;
    color: #000;
    font-weight: 700;
    background: #FFD900;
  }
  main article h4::before {
    position: absolute;
    top: 0;
    left: -15px;
    content: "";
    border-width: 22px 15px 22px 0;
    border-style: solid;
    border-color: transparent #FFD900 transparent transparent;
  }
  main article h4:after {
    position: absolute;
    top: calc(50% - 6px);
    left: -4px;
    width: 10px;
    height: 10px;
    content: "";
    border-radius: 50%;
    background: #fff;
  }
  main article h5 {
    border-left: 7px solid #FFD900;
    margin: 2rem 0rem 1rem;
    padding-left: 10px;
    font-weight: 700;
  }
  main article h6 {
    color: #3890FD;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 10px;
  }
  main article.contIn {
    padding: 0 10px;
  }
  main article.contIn p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 1rem;
    text-align: justify;
  }
  main article .titleTop {
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    margin: 20px auto 20px;
    padding: 0 10px;
    text-align: center;
  }
  main article .titleTop:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: #000;
  }
  main article .titleTop span {
    position: relative;
    padding: 0 4rem;
    background: #fff;
  }
  main article .titleTop_c {
    font-size: 2.5rem;
    font-weight: 700;
    position: relative;
    margin: 20px auto 20px;
    padding: 0 65px;
    text-align: center;
  }
  main article .titleTop_c:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: #000;
  }
  main article .titleTop_c span {
    position: relative;
    padding: 0 4rem;
    background: #CAEAF7;
  }
  main .btn--d {
    margin: 10px auto 40px;
    padding: 1.2rem 1rem;
    display: block;
    width: 90%;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 1.6rem;
    background: #3890FD;
    background: linear-gradient(to right bottom, #C1C3FF, #68ACFF);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--d:hover {
    background: linear-gradient(to left top, #C1C3FF 0%, #68ACFF 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--d::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border: 1px solid #fff;
    border-radius: 0.5rem;
  }
  main .btn--c {
    margin: 0px auto 30px;
    padding: 2rem 0.5rem;
    display: block;
    width: 100%;
    text-align: center;
    letter-spacing: 0;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--c:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--c::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main .btn--con {
    font-weight: 700;
    margin: 0px auto 70px;
    padding: 1.5rem 3rem;
    display: block;
    width: 80%;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 1.6rem;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--con:active {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--con::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main .btn--n {
    font-weight: 100;
    margin: 10rem auto 70px;
    padding: 1rem 0rem;
    display: block;
    width: 70%;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    background: #fff;
    border: 1px solid #666;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--n:hover {
    color: #333;
    background: linear-gradient(to left top, #efefef 0%, #fff 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(98, 87, 87, 0.2);
  }
  main .btn--n::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main .btn--o {
    font-weight: 700;
    margin: 0px auto 70px;
    padding: 2rem 0 2rem 4rem;
    display: block;
    width: 92%;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 2.2rem;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--o:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn--o::before {
    background: url(../atlas/img/product/order.png) 5% 50% no-repeat;
    background-size: 3rem;
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main .btn_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 20px auto 50px;
  }
  main .btn_list .btn--l {
    margin: 0 10px 20px;
    padding: 1.2rem 3rem;
    display: block;
    width: 280px;
    text-align: center;
    border-radius: 0.5rem;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, #FFCA45, #FFD900);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn_list .btn--l:hover {
    background: linear-gradient(to left top, #FFCA45 0%, #FFD900 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main .btn_list .btn--l::before {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    content: "";
    transition: all 0.3s;
    border: 1px solid #fff;
    border-radius: 0.5rem;
  }
  main .btn_list2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 86%;
    margin: 20px auto 20px;
  }
  main .btn_list2 .btn--l {
    margin: 0 10px 20px;
    padding: 1.2rem 3rem;
    display: block;
    width: 280px;
    text-align: center;
    border-radius: 0.5rem;
    border: 1px solid #3890FD;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, #D2E6FF, #9EC8F9);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  }
  main .btn_list2 .btn--l:hover {
    background: linear-gradient(to left top, #D2E6FF 0%, #9EC8F9 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  main .btn_list2 .btn--l::before {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    content: "";
    transition: all 0.3s;
    border: 1px solid #3890FD;
    border-radius: 0.5rem;
  }
  main#topIn {
    width: 100%;
    text-align: center;
  }
  main#topIn .btn--t {
    margin: 10px auto;
    padding: 1.2rem 3rem;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 1.6rem;
    color: #fff;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  }
  main#topIn .btn--t:active {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main#topIn #processing {
    margin: 10px auto;
    padding: 0;
  }
  main#topIn #processing li {
    position: relative;
    display: inline-block;
    margin: 0 0 2% 0;
    width: 100%;
  }
  main#topIn #processing li:last-child {
    margin: 0;
  }
  main#topIn #processing li img {
    border: 1px solid #ccc;
  }
  main#topIn #processing li p {
    position: absolute;
    top: 42%;
    font-size: 1.8rem;
    font-weight: 700;
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 5%;
    padding: 1% 0;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #processing li p:hover {
    background: linear-gradient(to left top, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #processing div {
    position: relative;
    margin-top: 2%;
  }
  main#topIn #processing div img {
    border: 1px solid #ccc;
  }
  main#topIn #processing div p {
    position: absolute;
    top: 30%;
    font-size: 1.8rem;
    font-weight: 700;
    width: 30%;
    text-align: center;
    display: block;
    margin: 0 35%;
    padding: 0.3% 0;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #processing div p:hover {
    background: linear-gradient(to left top, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #product {
    background: #CAEAF7;
    margin: 50px auto;
    padding: 10px 0 40px;
  }
  main#topIn #product li {
    position: relative;
    display: inline-block;
    margin: 0 0 2% 0;
    width: 100%;
  }
  main#topIn #product li:last-child {
    margin: 0;
  }
  main#topIn #product li img {
    border: 1px solid #ccc;
  }
  main#topIn #product li p {
    position: absolute;
    top: 42%;
    font-size: 1.8rem;
    font-weight: 700;
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 5%;
    padding: 1% 0;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #product li p:hover {
    background: linear-gradient(to left top, rgba(143, 146, 244, 0.5), #3890FD);
  }
  main#topIn #news {
    margin: 50px auto 20px;
    padding: 0px 0;
  }
  main#topIn #news div {
    float: left;
    width: 100%;
    margin: 0 30px 0 0;
  }
  main#topIn #news dl {
    font-size: 1.4rem;
    padding: 2rem 2rem 0.8rem;
    width: 100%;
    margin: 0px 0 20px;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    text-align: left;
  }
  main#topIn #news dt {
    font-size: 1.3rem;
    font-weight: 700;
    width: 100%;
  }
  main#topIn #news dd {
    font-weight: 100;
    margin-bottom: 1.2rem;
  }
  main#topIn #news iframe {
    width: 100%;
    margin: 20px 0;
  }
  main#newsIn {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-height: 700px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#newsIn .n_list {
    margin: -5% 0 0;
  }
  main#newsIn .n_list a {
    text-decoration: none;
  }
  main#newsIn .n_list a:hover {
    color: #000;
  }
  main#newsIn .n_list_item {
    display: block;
    margin-right: 0%;
    align-items: center;
    border-bottom: 1px dashed #999;
    padding: 5% 1% 5%;
  }
  main#newsIn .n_list_item p {
    margin: 0;
  }
  main#newsIn .n_list_item p:active {
    text-decoration: underline;
  }
  main#newsIn .n_list_item a {
    position: relative;
    display: flex;
    padding-right: 0;
  }
  main#newsIn .n_date {
    display: flex;
    margin-right: 0;
    align-items: center;
    font-weight: 700;
  }
  main#newsIn .n_title {
    position: relative;
    margin: 0rem 0rem 2rem;
    padding: 1rem 0;
    border-bottom: 2px solid #3890FD;
    color: #000;
    font-size: 1.9rem;
    font-weight: bold;
  }
  main#newsIn .n_title:before {
    position: absolute;
    bottom: -0.5rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid #3890FD;
    content: "";
  }
  main#newsIn .day {
    font-size: 1.4rem;
    margin: 0;
  }
  main#newsIn .n_text {
    margin: 0 0rem 1.5rem;
  }
  main#processingIn {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-height: 600px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#processingIn .list01 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  main#processingIn .list01 li {
    margin: 0 1.5%;
    width: 100%;
    position: relative;
  }
  main#processingIn .list01 li:last-child {
    padding: 0 0;
  }
  main#processingIn .list01 li p {
    margin-bottom: 20px;
  }
  main#processingIn .list01 li span {
    position: absolute;
    top: 0;
    left: 0;
    background: #3890FD;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 35px;
    padding: 5px 0;
  }
  main#processingIn .list01 li img {
    width: 100%;
  }
  main#processingIn .list02 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0;
  }
  main#processingIn .list02 li {
    display: block;
    margin: 0;
    width: 100%;
  }
  main#processingIn .list02 li::nth-child(even) {
    margin: 0;
  }
  main#processingIn .list02 li dt {
    float: none;
    text-align: center;
  }
  main#processingIn .list02 li dt img {
    border: 1px solid #ccc;
    width: 97%;
    text-align: center;
  }
  main#processingIn .list02 li dd {
    padding: 1% 2% 5%;
  }
  main#processingIn .list03 {
    display: block;
    margin: 0 0;
    clear: both;
  }
  main#processingIn .list03 li {
    margin: 0 0.5rem 2rem;
    clear: both;
  }
  main#processingIn .list03 li::nth-child(even) {
    margin: 0 1.5rem;
  }
  main#processingIn .list03 li img {
    float: none;
    width: 100%;
    margin: 0 0 0rem;
  }
  main#processingIn .list04 {
    display: block;
    margin: -10px 0 0px;
    clear: both;
  }
  main#processingIn .list04:nth-child(18) {
    margin: -10px 0 4rem;
  }
  main#processingIn .list04 li {
    margin: 0 0;
    clear: both;
  }
  main#processingIn .list04 li img {
    float: none;
    margin: 0 0.5rem 0.5rem;
    width: 98%;
    height: auto;
  }
  main#processingIn .list04 li p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 0.5rem 2rem 0.5rem;
    text-align: justify;
  }
  main#processingIn .list05 {
    display: block;
    margin: 3rem 0rem 2rem;
    clear: both;
  }
  main#processingIn .list05 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 0rem 2rem 0;
    text-align: justify;
  }
  main#processingIn .list06 {
    display: block;
    margin: 1rem 0 2rem 0rem;
    clear: both;
  }
  main#processingIn .list06 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 0rem 2rem 0;
    text-align: justify;
  }
  main#processingIn .decimal01 {
    display: block;
    margin: 0 0;
    clear: both;
  }
  main#processingIn .decimal01 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 2rem 0;
    text-align: justify;
  }
  main#processingIn .decimal01 li {
    list-style: decimal;
    margin: 0 0 0.5rem 2rem;
    text-indent: 0.5rem;
    clear: both;
  }
  main#processingIn .decimal02 {
    display: block;
    margin: 0 2rem;
    clear: both;
  }
  main#processingIn .decimal02 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 0 1rem 0;
    text-align: left;
  }
  main#processingIn .decimal02 li {
    list-style: decimal;
    margin: 0 0 2rem 0rem;
    text-indent: 0rem;
    clear: both;
  }
  main#processingIn .disc01 {
    display: grid;
    margin: 0;
  }
  main#processingIn .disc01 li {
    list-style: disc;
    margin: 0 0 0.5rem 2rem;
  }
  main#processingIn .disc02 {
    display: grid;
    margin: 0 0 2rem;
  }
  main#processingIn .disc02 li {
    list-style: disc;
    margin: 0 0 0.5rem 2rem;
  }
  main#processingIn .red01 {
    display: grid;
    margin: 0 0 0rem;
  }
  main#processingIn .red01 li {
    list-style: none;
    margin: 0 0 0.5rem 1rem;
  }
  main#processingIn .red01 li p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 1rem 0;
    text-align: justify;
  }
  main#processingIn .red01 li p span {
    color: #f00;
    font-weight: 700;
    display: block;
  }
  main#processingIn .red01 li p span.noc {
    color: #000;
  }
  main#processingIn .red01 li p span.nod {
    display: inline;
  }
  main#processingIn .text_l {
    float: none;
    width: 100%;
    margin-top: -1rem;
  }
  main#processingIn .text_l p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 1rem 0rem;
    text-align: justify;
  }
  main#processingIn .text_l .info01 {
    border: 1px solid #333;
    margin: 0 0rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
  }
  main#processingIn .text_l .info01 dt {
    float: none;
    background: #E3F0FF;
    text-align: left;
    padding: 1%;
    font-weight: 700;
    min-width: 90px;
  }
  main#processingIn .text_l .info01 dd {
    padding: 1%;
    margin-bottom: 2px;
    text-align: left;
  }
  main#processingIn .info02 {
    border: 1px solid #333;
    margin: 0 0rem 2rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
  }
  main#processingIn .info02 dt {
    float: none;
    background: #E3F0FF;
    text-align: left;
    padding: 0.5% 1%;
    font-weight: 700;
    min-width: 20%;
  }
  main#processingIn .info02 dd {
    padding: 0.5% 1%;
    margin-bottom: 2px;
    text-align: left;
  }
  main#processingIn .info03 {
    border: 1px solid #333;
    margin: 0 0rem 2rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    display: block;
    flex-wrap: wrap;
    width: 100%;
  }
  main#processingIn .info03 dt {
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    width: 100%;
    padding: 0.5% 1%;
    background: #E3F0FF;
    text-align: left;
    font-weight: 700;
  }
  main#processingIn .info03 dt span {
    display: block;
    padding: 0 0;
  }
  main#processingIn .info03 dd {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding: 0.5% 1%;
    text-align: left;
  }
  main#productIn {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-height: 600px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#productIn .list01 {
    display: block;
    margin: 3rem 0.5rem 2rem;
    clear: both;
  }
  main#productIn .list01 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 2rem 0;
    text-align: justify;
  }
  main#productIn .list01 p.mt {
    margin: -30px 0 0;
  }
  main#productIn .list01 .scroll {
    background: #E3F0FF;
    padding: 5px;
    display: block;
    text-align: center;
  }
  main#productIn .list01 .tableIn {
    overflow-x: auto;
    margin-bottom: 4rem;
  }
  main#productIn .list01 .table01 {
    border: 1px solid #333;
    border-collapse: collapse;
    margin: 2rem 1rem 0rem 0;
    text-align: center;
    min-width: 1100px;
  }
  main#productIn .list01 .table01 td, main#productIn .list01 .table01 th {
    border: 1px solid #ccc;
    padding: 1%;
    width: auto;
    height: 25px;
  }
  main#productIn .list01 .table01 th {
    background: #E3F0FF;
  }
  main#productIn .list01 .table01 th:nth-child(odd) {
    width: 15%;
  }
  main#productIn .list01 .table01 th:nth-child(even) {
    width: 35%;
  }
  main#productIn .list01 .table02 {
    border: 1px solid #333;
    border-collapse: collapse;
    margin: 2rem 1rem 0rem 0;
    text-align: center;
    min-width: 1100px;
  }
  main#productIn .list01 .table02 td, main#productIn .list01 .table02 th {
    border: 1px solid #ccc;
    padding: 1%;
    height: 25px;
    min-width: 15%;
  }
  main#productIn .list01 .table02 th {
    background: #E3F0FF;
    width: auto;
  }
  main#productIn .list02 {
    display: block;
    margin: 0 0;
    clear: both;
  }
  main#productIn .list02 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 1rem 2rem;
    text-align: justify;
  }
  main#productIn .list02 li {
    margin: 0 0 1.5rem 0rem;
    clear: both;
  }
  main#productIn .list02 li img {
    float: none;
    margin: 0 auto 20px;
    width: auto;
    display: block;
  }
  main#productIn .list03 {
    margin: 0 1rem 2rem;
  }
  main#productIn .list03 ul {
    display: inline-block;
    margin: 0 auto;
  }
  main#productIn .list03 li {
    margin: 0 1.5% 0 0;
    width: 100%;
    position: relative;
  }
  main#productIn .list03 li:last-child {
    margin: 0 0;
    padding: 0 0;
  }
  main#productIn .list03 li p {
    margin: 10px 0 20px;
  }
  main#productIn .list03 li p span {
    display: block;
    font-weight: 700;
  }
  main#productIn .info01 {
    margin: 0 0rem 2rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    width: 100%;
  }
  main#productIn .info01 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 1rem 0;
    text-align: justify;
  }
  main#productIn .info01 dl {
    border: 1px solid #333;
    width: 100%;
    float: none;
  }
  main#productIn .info01 dt {
    float: none;
    background: #E3F0FF;
    text-align: left;
    padding: 2%;
    font-weight: 100;
    min-width: 160px;
  }
  main#productIn .info01 dd {
    padding: 2%;
    margin-bottom: 2px;
    text-align: left;
  }
  main#productIn .info01 img {
    float: none;
    margin: 1rem 0 2.5rem 0;
  }
  main#productIn .info01 .o_txt {
    width: 100%;
    float: none;
  }
  main#productIn .info02 {
    border: 1px solid #ccc;
    margin: 3rem auto 4rem;
    padding: 2rem 2rem 1rem;
    width: 100%;
  }
  main#productIn .info02 ul {
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
  }
  main#productIn .info02 li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0;
    text-align: center;
  }
  main#productIn .info02 li p {
    margin: 1rem 0 0 2rem;
  }
  main#productIn .info02 img {
    width: auto;
    margin: 0 auto;
  }
  main#productIn .info03 {
    margin: 0 0 4rem 0;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    width: 100%;
  }
  main#productIn .info03 .l_tag_box {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 1.4rem;
  }
  main#productIn .info03 .l_tag_box .l_tag {
    background: #FFEB79;
    display: block;
    padding: 0.3rem 1rem;
    margin: 0 0 1rem 0;
  }
  main#productIn .info03 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 0 1rem 0;
    text-align: justify;
  }
  main#productIn .info03 dl {
    border: 1px solid #333;
    width: 100%;
    float: none;
    margin: 0 0 3rem;
  }
  main#productIn .info03 dt {
    float: none;
    background: #E3F0FF;
    text-align: left;
    padding: 2%;
    font-weight: 100;
    min-width: auto;
  }
  main#productIn .info03 dd {
    padding: 2%;
    margin-bottom: 2px;
    text-align: left;
  }
  main#productIn .info03 img {
    float: none;
    margin: 1rem 6rem 1rem 0;
  }
  main#productIn .info04 {
    margin: 0 0rem 1rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    width: auto;
  }
  main#productIn .info04 p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 2rem 1rem 0;
    text-align: justify;
  }
  main#productIn .info04 dl {
    border: 1px solid #ccc;
    margin: 0;
    width: 100%;
    float: none;
  }
  main#productIn .info04 dt {
    float: none;
    background: #E3F0FF;
    text-align: left;
    padding: 2%;
    font-weight: 100;
    min-width: auto;
    width: 100%;
  }
  main#productIn .info04 dd {
    padding: 2%;
    margin-bottom: 2px;
    text-align: left;
  }
  main#productIn .info04 img {
    float: none;
    margin: 1rem 0rem 2.5rem 0;
  }
  main#productIn .info04 .caution {
    background: #E3F0FF;
    margin: 2rem auto 5rem;
    padding: 2rem;
  }
  main#productIn .info04 .btn_list3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 20px auto 20px;
  }
  main#productIn .info04 .btn_list3 .btn--l {
    margin: 0 10px 20px;
    padding: 1.2rem 2rem;
    display: block;
    width: 320px;
    text-align: left;
    border-radius: 0.5rem;
    color: #000;
    background: #3890FD;
    background: linear-gradient(to right bottom, #8F92F4, #3890FD);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
  }
  main#productIn .info04 .btn_list3 .btn--l img {
    float: left;
    margin: 0.5rem 1.5rem 0 2.5rem;
  }
  main#productIn .info04 .btn_list3 .btn--l:hover {
    background: linear-gradient(to left top, #8F92F4 0%, #3890FD 100%);
    transform: translate(0, 3px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  main#productIn .info04 .btn_list3 .btn--l::before {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    content: "";
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  main#productIn .disc01 {
    display: grid;
    margin: 0;
  }
  main#productIn .disc01 li {
    list-style: disc;
    margin: 0 0 0.5rem 2rem;
  }
  main#productIn .decimal01 {
    display: grid;
    margin: 0 0 3rem;
  }
  main#productIn .decimal01 li {
    list-style: decimal;
    margin: 0 0 0.5rem 4rem;
  }
  main#companyIn {
    margin: 0 auto 5rem;
    padding: 0;
    width: 100%;
    min-height: 700px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#companyIn p {
    font-size: 1.55rem;
    line-height: 2.5rem;
    margin: 0 0.5rem;
    text-align: justify;
  }
  main#companyIn .c_info {
    font-size: 2.3rem;
    font-weight: 700;
    margin: 6rem auto 4rem;
    text-align: center;
  }
  main#companyIn .c_info span {
    background: linear-gradient(transparent 60%, #FFD900 40%);
  }
  main#companyIn .info01 {
    border: 1px solid #ccc;
    margin: 0 0.5rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
  }
  main#companyIn .info01 dt {
    float: none;
    background: #E3F0FF;
    text-align: left;
    padding: 1%;
    font-weight: 700;
    min-width: 15%;
  }
  main#companyIn .info01 dt.long {
    height: auto;
  }
  main#companyIn .info01 dd {
    padding: 1%;
    margin-bottom: 2px;
    text-align: left;
  }
  main#companyIn .map {
    margin: 0 0 0 2%;
  }
  main#companyIn .access {
    margin: 0.5% 2% 5%;
  }
  main#companyIn .access span {
    font-weight: 700;
    margin-right: 3%;
  }
  main#companyIn .info02 {
    margin: 0 0rem 5rem;
    padding: 2px 2px 0;
    font-size: 1.45rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  main#companyIn .info02 .disc01 {
    display: grid;
    margin: 0;
  }
  main#companyIn .info02 .disc01 li {
    list-style: disc;
    margin: 0 0 0.5rem 2rem;
  }
  main#companyIn .info02 .disc01 li span {
    font-weight: 700;
  }
  main#companyIn .info02 dt {
    background: #E3F0FF;
    text-align: left;
    padding: 1%;
    margin-bottom: 2px;
    font-weight: 700;
    width: 100%;
    display: flex;
    box-sizing: border-box;
  }
  main#companyIn .info02 dd {
    padding: 1%;
    margin-bottom: 2px;
    text-align: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  main#companyIn .info02 dd .postage {
    display: block;
    background: #efefef;
    margin: 1% 0;
    padding: 1%;
    width: 400px;
  }
  main#companyIn .info02 dd .postage tr {
    display: flex;
  }
  main#companyIn .info02 dd .postage th {
    min-width: 210px;
  }
  main#companyIn .info02 dd .postage td {
    width: auto;
  }
  main#companyIn .disc02 {
    display: grid;
    margin: 2rem 0 2rem 2.5rem;
  }
  main#companyIn .disc02 li {
    list-style: disc;
    margin: 0 0 0.5rem 0;
  }
  main#companyIn .disc02 li span {
    font-weight: 700;
  }
  main#companyIn .alpha01 {
    display: grid;
    margin: 2rem 0 2rem 2.5rem;
  }
  main#companyIn .alpha01 li {
    list-style: upper-alpha;
    margin: 0 0 0.5rem 0;
  }
  main#companyIn .alpha01 li span {
    font-weight: 700;
  }
  main#companyIn .mb {
    margin-bottom: 2rem;
  }
  main#contactIn {
    margin: 0 auto 10rem;
    padding: 0;
    width: 100%;
    min-height: 700px;
    font-size: 1.55rem;
    text-align: justify;
  }
  main#contactIn .contact_info {
    background: #E3F0FF;
    margin: 3rem auto;
    padding: 2rem 1rem;
    width: 100%;
  }
  main#contactIn .contact_info a {
    display: block;
    text-decoration: none;
    font-family: "Albert Sans", sans-serif;
    font-size: 3rem;
    font-weight: 600;
    margin: 0 auto 1rem;
    width: 90%;
  }
  main#contactIn .contact_info a img {
    margin: 0 10px 0 0;
  }
  main#contactIn .contact_info a:hover {
    color: #000;
  }
  main#contactIn .contact_info p {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  main#contactIn .info01 {
    margin: 0 0rem 5rem;
    padding: 2px 2px 0;
    display: block;
    flex-wrap: wrap;
    width: 100%;
  }
  main#contactIn .info01 dt {
    background: #E3F0FF;
    text-align: left;
    padding: 1rem;
    margin-bottom: 2px;
    font-weight: 700;
    width: 100%;
    display: flex;
    box-sizing: border-box;
  }
  main#contactIn .info01 dd {
    padding: 1rem 0;
    margin-bottom: 2px;
    text-align: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  main#contactIn .info01 .fontred {
    color: #f00;
    font-size: 1.3rem;
    margin: 0.4rem 0.5rem;
  }
  main#contactIn .info01 .mwform-radio-field {
    display: block;
    margin: 0 0 1rem;
    width: 100%;
  }
  main#contactIn .info01 .mwform-checkbox-field {
    display: inline;
    margin: 0 0 1rem;
    width: 100%;
    text-wrap: wrap;
    word-wrap: keep-all;
  }
  main#contactIn .info01 .mwform-checkbox-field label {
    display: inline-block;
    margin: 0 1rem 0 0;
  }
  main#contactIn .info01 .c-form .order_d {
    font-size: 1.65rem;
  }
  main#contactIn .info01 .c-form .order_d p {
    margin: 0 0 0.5rem;
    padding: 0;
  }
  main#contactIn .info01 .c-form .order_d p.mt {
    margin-top: 2rem;
  }
  main#contactIn .info01 .c-form input[type=checkbox], main#contactIn .info01 .c-form input[type=radio] {
    margin: 0 0.2rem 0 0;
  }
  main#contactIn .info01 .c-form input[type=text], main#contactIn .info01 .c-form input[type=email], main#contactIn .info01 .c-form textarea {
    border: solid 1px #ccc;
    font-size: 1.6rem;
    width: 100%;
    padding: 1em 1.2em;
  }
  #contact_box {
    background: #3890FD;
    max-width: 100%;
    margin: 0 auto -10px;
    padding: 20px;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
  }
  #contact_box p {
    margin-left: 0;
    font-size: 1.55rem;
  }
  #contact_box p span {
    font-weight: 700;
  }
  #contact_box .inner {
    display: block;
  }
  #contact_box .inner a {
    text-decoration: none;
  }
  #contact_box .inner li {
    background: #fff;
    height: 110px;
    width: 100%;
    margin: 10px 20px 0 0;
    padding: 10px;
    text-align: center;
  }
  #contact_box .inner li p {
    margin: 0;
    font-size: 1.5rem;
  }
  #contact_box .inner li .line span {
    background: linear-gradient(transparent 60%, #FFD900 40%);
  }
  #contact_box .inner li .tel {
    font-size: 3rem;
    font-weight: 700;
    padding: 0 0 0 10px;
    margin: 0 0 -5px;
    background: url(../atlas/img/contact/tell.svg) 5% 50% no-repeat;
    background-size: 25px;
  }
  #contact_box .inner li .form {
    font-size: 2.2rem;
    font-weight: 700;
    padding: 5px 0 3px 30px;
    background: url(../atlas/img/contact/mail.svg) 12% 50% no-repeat;
    background-size: 25px;
  }
  footer {
    background: #E3F0FF;
    font-size: 1.5rem;
    text-align: center;
  }
  footer .footerIn {
    margin: 10px auto;
    padding: 20px 0;
    width: 90%;
    position: relative;
    display: block;
  }
  footer .footerIn .operation {
    width: 100%;
    margin: 0 0;
    padding: 0 0 10px;
    border-bottom: 1px dashed #51749F;
  }
  footer .footerIn .operation .company_name {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 10px 0;
  }
  footer .footerIn .operation .company_name span {
    font-size: 1.2rem;
    font-weight: 100;
    display: block;
  }
  footer .footerIn .footer_menu {
    font-weight: 100;
    margin: 0 0;
  }
  footer .footerIn .footer_menu p {
    font-weight: 700;
    color: #51749F;
    display: block;
    padding: 10px 0 0;
  }
  footer .footerIn .footer_menu ul {
    display: inline-table;
    width: 100%;
  }
  footer .footerIn .footer_menu a:hover {
    text-decoration: underline;
  }
  footer .copy {
    background: #51749F;
    color: #fff;
    font-weight: 100;
    text-align: center;
    padding: 8px 0;
  }
  /***** page-top *****/
  #page_top {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background: rgba(56, 145, 253, 0.6);
    color: #fff;
    bottom: 50px;
    right: 10px;
    cursor: pointer;
  }
  #page_top span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
  }
}
/*wp-pagenavi*/
.wp-pagenavi {
  clear: both;
  text-align: center;
  margin: 5rem 0;
}

.wp-pagenavi a, .wp-pagenavi span {
  color: #666;
  background-color: #FFFFFF;
  padding: 10px 15px;
  margin: 20px 2px;
  white-space: nowrap;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  /* 	border: thin solid #666; */
}

.wp-pagenavi a:hover {
  color: #fff;
  background-color: #3890FD;
}

.wp-pagenavi span.current {
  color: #fff;
  padding: 10px 15px;
  background-color: #3890FD;
  border: none;
}/*# sourceMappingURL=style.css.map */