#contents .headSection .rightArea { width: 50%; }

@media screen and (max-width: 767px) { #contents .headSection .rightArea { width: 100%; } }

@media screen and (max-width: 767px) { #contents .headSection .rightArea .navLocal { border: none; } }

#contents .main { width: 960px !important; margin: 0 auto; padding: 60px 0 60px !important; }

@media screen and (max-width: 767px) { #contents .main { width: 94.66667vw !important; padding: 8vw 0 12vw !important; } }

.ancOption { padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }

@media screen and (max-width: 767px) { .ancOption { padding-bottom: 6.66667vw; } }

.ancOption li { margin: 0; padding-left: 18px; width: 6em; background: url(/common/images/ico_down_01.gif) no-repeat left center; white-space: nowrap; display: inline-block; }

@media screen and (max-width: 767px) { .ancOption li { font-size: 2.66667vw; margin: 0.66667vw 0 0; padding-left: 3.33333vw; background-size: 2.66667vw 2.66667vw; } }

.ancOption .pLink { float: left; }

@media screen and (max-width: 767px) { .ancOption .pLink { float: none; } }

.ancOption .safety { padding: 10px 20px; border: 1px solid #d9d9d9; background-color: #f1f1f1; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: right; }

@media screen and (max-width: 767px) { .ancOption .safety { margin: 4vw 0 0; padding: 1.33333vw 2.66667vw; font-size: 2.13333vw; float: none; } }

.ancOption .safety p { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

@media screen and (max-width: 767px) { .ancOption .safety .iLink01 { padding-left: 3.33333vw; background-size: 2.66667vw 2.66667vw; } }

h2.headMod02 { margin: 50px 0 0; }

@media screen and (max-width: 767px) { h2.headMod02 { margin: 10.66667vw 0 0; font-size: 4.66667vw; } }

h2.headMod02:nth-of-type(1) { margin: 30px 0 0; }

@media screen and (max-width: 767px) { h2.headMod02:nth-of-type(1) { margin: 9.33333vw 0 0; } }

.innerBlockScroll { width: 100%; }

@media screen and (max-width: 767px) { .innerBlockScroll { overflow-x: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; }
  .innerBlockScroll::-webkit-scrollbar { height: 1.06667vw; }
  .innerBlockScroll::-webkit-scrollbar-track { background: #F1F1F1; }
  .innerBlockScroll::-webkit-scrollbar-thumb { background: #BCBCBC; } }

.tblMod01 { margin: 30px 0 0; }

@media screen and (max-width: 767px) { .tblMod01 { width: 175.2vw; margin: 6.66667vw 0 0; font-size: 2.13333vw; } }

.tblMod01 th, .tblMod01 td { padding: 15px 5px; }

@media screen and (max-width: 767px) { .tblMod01 th, .tblMod01 td { padding: 0.66667vw; } }

.tblMod01 th { text-align: center; }

.tblMod01 th.name, .tblMod01 th.number { width: 65px; }

@media screen and (max-width: 767px) { .tblMod01 th.name, .tblMod01 th.number { min-width: 8.66667vw; } }

.tblMod01 th.image { width: 78px; }

@media screen and (max-width: 767px) { .tblMod01 th.image { width: 10.4vw; } }

.tblMod01 th.model { word-break: break-all; width: 5%; }

@media screen and (max-width: 767px) { .tblMod01 th.model { width: 8%; } }

.tblMod01 td.image { padding: 15px 0; }

/* @media screen and (max-width: 767px) { .tblMod01 td.image { padding: 0.66667vw 0; }
  .tblMod01 td.image img { width: 11.2vw; height: auto; } } */

.note { margin: 20px 0 0; }

@media screen and (max-width: 767px) { .note { margin: 5.33333vw 0 0; font-size: 2.93333vw; } }
/*# sourceMappingURL=index.css.map */

@media print, screen and (min-width: 768px) { #contents .headSection .leftArea { /* width: auto !important; */ margin-top: 30px !important} }

@media screen and (max-width: 767px){ #contents .headSection h1 a { color: #000!important;} }

#contents .headSection .rightArea {width: 45%;}

@media screen and (max-width: 767px) { #contents .headSection .rightArea { width: 100%;} }

/* 20250924 add */
@media screen and (max-width: 767px) { #contents .headSection .leftArea { text-align: center; } #contents .headSection .leftArea .large { display: block; }}
.tblMod01 th,.tblMod01 td { vertical-align: middle; }
.tblMod01 td.image { width: 89px; }
@media screen and (max-width: 767px) {.tblMod01 td.image { min-width: 45px; }}
