@charset "Shift_JIS";

/*--------------------------------------------------------
  ?t??CSS?v???t?F?b?V???i???e???v???[?g???i?ݒ?
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
    border-color: #c8dcbd !important;
}

#hpb-main .hpb-parts-hl-style
{
    clear: both;
    margin-top: 0.5em !important;
    margin-bottom: 1em !important;
    padding-top: 3px !important;
    padding-left: 5px !important;
    padding-bottom: 3px !important;
    text-align: left;
    font-size: 1.3em !important;
    color: #000 !important;
    font-weight: normal;
    background-image: none !important;
	background-color: transparent !important;
    height: auto;
    line-height: normal;
    letter-spacing: normal !important;
	border-color: #c8dcbd !important;
}

.hpb-parts-cbox-style
{
	border-color: #c8dcbd !important;
}

.hpb-parts-hr-style
{
	border-color: #c8dcbd !important;
}

.hpb-parts-pbox-style
{
    background-color: #e9faf2;
    border-color: #c8dcbd;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
}
.hpb-parts-pbox-style img
{
    background-color: #e9faf2;
}

.hpb-parts-blist-style
{
    background-color: #20bc71;
    border-color: #61dba0;
}
a.hpb-parts-blist-style:link
{
    color: #fff;
}
a.hpb-parts-blist-style:visited
{
    color: #fff;
}
a.hpb-parts-blist-style:hover
{
    background-color: #4bd191;
}
a.hpb-parts-blist-style:active
{
    background-color: #4bd191;
}

/*--------------------------------------------------------
  hpbparts
--------------------------------------------------------*/
/* ????Ȃ? ?????? */
.hpb-parts-cnt-01
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ????Ȃ? ??60px */
.hpb-parts-cnt-01-060
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ????Ȃ? ??120px */
.hpb-parts-cnt-01-120
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ????Ȃ? ??180px */
.hpb-parts-cnt-01-180
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ????Ȃ? ??240px */
.hpb-parts-cnt-01-240
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ????Ȃ? ??360px */
.hpb-parts-cnt-01-360
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ???͂? ?????? */
.hpb-parts-cnt-02
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ???͂? ??60px */
.hpb-parts-cnt-02-060
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ???͂? ??120px */
.hpb-parts-cnt-02-120
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ???͂? ??180px */
.hpb-parts-cnt-02-180
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ???͂? ??240px */
.hpb-parts-cnt-02-240
{
    margin-bottom: 5px;
    padding: 5px;
}

/* ???͂? ??360px */
.hpb-parts-cnt-02-360
{
    margin-bottom: 5px;
    padding: 5px;
}

/******************************
 * ???o?? (h1-h6)
 ******************************/

/* ????Ȃ? */
.hpb-parts-hl-01
{
}

/* ???? 1 */
.hpb-parts-hl-02
{
}

/* ???? 2 (2?d??) */
.hpb-parts-hl-03
{
}

/* ???͂? 1 */
.hpb-parts-hl-04
{
    padding: 5px 0.2em 3px 5px !important;
    border-bottom-width: 1px !important;
    border-color: #ccc !important;
}

/* ???͂? 2 (2?d??) */
.hpb-parts-hl-05
{
    padding: 5px 0.2em 3px 5px !important;
    border-color: #ccc !important;
}

/* ????‚? 1 (?????t??) */
.hpb-parts-hl-06
{
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #d3d3d3 !important;
}

/* ????‚? 2 (?????t????????) */
.hpb-parts-hl-07
{
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #d3d3d3 !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: dotted !important;
}

/* ????‚? 3 (?????t???????͂?) */
.hpb-parts-hl-08
{
    padding-top: 6px !important;
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #d3d3d3 !important;
    border-top-width: 1px !important;
    border-top-color: #ccc !important;
    border-top-style: dotted !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: dotted !important;
    border-right-width: 1px !important;
    border-right-color: #ccc;
}

/******************************
 * ???͘g (div)
 ******************************/

/* ?????Ȃ? */
.hpb-parts-cbox-01
{
    margin-bottom: 5px;
}

/* ???͂? 1 (????) */
.hpb-parts-cbox-02
{
    margin-bottom: 5px;
}

/* ???͂? 2 (?_??) */
.hpb-parts-cbox-03
{
    margin-bottom: 5px;
}

/* ???͂? 3 (2?d??) */
.hpb-parts-cbox-04
{
    margin-bottom: 5px;
}

/******************************
 * ?ʐ^/?摜 (img)
 ******************************/

/* ?]???Ȃ? */
.hpb-parts-img-01
{
}

/* ?]?????? */
.hpb-parts-img-02
{
}

/* ?ʐ^?{?b?N?X ???񂹔z?u?p */
.hpb-parts-img-03
{
}

/* ?ʐ^?{?b?N?X ?E?񂹔z?u?p */
.hpb-parts-img-04
{
}

/* ?????ʐ^?{?b?N?X ???[?p */
.hpb-parts-img-05
{
}

/* ?????ʐ^?{?b?N?X 2??ڗp */
.hpb-parts-img-06
{
}

/* ?????ʐ^?{?b?N?X ???[?E2?s?ڗp */
.hpb-parts-img-07
{
}

/* ?????ʐ^?{?b?N?X 2?s?ڗp */
.hpb-parts-img-08
{
}

/******************************
 * ?????? (hr)
 ******************************/

/* ?????? 1 (?????E??) */
.hpb-parts-hr-01
{
}

/* ?????? 2 (?????E??) */
.hpb-parts-hr-02
{
}

/* ?????? 3 (?_???E??) */
.hpb-parts-hr-03
{
}

/* ?????? 4 (?_???E??) */
.hpb-parts-hr-04
{
}

/* ?????? 5 (?j???E??) */
.hpb-parts-hr-05
{
}

/* ?????? 6 (?j???E??) */
.hpb-parts-hr-06
{
}

/* ?????? 7 (2?d??) */
.hpb-parts-hr-07
{
}

/******************************
 * ?ʐ^?{?b?N?X (div)
 ******************************/

/* ????Ȃ? */
.hpb-parts-pbox-01
{
}

.hpb-parts-pbox-01 h4
{
    margin-bottom: 0.5em;
}

/* ????Ȃ? ?摜??60px */
.hpb-parts-pbox-01-060
{
}

/* ????Ȃ? ?摜??120px */
.hpb-parts-pbox-01-120
{
}

/* ????Ȃ? ?摜??180px */
.hpb-parts-pbox-01-180
{
}

/* ????Ȃ? ?摜??240px */
.hpb-parts-pbox-01-240
{
}

/* ???͂? */
.hpb-parts-pbox-02
{
}

.hpb-parts-pbox-02 h4
{
    margin-bottom: 0.5em;
}

/* ???͂? ?摜??60px */
.hpb-parts-pbox-02-060
{
}

/* ???͂? ?摜??120px */
.hpb-parts-pbox-02-120
{
}

/* ???͂? ?摜??180px */
.hpb-parts-pbox-02-180
{
}

/* ???͂? ?摜??240px */
.hpb-parts-pbox-02-240
{
}

/* ?ʐ^?{?b?N?X?p ???͗̈? */
.hpb-parts-pbox-desc
{
}

.hpb-parts-pbox-desc h4
{
    margin-bottom: 0.5em;
}

/******************************
 * ?????ʐ^?{?b?N?X (div)
 ******************************/

/* ????Ȃ? ?摜??60px ??2x?c1 */
.hpb-parts-mpbox-01-2060
{
}

/* ????Ȃ? ?摜??60px ??3x?c1 */
.hpb-parts-mpbox-01-3060
{
}

/* ????Ȃ? ?摜??60px ??4x?c1 */
.hpb-parts-mpbox-01-4060
{
}

/* ????Ȃ? ?摜??120px ??2x?c1 */
.hpb-parts-mpbox-01-2120
{
}

/* ????Ȃ? ?摜??120px ??3x?c1 */
.hpb-parts-mpbox-01-3120
{
}

/* ????Ȃ? ?摜??120px ??4x?c1 */
.hpb-parts-mpbox-01-4120
{
}

/* ????Ȃ? ?摜??180px ??2x?c1 */
.hpb-parts-mpbox-01-2180
{
}

/* ????Ȃ? ?摜??180px ??3x?c1 */
.hpb-parts-mpbox-01-3180
{
}

/* ????Ȃ? ?摜??180px ??4x?c1 */
.hpb-parts-mpbox-01-4180
{
}

/* ????Ȃ? ?摜??240px ??2x?c1 */
.hpb-parts-mpbox-01-2240
{
}

/* ????Ȃ? ?摜??240px ??3x?c1 */
.hpb-parts-mpbox-01-3240
{
}

/* ????Ȃ? ?摜??240px ??4x?c1 */
.hpb-parts-mpbox-01-4240
{
}

/* ???͂? ?摜??60px ??2x?c1 */
.hpb-parts-mpbox-02-2060
{
}

/* ???͂? ?摜??60px ??3x?c1 */
.hpb-parts-mpbox-02-3060
{
}

/* ???͂? ?摜??60px ??4x?c1 */
.hpb-parts-mpbox-02-4060
{
}

/* ???͂? ?摜??120px ??2x?c1 */
.hpb-parts-mpbox-02-2120
{
}

/* ???͂? ?摜??120px ??3x?c1 */
.hpb-parts-mpbox-02-3120
{
}

/* ???͂? ?摜??120px ??4x?c1 */
.hpb-parts-mpbox-02-4120
{
}

/* ???͂? ?摜??180px ??2x?c1 */
.hpb-parts-mpbox-02-2180
{
}

/* ???͂? ?摜??180px ??3x?c1 */
.hpb-parts-mpbox-02-3180
{
}

/* ???͂? ?摜??180px ??4x?c1 */
.hpb-parts-mpbox-02-4180
{
}

/* ???͂? ?摜??240px ??2x?c1 */
.hpb-parts-mpbox-02-2240
{
}

/* ???͂? ?摜??240px ??3x?c1 */
.hpb-parts-mpbox-02-3240
{
}

/* ???͂? ?摜??240px ??4x?c1 */
.hpb-parts-mpbox-02-4240
{
}

/******************************
 * ?o?i?[???X?g
 ******************************/

/* ?????^ 1 */
.hpb-parts-blist-01
{
}
.hpb-parts-blist-01 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-01 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-01 li a
{
    padding: 7px !important;
}

/* ?????^ 2 */
.hpb-parts-blist-02
{
}
.hpb-parts-blist-02 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-02 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-02 li a
{
    border-style: dotted;
}

/* ?????^ 3 */
.hpb-parts-blist-03
{
  
}
.hpb-parts-blist-03 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-03 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-03 li a
{
    border-left-width: 1em;
    border-right-width: 1em;
    border-right-style: solid;
    border-top-style: dotted;
    border-bottom-style: dotted;
}

/* ?摜?t?? 1 */
.hpb-parts-blist-04
{
}
.hpb-parts-blist-04 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-04 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-04 li a
{
}
.hpb-parts-blist-04 li a img
{
}

/* ?摜?t?? 2 */
.hpb-parts-blist-05
{
}
.hpb-parts-blist-05 ul
{
}
.hpb-parts-blist-05 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-05 li a
{
    border-style: dotted;
}
.hpb-parts-blist-05 li a img
{
}

/*--------------------------------------------------------
  ???[?U?[?ݒ?X?^?C??
--------------------------------------------------------*/

/* Notice alignment fix - desktop only */
@media screen and (min-width:601px){
  #toppage>table:first-of-type{
    width:730px!important;
    margin-left:-18px!important;
    margin-right:0!important;
  }
}


/* Keep notice below slideshow thumbnails */
@media screen and (min-width:601px){
  #toppage>table:first-of-type{margin-top:60px!important;}
}


/* Mobile usability fixes 2026-07-21 */
@media screen and (max-width:568px){
  #hpb-header>font{
    display:block!important;
    width:12em!important;
    max-width:100%!important;
    margin:8px 0 10px 0!important;
    padding:0 6px!important;
    box-sizing:border-box!important;
    font-size:7.5vw!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  #hpb-header>font sub{vertical-align:baseline!important;}

  #banner ul{width:100%!important;padding:0 8px!important;box-sizing:border-box!important;}
  #banner li:nth-child(-n+5)>a{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:100px!important;
    aspect-ratio:214/77!important;
    margin:0 auto 12px!important;
    background-size:100% 100%!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }

  #hpb-inner,#hpb-wrapper,#hpb-main{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #concept{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0 10px!important;}
  #concept table,#concept tbody,#concept tr{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    box-sizing:border-box!important;
  }
  #concept table{margin:0!important;border:0!important;}
  #concept td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 22px!important;
    padding:16px!important;
    box-sizing:border-box!important;
    border:1px solid #d7d7d7!important;
    font-size:16px!important;
    line-height:1.7!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  #concept td img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 auto 12px!important;
  }
}

@media screen and (max-width:568px){#hpb-header>font sub{font-size:1em!important;line-height:inherit!important;}}

@media screen and (max-width:568px){.hpb-photomotion,#hpb-slideshow1,.camera_wrap,.camera_fakehover{width:100%!important;max-width:100%!important;}body,#hpb-container{overflow-x:hidden!important;}}


/* Compact mobile homepage - latest notice only */
@media screen and (max-width:568px){
  #toppage>br,
  #toppage>p,
  #toppage-topics,
  #toppage-news,
  #toppage>#pagetop{display:none!important;}

  #toppage>table:first-of-type{
    display:table!important;
    width:calc(100% - 24px)!important;
    margin:18px 12px 12px!important;
    border:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
    box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
  }
  #toppage>table:first-of-type td{
    padding:12px 10px!important;
    border:0!important;
    background:#f3fff6!important;
    font-size:20px!important;
  }
  #toppage>p:nth-of-type(1),
  #toppage>p:nth-of-type(2){display:block!important;}
  #toppage>p:nth-of-type(1){
    margin:0 12px!important;
    padding:14px 14px 8px!important;
    text-align:center!important;
    font-size:18px!important;
    line-height:1.5!important;
    background:#fff!important;
    border-left:1px solid #dfe8e1!important;
    border-right:1px solid #dfe8e1!important;
  }
  #toppage>p:nth-of-type(1) *{font-size:inherit!important;line-height:inherit!important;}
  #toppage>p:nth-of-type(1) img{width:36px!important;height:auto!important;vertical-align:middle!important;}
  #toppage>p:nth-of-type(2){
    margin:0 12px 24px!important;
    padding:8px 16px 18px!important;
    text-align:left!important;
    font-size:16px!important;
    line-height:1.75!important;
    background:#fff!important;
    border:1px solid #dfe8e1!important;
    border-top:0!important;
    border-radius:0 0 10px 10px!important;
    box-shadow:0 3px 10px rgba(0,0,0,.08)!important;
  }
  #toppage>p:nth-of-type(2) *{font-size:inherit!important;line-height:inherit!important;}
  #toppage>p:nth-of-type(2) font:first-of-type{
    display:block!important;
    margin-bottom:8px!important;
    font-size:21px!important;
    line-height:1.45!important;
    text-align:center!important;
  }

  #banner ul{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding:10px!important;
  }
  #banner li{width:calc(50% - 5px)!important;padding:0!important;box-sizing:border-box!important;}
  #banner li:nth-child(5),#banner li:nth-child(n+6){width:100%!important;}
  #banner li:nth-child(-n+5)>a{
    height:90px!important;
    min-height:90px!important;
    aspect-ratio:auto!important;
    margin:0!important;
  }
  #banner li:nth-child(5)>a{height:100px!important;min-height:100px!important;}
}


/* Restore mobile top layout 2026-07-21 */
@media screen and (max-width:568px){
  #hpb-inner{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
  }
  #hpb-wrapper{display:contents!important;}
  #hpb-title{order:1!important;width:100%!important;}
  #hpb-nav{order:2!important;}
  #hpb-aside{order:3!important;}
  #hpb-main{order:4!important;}

  #banner ul{
    display:block!important;
    width:100%!important;
    padding:12px 8px!important;
    box-sizing:border-box!important;
  }
  #banner li,
  #banner li:nth-child(5),
  #banner li:nth-child(n+6){
    display:block!important;
    width:100%!important;
    margin:0 0 8px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  #banner li:nth-child(-n+5)>a,
  #banner li:nth-child(5)>a{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    background-size:100% 100%!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
}


/* Restore visible mobile navigation 2026-07-21 */
@media screen and (max-width:568px){
  #hpb-nav{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    padding:16px 10px 18px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  #hpb-nav h3.hpb-c-index{display:none!important;}
  #hpb-nav ul{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  #hpb-nav li{display:contents!important;}
  #hpb-nav li:last-child{display:none!important;}
  #hpb-nav li>font{display:none!important;}
  #hpb-nav li>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:62px!important;
    padding:8px 5px!important;
    box-sizing:border-box!important;
    border:1px solid #43a847!important;
    border-radius:5px!important;
    background:linear-gradient(#69ca61,#4db447)!important;
    box-shadow:0 2px 4px rgba(0,0,0,.25)!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:bold!important;
    line-height:1.25!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:normal!important;
  }
  #hpb-nav li>a img,
  #hpb-nav li>a .en{display:none!important;}
  #hpb-nav li>a .ja{display:inline!important;}
}