@charset "utf-8";
body {
    margin: 0;
    padding: 0;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div {
    margin: 0;
    padding: 0;
}

ul, ul li, ol, ol li {
    list-style: none;
}

table {
    margin: 0;
    padding: 0;
    border-spacing: 0;
}

img, a img {
    vertical-align: middle;
}

a, img {
    border: none;
    outline: none;
}

hr.separation {
    display: none;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
body {
    -webkit-text-size-adjust: none;
}

body {
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', Meiryo, Arial, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 16px;
    background: #F6F6F6;
}

body, th, td, p {
    color: #444;
    line-height: 200%;
    text-align: left;
}

/* GC01: legacy UI font-size compatibility */
.font-compat {
    font-size: 12px;
}


a {
    color: #00A89A;
}

a:hover {
    color: #009246;
}

h1 {
}

h2 {
    color: #606161;
    font-size: 10px;
    font-weight: normal;
}

h2,
h4 {
    margin-bottom: 10px;
}

h3 {
    color: #000;
    font-size: 30px;
    font-weight: normal;
}

h4 {
    color: #606161;
    font-size: 16px;
}

h5 {
    color: #009246;
    font-size: 16px;
}

hr {
    border: 1px solid #D7D7D7;
    height: 1px;
    border-width: 1px 0px 0px 0px;
}

/* css sprite commons
-------------------------------------------------------------------------------------------------------------------*/
.imgs span, .imgs a {
    background: url('/img/common/headerfooter.png') no-repeat;
    display: block;
    text-indent: -99999px;
}

.txts span {
    background: url('/img/common/txts.png') no-repeat;
    display: block;
    text-indent: -99999px;
}

.companycatch span {
    background-position: -0px -0px;
    width: 480px;
    height: 40px;
}

.buttons span, .buttons a {
    background: url('/img/common/buttons.png') no-repeat;
    display: block;
    text-indent: -99999px;
}

/* header
-------------------------------------------------------------------------------------------------------------------*/
#header {
    width: 100%;
    min-width: 980px;
    height: 140px;
    background: #fff;
    border-top: 4px solid #009246;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

#header .Container {
    width: 960px;
    height: 135px;
    margin: 0 auto;
    position: relative;
}

#header .headerSummary {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

#header .siteHeaderMain {
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .logo {
    position: static;
}

#header .logo a {
    background-position: -0px -0px;
    width: 240px;
    height: 30px;
}

/* #4008: header logo home tooltip */
#header .logo a { position: relative; transition: opacity .3s ease-in-out; }
#header .logo a:hover, #header .logo a:focus-visible { opacity: .5; }
#header .logo a::after { content: "ホーム(お知らせ)"; position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); padding: 5px 9px; border-radius: 4px; background: rgba(35,35,35,.92); color: #fff; font-size: 12px; font-weight: 400; line-height: 1.4; text-indent: 0; white-space: nowrap; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity .18s ease, visibility .18s ease; z-index: 10; }
#header .logo a:hover::after, #header .logo a:focus-visible::after { opacity: 1; visibility: visible; }
@media (prefers-reduced-motion: reduce) { #header .logo a, #header .logo a::after { transition: none; } }

#header .siteHeaderContact {
    display: flex;
    align-items: center;
    gap: 18px;
}

#header .tel {
    position: absolute;
    right: 240px;
}

#header .contact {
    position: absolute;
    right: 0;
    top: 0;
}

#header .tel span {
    background-position: -0px -50px;
    width: 155px;
    height: 40px;
}

#header .contact a {
    background: #009246;
    width: 220px;
    height: 65px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 65px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}

#header ul {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 42px;
    display: flex;
    align-items: stretch;
}

#header ul li {
    float: none;
    display: flex;
    align-items: center;
    margin-top: 6px;
    padding: 0 8px;
}

#header ul li + li::before {
    content: "｜";
    margin-right: 8px;
    color: #bbb;
    font-size: 11px;
    font-weight: bold;
}

#header ul li a {
    display: flex;
    height: 41px;
    align-items: center;
    justify-content: center;
    color: #444;
    font-size: 12px;
    font-weight: 900 !important;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    white-space: nowrap;
}

#header ul li.n01 a { width: 60px; }
#header ul li.n02 a { width: 50px; }
#header ul li.n03 a { width: 62px; }
#header ul li.n04 a { width: 35px; }
#header ul li.n05 a { width: 90px; }
#header ul li.n06 a { width: 45px; }
#header ul li.n07 a { width: 55px; }
#header ul li.n08 a { width: 55px; }
#header ul li.n09 a { width: 55px; }
#header ul li.n10 a { width: 40px; }
#header ul li.n11 a { width: 72px; }
#header ul li.n12 a { width: 62px; }
#header ul li.n13 a { width: 55px; }

#header ul li a:hover,
#header ul li a:focus {
    color: #009246;
}

#header ul li.current a {
    color: #009246;
}

#header ul li a:active {
    position: relative;
    top: 1px;
    color: #009246;
}

#path, #path a {
    color: #444;
}

#path {
    background: #E6E6E6;
    width: 100%;
    height: 29px;
    border-bottom: 1px solid #fff;
}

#path ul {
    width: 960px;
    padding: 3px 0;
    margin: 0 auto;
    font-size: 10px;
    line-height: 20px;
}

#path ul li {
    display: inline;
    padding: 5px 0;
}

#path ul li + li {
    background: url('/img/common/path.png') left center no-repeat;
    padding-left: 20px;
}


/* mainContainer
-------------------------------------------------------------------------------------------------------------------*/
#mainContainer {
    width: 960px;
    min-height: 400px;
    margin: 30px auto;
}

#Single {
    width: 960px;
    position: relative;
}

#Single .title {
    background: url('/img/common/bg_single_top.png') no-repeat;
    min-height: 50px;
    padding: 65px 30px 0 30px;
}

#Single .title h1 {
    color: #000;
    font-size: 30px;
    font-weight: normal;
}

#Single .bottom {
    background: url('/img/common/bg_single_bottom.png') no-repeat;
    height: 30px;
}

#Single .main {
    background: url('/img/common/bg_single_body.png') repeat-y;
    min-height: 300px;
    padding: 0 50px 50px 50px !important;
}

#Single .main h4 {
    background: url('/img/common/h4.png') left center no-repeat;
    padding: 0 0 0 40px;
    position: relative;
    left: -46px;
}

#Single ul.clips {
    position: absolute;
    right: 50px;
    top: 1px;
    font-size: 16px;
}

#Single ul.clips li {
    float: left;
    margin: 0 5px 0 0;
}

#Single ul.clips li a {
    background-position: -0px -0px;
    height: 35px;
    padding: 15px 20px 0 20px;
    color: #fff;
    text-indent: 0;
    text-decoration: none;
}

#Single ul.clips li a:hover {
    background-position: -0px -50px;
    padding: 19px 20px 0 20px;
}


/* footer
-------------------------------------------------------------------------------------------------------------------*/
#footer {
    width: 100%;
    min-width: 980px;
    border-top: 5px solid #009246;
    background: #fff;
}

#footer .Container {
    width: 960px;
    min-height: 340px;
    margin: 0 auto;
    position: relative;
}

#footer .pagetop {
    float: right;
    display: block;
    margin-bottom: 20px;
}

#footer .pagetop a {
    background-position: -0px -500px;
    width: 167px;
    height: 41px;
}

#footer .pagetop a:hover {
    background-position: -200px -500px;
}

#footer .pagetop a:active {
    background-position: -400px -500px;
}

#footer dl {
    width: 180px;
    margin: 0 0 0 10px;
    float: left;
    display: block;
}

#footer dl dt {
    color: #009246;
}

#footer dl dd a {
    display: block;
    background: url('/img/common/arrow.png') left top no-repeat;
    padding: 0 0 0 20px;
    font-size: 11px;
    line-height: 20px;
    margin: 4px 0;
    text-decoration: none;
    color: #444;
}

#footer dl dd a:hover {
    color: #009246;
    background: url('/img/common/arrow.png') 2px top no-repeat;
}

#footer .cominfo {
    display: block;
    width: 100%;
    min-height: 230px;
    padding-top: 30px;
    line-height: 20px;
    clear: both;
    margin: 30px 0 45px 0;
    position: relative;
}

#footer .cominfo .comname {
    float: right;
}

#footer .comname span {
    background-position: -400px -0px;
    width: 180px;
    height: 25px;
    margin: 0 0 10px 0;
}

#footer .cominfo em {
    font-size: 10px;
    font-style: normal;
    color: #949494;
}

#footer .cominfo > .banner {
    position: absolute;
    left: 10px;
    top: 30px;
}

#footer .banner .ds {
    text-align: center;
    margin-bottom: 0.3rem;
}

#footer .banner .ds a {
    display: inline-block;
    margin: 0 auto;
}

#footer .banner .ds a img {
    width: 180px;
}

#footer .list {
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: -136px;
    background: url('/img/common/list_bg.png') left top repeat-x;
    z-index: 2;
}

#footer .list > div:first-child {
    width: 950px;
    height: 31px;
    padding: 11px 0px 0px 10px;
    cursor: pointer;
    margin: 0 auto;
}

#footer .list > div:first-child img {
    display: block;
    float: left;
}

#footer .list > div:first-child p {
    color: #ffffff;
    float: right;
}

#footer .listBody {
    width: 100%;
    min-height: 125px;
    background: #fff;
}

#footer .list .images {
    width: 980px;
    clear: both;
    padding: 11px 0px 11px 0px;
}

#footer .list .images > div * {
    float: left;
    display: block;
}

#footer .list .images > div > div {
    width: 688px;
    height: 114px;
    overflow: hidden;
}

#footer .list .images > div > img {
    cursor: pointer;
    margin: 7px 0px 0px 0px;
}

#footer .list .images .listButton {
    margin: 7px 0px 0px 15px;
}

#footer .list .images a {
    width: 90px;
    position: relative;
    float: left;
    margin: 0px 0px 0px 20px;
}

#footer .list #selectedItemsContainer a img {
    width: 80px;
    height: 80px;
    padding: 0px 5px 0px 5px;
}

#footer .list #selectedItemsContainer a img.delete {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0px;
    top: 55px;
}

#footer .list .images a p {
    width: 100%;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    margin: 5px 0px 0px 0px;
}

#footer .list #selectedItemsList .balloon {
    width: 130px;
    position: fixed;
    bottom: 120px;
    display: none;
}

#footer .list .balloon .mid {
    width: 130px;
    background: url(/img/cover/balloon_mid.png) repeat-y left top;
}

#footer .list .balloon .before {
    width: 130px;
    height: 5px;
    background: url(/img/cover/balloon_top.png) no-repeat left top;
}

#footer .list .balloon .after {
    width: 130px;
    height: 17px;
    background: url(/img/cover/balloon_bottom.png) no-repeat left top;
}

/* 検索
-------------------------------------------------------------------------------------------------------------------*/
.selectType img {
    cursor: pointer;
}

.totalnum {
    padding: 0 0 20px 0;
}

ul.numbers {
    float: right;
    background: url('/img/common/numbers.png') -0px -0px no-repeat;
    height: 15px;
    padding: 20px 0 0 0;
    margin: 20px 30px 0 0;
}

ul.numbers li {
    display: block;
    float: left;
    background: url('/img/common/numbers.png') no-repeat;
    width: 30px;
    height: 40px;
    text-indent: -9999px;
}

ul.numbers li.numS {
    background: none;
    width: 25px;
}

ul.numbers li.num0 {
    background-position: -1px -40px;
    width: 25px;
}

ul.numbers li.num1 {
    background-position: -2px -80px;
    width: 24px;
}

ul.numbers li.num2 {
    background-position: 0px -120px;
    width: 27px;
}

ul.numbers li.num3 {
    background-position: -1px -160px;
    width: 25px;
}

ul.numbers li.num4 {
    background-position: -1px -200px;
    width: 26px;
}

ul.numbers li.num5 {
    background-position: -1px -240px;
    width: 25px;
}

ul.numbers li.num6 {
    background-position: -1px -280px;
    width: 26px;
}

ul.numbers li.num7 {
    background-position: -2px -320px;
    width: 24px;
}

ul.numbers li.num8 {
    background-position: -2px -360px;
    width: 24px;
}

ul.numbers li.num9 {
    background-position: -1px -400px;
    width: 26px;
}

.totalnum .buttonbox {
    float: right;
    width: 150px;
}

.totalnum .buttonbox img {
    cursor: pointer;
    margin: 3px 0;
}

/* 物件
-------------------------------------------------------------------------------------------------------------------*/
table.DetailList {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 20px 0;
}

table.DetailList th,
table.DetailList td {
    padding: 2px 7px;
    font-weight: normal;
    border-top: 1px solid #fff;
}

table.DetailList td {
    font-size: 14px;
    line-height: 18px;
    width: 75%;
}

table.DetailList td.odd {
    background: #F6F4F4;
}

table.DetailList th {
    font-size: 12px;
    white-space: nowrap;
    padding-right: 10px;
}

table.DetailList th.odd {
    background: #F6F4F4 url('/img/common/DetailListTh.png') right center no-repeat;
}

table.DetailList th.even {
    background: #fff url('/img/common/DetailListTh.png') right center no-repeat;
}


/* 倉庫物件
-------------------------------------------------------------------------------------------------------------------*/
.WorehouseFloor {
    float: right;
}

.WorehouseFloor > h5 {
    font-size: 14px;
    color: #444444;
}

.WorehouseFloor table {
    border-collapse: collapse;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.WorehouseFloor table th,
.WorehouseFloor table td {
    padding: 2px 7px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.WorehouseFloor table thead th {
    background: #FFEF01;
    font-weight: normal;
    text-align: center;
}

.WorehouseFloor table tbody {
    font-size: 14px;
    line-height: 18px;
}

.WorehouseFloor table tbody tr.even {
    background: #F6F4F4;
}

.WorehouseFloor table tr > td + td + td,
.WorehouseFloor table tr > td + td + td + td {
    text-align: right;
}

.WorehouseFloor table tr > td + td {
    text-align: left;
}

/* 移転マニュアル
-------------------------------------------------------------------------------------------------------------------*/
.timeline {
    background: url('/img/manual/timeline.png') no-repeat;
    width: 860px;
    padding: 50px 0 0 0;
    position: relative;
}

.timeline ul li,
.timeline2 ul li {
    position: absolute;
    font-size: 11px;
}

/* GC01 PC visual pass: keep legacy timeline geometry, raise only warehouse timeline readability */
.manual-warehouse-page .timeline2 ul li {
    font-size: 12px;
}

.timeline hr {
    background: url('/img/manual/timeline_hr.png') no-repeat;
    border: 0px solid #fff;
    border-width: 0px 0px 0px 0px;
    height: 6px;
}

.timeline2 {
    background: url('/img/manual/timeline2.png') no-repeat;
    width: 860px;
    padding: 60px 0 0 0;
    position: relative;
}

.timeline2 hr {
    background: url('/img/manual/timeline_hr2.png') no-repeat;
    border: 0px solid #fff;
    border-width: 0px 0px 0px 0px;
    height: 6px;
}

.timeline2 .linkarea {
    border: 2px solid #CE2B37;
    position: absolute;
    left: 151px;
    top: 148px;
    width: 160px;
    height: 118px;
}

.timeline2 .linkarea .manuallink {
    position: absolute;
    left: 163px;
    top: 40px;
}

.buttons.manuallink a {
    background-position: -0px -550px;
    width: 210px;
    height: 60px;
}

.buttons.schedule_01 span {
    background-position: -0px -150px;
    width: 265px;
    height: 80px;
}

.buttons.schedule_02 span {
    background-position: -0px -230px;
    width: 265px;
    height: 80px;
}

.buttons.schedule_03 span {
    background-position: -0px -310px;
    width: 265px;
    height: 80px;
}

.buttons.schedule_04 span {
    background-position: -0px -390px;
    width: 265px;
    height: 80px;
}

.buttons.schedule_05 span {
    background-position: -0px -470px;
    width: 265px;
    height: 80px;
}

.buttons.schedule_01 span:hover {
    background-position: -500px -150px;
    width: 265px;
    height: 80px;
}

.buttons.schedule_02 span:hover {
    background-position: -500px -230px;
    width: 265px;
    height: 80px;
}

.buttons.schedule_03 span:hover {
    background-position: -500px -310px;
    width: 265px;
    height: 80px;
}

.buttons.schedule_04 span:hover {
    background-position: -500px -390px;
    width: 265px;
    height: 80px;
}

.buttons.schedule_05 span:hover {
    background-position: -500px -470px;
    width: 265px;
    height: 80px;
}

.accordion.schedule {
    border-left: 5px solid #009246;
    padding: 0 0 10px 0;
}

.accordion_head {
    cursor: pointer;
}

.accordion.schedule .accordion_body {
    padding: 10px 40px;
}


/* 用語集
-------------------------------------------------------------------------------------------------------------------*/
#Termlist {
    float: left;
    display: block;
    width: 150px;
}

#Termlist ul {
    padding: 30px 0;
}

#Termlist ul li a {
    background: url('/img/common/arrow.png') left center no-repeat;
    padding: 0 0 0 20px;
}

#Termlist ul li a:hover {
    background: url('/img/common/arrow.png') 3px center no-repeat;
}

#Termlist a.scrollFixIt {
    background: #009246;
    color: #fff;
    padding: 2px 5px;
    left: 0px;
}

#Termlist a.scrollFixIt:hover {
    background: #5DB308;
}

#glossary {
    float: right;
    display: block;
    width: 650px;
}

#glossary h5 {
    display: block;
    position: relative;
    padding: 15px 0 0 0;
}

#glossary h5 p {
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    left: 0px;
    top: 0;
    color: #009246;
}

#glossary ul {
    margin: 0 10px;
}

#glossary ul.list li {
    float: left;
    width: 190px;
}


/* 資料請求
-------------------------------------------------------------------------------------------------------------------*/
ul.continue {
    background: url('/img/request/continue.png') no-repeat;
    width: 860px;
    padding-top: 30px;
    text-align: center;
    margin: 20px 0 40px 0;
}

ul.continue li {
    display: inline;
}

.t_request {
    background: url('/img/common/icon_favlist.png') no-repeat;
    padding: 0 0 0 25px;
    font-size: 14px;
}

.requestflow01,
.requestflow02,
.requestflow03 {
    background: url('/img/request/flow.png') no-repeat;
    width: 460px;
    height: 60px;
    text-indent: -9999px;
    margin: 30px auto;
}

.requestflow01 {
    background-position: -0px -0px;
}

.requestflow02 {
    background-position: -0px -100px;
}

.requestflow03 {
    background-position: -0px -200px;
}

.confirmtxt {
    background: #F7F7F7;
    min-height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-indent: 8px;
}

.list100 h5 {
    color: #000;
    font-size: 18px;
}

/* form
-------------------------------------------------------------------------------------------------------------------*/
select {
    display: inline;
    vertical-align: baseline;
}

input[type="checkbox"], input[type="radio"] {
    display: inline;
    vertical-align: middle;
    margin-right: 2px;
}

label {
    margin-right: 10px;
}

input.ipt, input.ipt_e, textarea {
    color: #000000;
    border: 1px solid #C3C3C3;
    background: #F7F7F7;
    padding: 6px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.7) 1px 1px 0, inset rgba(000, 000, 000, 0.1) 1px 1px 3px;
    -moz-box-shadow: rgba(255, 255, 255, 0.7) 1px 1px 0, inset rgba(000, 000, 000, 0.1) 1px 1px 3px;
    box-shadow: rgba(255, 255, 255, 0.7) 1px 1px 0, inset rgba(000, 000, 000, 0.1) 1px 1px 3px;
}

select {
    color: #000000;
    border: 1px solid #C3C3C3;
    background: #F7F7F7 url('/img/common/select_bg.png') right center no-repeat;
    padding: 4px 20px 4px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select, x:-moz-any-link, x:default {
    padding: 4px 3px 4px 8px;
}

/* firefox hack */
select {
    padding /*\**/: 4px 3px 4px 8px \9;
}

/* ie hack */

input.button {
    color: #fff;
    background: #009246;
    border: none;
    padding: 6px 20px;
    min-height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 0px;
    vertical-align: middle;
    cursor: pointer;
}

input.button:hover {
    background: #5DB308;
}

input.button:active {
    background: #5DB308;
    position: relative;
    left: 1px;
    top: 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
}

.inputerror {
    position: relative;
    font-size: 11px;
    background: #E64C42;
    color: #fff;
    padding: 2px 5px;
    width: 96%;
    margin: 0 0 3px 0;
}

.inputerror:after {
    position: absolute;
    left: 20px;
    bottom: -6px;
    background: url('/img/common/errorballoon.png');
    width: 8px;
    height: 6px;
    content: "";
}

/* table
-------------------------------------------------------------------------------------------------------------------*/
table.list {
    border-collapse: collapse;
}

table.list th, table.list td {
    padding: 5px 10px;
    border: 1px solid #ddd;
}

table.list th {
    background: #F2F2F2;
}

table.ListTable thead th,
table.ListTable .thead th {
    color: #fff;
    background: #A7A7A7;
    border-top: 1px solid #A7A7A7;
    border-left: 1px solid #868686;
    border-right: 1px solid #868686;
    border-bottom: 3px solid #868686;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
}

table.ListTable td {
    padding: 3px;
}

table.ListTable .buttonsLM ul input:first-child {
    line-height: 32px;
}

table.ListTable .buttonsLM ul input {
    vertical-align: middle;
}

.buttonsLM ul button {
    border: 0;
    background: transparent;
    color: #00A89A;
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-align: left;
}

.buttonsLM ul button:hover {
    color: #009246;
}


/* common
-------------------------------------------------------------------------------------------------------------------*/
ul.number, ul.number li {
    list-style: decimal;
}

ul.number {
    padding: 0 0 0 25px;
}

ul.list li, li.list {
    background: url('/img/common/list.png') left top no-repeat;
    padding: 0 0 0 10px;
    line-height: 24px;
}

li.list01 {
    background: url('/img/common/list01.png') left top no-repeat;
    padding: 4px 0 0 13px;
    line-height: 18px;
}

li.list02 {
    background: url('/img/common/list02.png') left top no-repeat;
    padding: 4px 0 0 13px;
    line-height: 18px;
}

li.list03 {
    background: url('/img/common/list03.png') left top no-repeat;
    padding: 4px 0 0 13px;
    line-height: 18px;
}

li.list04 {
    background: url('/img/common/list04.png') left top no-repeat;
    padding: 4px 0 0 13px;
    line-height: 18px;
}

ul.ullist li {
    background: url('/img/common/list.png') left top no-repeat;
    padding: 0 0 0 10px;
    line-height: 24px;
}

.subtitle {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 20px 0;
}

.MessContainer {
    border: 1px solid #E6E6E6;
    background: #fff;
    padding: 10px;
}

.ListContainer {
    border: 1px solid #E1E1BC;
    background: #FEFEF1;
    padding: 10px;
}

.ListContainer h5 {
    font-size: 14px !important;
}

.DotlineContainer01 {
    border: 1px dotted #ddd;
    padding: 10px;
}

.DotlineContainer02 {
    border: 2px dotted #ddd;
    padding: 10px;
}

.DotlineContainer03 {
    border: 3px dotted #ddd;
    padding: 10px;
}

.FrameContainer {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.FrameContainer iframe {
    height: 1200px;
}

.box {
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 2px 3px #DADADA;
    -webkit-box-shadow: 0px 2px 3px #DADADA;
    box-shadow: 0px 2px 3px #DADADA;
    padding: 15px 15px 15px 15px;
}

.box1 {
    width: 812px;
    position: relative;
    background: url('/img/common/box1_bg_middle.png') repeat-y left top;
    margin: 5px auto;
    padding: 15px 22px 6px 22px;
}

.box1:before {
    width: 856px;
    height: 5px;
    content: " ";
    position: absolute;
    left: 0px;
    top: -5px;
    background-image: url('/img/common/box1_bg_top.png');
}

.box1:after {
    width: 856px;
    height: 7px;
    content: " ";
    position: absolute;
    left: 0px;
    bottom: -7px;
    background-image: url('/img/common/box1_bg_bottom.png');
}

.box1 .MessContainer {
    margin: 10px 20px;
}

.headererror {
    background: url('/img/common/errorbg.png') left top no-repeat;
    border: 1px solid #F6F6F6;
    padding: 50px 20px 20px 60px;
    width: 420px;
    position: fixed;
    left: 50%;
    top: 0;
    margin: -20px 0 0 -250px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: rgba(000, 000, 000, 0.2) 6px 6px 6px;
    -moz-box-shadow: rgba(000, 000, 000, 0.2) 6px 6px 6px;
    box-shadow: rgba(000, 000, 000, 0.2) 6px 6px 6px;
}

.headererror h5 {
    color: #E93C3B;
    font-size: 14px;
    margin-bottom: 10px;
}

.headererror .errorClose {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.headererror .errorClose img {
    cursor: pointer;
}

.tbl01 {
    border-spacing: 20px;
}

.tbl01 th {
    padding: 5px 10px 5px 0;
    vertical-align: top;
    white-space: nowrap;
}

.tbl01 td {
    padding: 5px 0 5px 20px;
}

.tbl01 td {
    border-left: 1px dotted #ACACAC;
}

.tbl01 ul li {
    background: url('/img/common/list.png') left top no-repeat;
    padding: 0 0 0 10px;
}

.tbl01 ul.Column3 li {
    float: left;
    width: 225px;
    font-size: 11px;
    color: #5E5E5E;
}

.tbl02 {
    border-spacing: 20px;
}

.tbl02 th {
    padding: 5px 10px 5px 0;
    vertical-align: top;
    white-space: nowrap;
    border-right: 1px dotted #ACACAC;
}

.tbl02 td {
    padding: 0px;
    vertical-align: bottom;
}

.tbl02 ul li {
    background: url('/img/common/list.png') left top no-repeat;
    padding: 0 0 0 10px;
}

.tbl02 ul.Column3 li {
    float: left;
    width: 225px;
    font-size: 11px;
    color: #5E5E5E;
}

.fe {
    font-family: arial;
}

.fb {
    font-weight: bold;
}

.f10 {
    font-size: 10px;
}

.f11 {
    font-size: 11px;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f19 {
    font-size: 19px;
}

.f20 {
    font-size: 20px;
}

.f21 {
    font-size: 21px;
}

.f22 {
    font-size: 22px;
}

.f23 {
    font-size: 23px;
}

.f24 {
    font-size: 24px;
}

.f25 {
    font-size: 25px;
}

.f26 {
    font-size: 26px;
}

.f27 {
    font-size: 27px;
}

.f28 {
    font-size: 28px;
}

.f29 {
    font-size: 29px;
}

.f30 {
    font-size: 30px;
}

.fc01 {
    color: #009246;
}

.fc02 {
    color: #CE2B37;
}

.fc03 {
    color: #2BA2CE;
}

.fc04 {
    color: #E93C3B;
}

.fc {
    text-align: center;
}

.fl {
    text-align: left;
}

.fr {
    text-align: right;
}

.ft {
    vertical-align: top;
}

.img-l {
    float: left;
    margin: 0 10px 0 0;
}

.img-r {
    float: right;
    margin: 0 0 0 10px;
}

.clear {
    clear: both;
}

.cnt {
    margin: 0 auto;
}

.pd10 {
    padding: 10px;
}

.pd20 {
    padding: 20px;
}

.mg10 {
    margin: 10px;
}

.mgtb10 {
    margin: 10px 0;
}

.mg20 {
    margin: 20px;
}

.mgtb20 {
    margin: 20px 0;
}

img.round {
    -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, .8), inset 0 2px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, .8), inset 0 2px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(0, 0, 0, .4);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, .8), inset 0 2px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(0, 0, 0, .4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.p404 p {
    margin-bottom: 20px;
}


/* +210123 ------------------------------------------------------- */
.-v210123 .button {
    color: #fff;
    background: #009246;
    border: none;
    padding: 6px 20px;
    min-height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 0px;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
}
.-v210123 a.button {
    padding: 0.8rem 1.4rem;
}

.-v210123 .button:hover {
    background: #5DB308;
}

.-v210123 .button:active {
    background: #5DB308;
    position: relative;
    left: 1px;
    top: 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
}

.grecaptcha-badge {
    z-index: 9999;
    bottom: 46px !important;
}


/* GC01 2026-10-05: compact cross-page "why Verdy" entry */
.why-verdy-link { margin: 24px 0; padding: 0; }
.why-verdy-link a {
    position: relative; display: block; padding: 13px 44px 13px 15px;
    border: 1px solid #d7e3da; border-left: 4px solid #009246;
    background: #f8fbf8; color: #444; text-decoration: none;
}
.why-verdy-link a::after {
    content: "›"; position: absolute; top: 50%; right: 14px;
    color: #009246; font-size: 24px; line-height: 1; transform: translateY(-52%);
}
.why-verdy-link-label, .why-verdy-link-note { display: block; }
.why-verdy-link-label { margin-bottom: 2px; color: #777; font-size: 11px; line-height: 1.4; }
.why-verdy-link strong { display: block; color: #006d35; font-size: 15px; font-weight: 600; line-height: 1.5; }
.why-verdy-link-note { margin-top: 3px; color: #666; font-size: 12px; line-height: 1.55; }
.why-verdy-link a:hover, .why-verdy-link a:focus-visible { border-color: #009246; background: #FEFEF1; }
.why-verdy-link a:focus-visible { outline: 2px solid #009246; outline-offset: 2px; }