@charset "UTF-8";
/*------------------------------------------
   reset
   -------------------------------------------*/
/*!
 * ress.css ? v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust:100%
}

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

:after, :before {
  text-decoration: inherit;
  vertical-align:inherit
}

* {
  padding: 0;
  margin:0
}

audio:not([controls]) {
  display: none;
  height:0
}

hr {
  overflow:visible
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display:block
}

summary {
  display:list-item
}

small {
  font-size:80%
}

[hidden], template {
  display:none
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration:none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip:objects
}

a:active, code, kbd, pre, samp {
  font-family:monospace, monospace
}

b, strong {
  font-weight:bolder
}

dfn {
  font-style:italic
}

mark {
  background-color: #ff0;
  color:#000
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align:baseline
}

sub {
  bottom:-.25em
}

sup {
  top:-.5em
}

input {
  border-radius:0
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor:pointer
}

[disabled] {
  cursor:default
}

[type=number] {
  width:auto
}

[type=search] {
  -webkit-appearance:textfield
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}

textarea {
  overflow: auto;
  resize:vertical
}

button, input, optgroup, select, textarea {
  font:inherit
}

optgroup {
  font-weight:700
}

button {
  overflow:visible
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: 0;
  padding:0
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline:1px dotted ButtonText
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance:button
}

button, select {
  text-transform:none
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color:inherit
}

select {
  -moz-appearance: none;
  -webkit-appearance:none
}

select::-ms-expand {
  display:none
}

select::-ms-value {
  color:currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space:normal
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font:inherit
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset:-2px
}

img {
  border-style:none
}

progress {
  vertical-align:baseline
}

svg:not(:root) {
  overflow:hidden
}

audio, canvas, progress, video {
  display:inline-block
}

@media screen {
  [hidden?=screen] {
    display:inherit
  }

  [hidden?=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip:rect(0 0 0 0) !important
  }
}

[aria-busy=true] {
  cursor:progress
}

[aria-controls] {
  cursor:pointer
}

[aria-disabled] {
  cursor:default
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow:none
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}
/*reset*/

ul li {
  list-style-type: none;
}
/*------------------------------------------
   common
   -------------------------------------------*/
/*----------body----------*/

body {
  overflow: hidden;
}

#article {
  width: 100%;
}

@media (min-width: 767px) {
  #article.index .article-body {
    width: 100%;
    height: 1100px;
    background: url(../../images/bg_index.jpg) left -85px no-repeat;
  }
}
/*----------images----------*/

#article a:hover img {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
/*----------headding----------*/

.h3-01 {
  margin: 0.5em 0;
  padding: 0.3em;
  background: #fff7c2;
  border-bottom: none;
  font-size: 120%;
  text-align: center;
}

/*----------header----------*/
.local-header {
  padding: 20px 6px 0 6px;
}

.local-header h2 {
  margin: 0 0 35px 0;
  text-align: center;
}

.local-header h2 img {
  display: none;
}

.local-header h2 a {
  width: 460px;
  height: 150px;
  margin: auto;
  display: block;
/*  background: url(../images/site_title.png) center top no-repeat; */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.local-header ul
{
  margin-top:-65px;
}

/*----------nav-top----------*/
.local-nav-top.cf {
  margin: -65px 0 0 0;
}

.local-nav-top li:first-child {
  padding-left: 0px;
  float: left;
}

.local-nav-top li:first-child a {
  width: 84px;
  height: 102px;
  display: block;
  background: url(../../common/images/first-guide.png) left top no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -50px;
  margin-bottom: 50px;
}

/*----------pamphlet dl----------*/
.local-nav-bottom {
  margin: 240px 0 0 0;
}

.local-nav-bottom li:first-child {
  padding-left: 0px;
  float: left;
}

.local-nav-bottom li:last-child {
  margin-top: 30px;
  padding-right: 0px;
  float: right;
}

/*----------local-nav-main----------*/
#article.index .local-nav-main {
  height: 450px;
  z-index: 99;
}

.local-nav-main ul {
  width: 186px;
  margin-right: 9px;
  float: left;
}

.local-nav-main ul.end {
  margin-right: 0;
}

.local-nav-main ul p a {
  width: 186px;
  height: 92px;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.local-nav-main ul {
  position: relative;
}

.local-nav-main ul ol {
  padding: 20px 20px 10px 20px;
  border-radius: 0 0 6px 6px;
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 99;
}

.local-nav-main ul ol li {
  margin: 0 0 0.3em 0.5em;
  padding: 0.2em;
  background: url(../../common/images/ico_arrow01.png) right center no-repeat;
  /*border-bottom: 2px solid rgba(255, 255, 255, 0.5);*/
  font-size: 1.2em;
    font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  line-height: 1.4;
  list-style-type: decimal;
  position: relative;
}

.local-nav-main ul ol li:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: -1em;
  width: 110%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
}

.local-nav-main ul ol li:hover {
  background: url(../../common/images/ico_arrow02.png) right center no-repeat;
}

.local-nav-main ul ol li a {
  width: 80%;
  padding: 0 0 0 0.3em;
  color: #000033;
  display: block;
  font-weight: bold;
  text-decoration: none;
}

/*ul#nav-main-01*/
.local-nav-main ul#nav-main-01 p a {
  background: url(../../common/images/nav-main01.png) left top no-repeat;
}

.local-nav-main ul#nav-main-01 ol {
  background: rgba(0, 160, 64, 0.8);
  color: #fff;
}

.local-nav-main ul#nav-main-01 ol li {
/*  margin-left: 1em;*/
  color: #fff;
}

.local-nav-main ul#nav-main-01 li a {
  color: #fff;
}
/*ul#nav-main-02*/

.local-nav-main ul#nav-main-02 p a {
  background: url(../../common/images/nav-main02.png) left top no-repeat;
}

.local-nav-main ul#nav-main-02 ol {
  background: rgba(233, 82, 131, 0.8);
  color: #fff;
}

.local-nav-main ul#nav-main-02 ol li {
/*  margin-left: 1em; */
  color: #fff;
}

.local-nav-main ul#nav-main-02 li a {
  color: #fff;
}

/*ul#nav-main-03*/
.local-nav-main ul#nav-main-03 p a {
  background: url(../../common/images/nav-main03.png) left top no-repeat;
}

.local-nav-main ul#nav-main-03 ol {
  background: rgba(0, 141, 203, 0.8);
  color: #fff;
}

.local-nav-main ul#nav-main-03 ol li {
/*  margin-left: 1em;*/
  color: #fff;
}

.local-nav-main ul#nav-main-03 li a {
  color: #fff;
}

/*ul#nav-main-04*/
.local-nav-main ul#nav-main-04 p a {
  background: url(../../common/images/nav-main04.png) left top no-repeat;
}

.local-nav-main ul#nav-main-04 ol {
  background: rgba(36, 54, 134, 0.8);
  color: #fff;
}

.local-nav-main ul#nav-main-04 ol li {
/*  margin-left: 1em; */
  color: #fff;
}

.local-nav-main ul#nav-main-04 li a {
  color: #fff;
}

/*ul#nav-main-05*/
.local-nav-main ul#nav-main-05 p a {
  background: url(../../common/images/nav-main05.png) left top no-repeat;
}

.local-nav-main ul#nav-main-05 ol {
  background: rgba(166,117,176, 0.8);
}

.local-nav-main ul#nav-main-05 ol li {
/*  margin-left: 1em; */
  color: #fff;
}

.local-nav-main ul#nav-main-05 li a {
  color: #fff;
}

.local-nav-main ul#nav-main-05 ol li:after {
  color: #fff;
  /*    left: -1.5em; */
}

/*----------local-banners----------*/
.local-banners {
  width: 100%;
  padding-top: 0px;
}

.local-banners ul {
  margin-bottom: 20px;
  text-align: center;
}

.local-banners ul li {
  margin-right: 10px;
  display: inline;
}

.local-banners ul li img {
  width: 269px;
  height: auto;
}

.local-banners ul li.end {
  margin-right: 0;
}

/*-------------------------------------------
   other pages
   -------------------------------------------*/
#article.sub .article-body {
  width: 100%;
  height: auto;
  background: url(../../common/images/bg_cloud.jpg) left -50px no-repeat;
}

#article.sub .local-document {
  font-size: 1.1rem;
}

p {
  margin: 1.3em 0;
}
/*----------local-nav-main----------*/

#article.sub .local-nav-main {
  height: auto;
  z-index: 99;
}
/*ul#nav-main-01*/

#article.sub .local-nav-main ul#nav-main-01 ol {
  background: rgba(0, 160, 64, 0.8);
}
/*ul#nav-main-02*/

#article.sub .local-nav-main ul#nav-main-02 ol {
  background: rgba(233, 82, 131, 0.8);
}
/*ul#nav-main-03*/

#article.sub .local-nav-main ul#nav-main-03 ol {
  background: rgba(0, 141, 203, 0.8);
}
/*ul#nav-main-04*/

#article.sub .local-nav-main ul#nav-main-04 ol {
  background: rgba(36, 54, 134, 0.8); 
}

/*ul#nav-main-05*/

#article.sub .local-nav-main ul#nav-main-05 ol {
  background: rgba(166, 117, 176, 0.8);
}

/*----------pamphlet dl----------*/

#article.sub .local-nav-bottom {
  display: none;
}
/*----------local-document----------*/

.local-document {
  width: 100%;
  margin-top: -2px;
  padding: 1em;
}

.local-document-body {
  padding: 0.5em 0 1em 0;
  background: #fff;
  position: relative;
}

.local-document-inner {
  width: 80%;
  margin: 0 auto;
}

.local-document-inner .ul01 {
	text-align:left;
  color: #000;
}


.box01 {
  margin: 1em 0;
  padding: 1em;
  position: relative;
  border-left: 6px solid;
  border-right: 6px solid;
}

.box01 ul li {
	text-align: left;
  color: #000;
}

/*----------headding----------*/

.sub h3 {
  width: 90%;
  margin: 0.5em auto;
  padding: 0.3em 0.3em 0.1em 1em;
  font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 1.5rem;
}

h4 {
  margin: 1em 0 0.5em 0;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
}
/*----------lists----------*/

.ul01 {
  margin: 1em 0;
}

.ul01 li {
  margin-bottom: 0.5em;
  padding-left: 1.2em;
  position: relative;
}

.ul01 li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.38em;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
/*----------tables----------*/

.table01 {
  width: 100%;
  margin: 1em 0 2em 0;
  border: 1px solid #999;
  border-collapse: collapse;
}

.table01 caption {
  padding-left: 1rem;
  font-size: 1.5rem;
  text-align: left;
  position: relative;
}

.table01 caption:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 1.2rem;
  top: 25%;
  left: 0;
  background: #8ad1f5;
}

.table01 tr th {
  width: 40%;
  padding: 0.5em;
  background: #fff;
  border: 1px solid #999;
  border-collapse: collapse;
  font-size: 1.2rem;
  text-align: center;
}

.table01 tr:first-child th:first-child {
  width: 20%;
}

.table01 tr td {
  padding: 0.5em;
  background: #e5f1ff;
  border: 1px solid #999;
  border-collapse: collapse;
  text-align: center;
}

.table01 tr:last-child td {
  background: #defcff;
}

/*----------pager----------*/
.local-document-pager {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.local-document-pager li:first-child {
  margin-left: 1em;
  float: left;
}

.local-document-pager li:last-child {
  margin-right: 1em;
  float: right;
}
/*----------banners----------*/

.local-banners {
  width: 100%;
  margin: 30px 0;
}

/*----------cards----------*/
.ttl {
  margin-bottom: 0;
  /*padding-left: 1em;*/
  font-size: 1.35rem;
  font-weight: bold;
  position: relative;
}
/*.ttl:before {
   content: '';
   position: absolute;
   top: 27%;
   left: 0;
   width: 16px;
   height: 16px;
   background: #999;
   border-radius: 50%;
   }*/

ul.cards {
  width: 100%;
  margin: 1em 0 2em 0;
}

ul.cards li {
  width: 100%;
  margin-bottom: 0.5em;
  padding: 0.5em;
  border-radius: 8px;
  border: 2px solid;
}

ul.cards li p {
  margin: 0.2em;
}

ul.cards li h4 {
  margin: 0.3em 0 0.5em 0;
  padding-left: 0.5em;
  font-size: 1.4rem;
  border-left: 8px solid;
  line-height: 1;
}

ul.cards li ul {
  margin: 0;
}

ul.cards li ul li {
  margin: 0.5em 1em 0.5em 1.5em;
  padding: 0 1.5em 0 0;
  border: none;
  list-style-position: outside;
  list-style-type: disc;
  box-sizing: border-box;
}

/*red*/
ul.cards li.color-red {
  border-color: #d61616;
  background: #fff6f6;
}

ul.cards li.color-red h4 {
  color: #af0000;
}
/*pink*/

ul.cards li.color-pink {
  border-color: #f5a4b8;
  background: #fff9fa;
}

ul.cards li.color-pink h4 {
  color: #A10512;
}

/*blue*/
ul.cards li.color-blue {
  border-color: #0049a2;
  background: #eaf3ff;
}

ul.cards li.color-blue h4 {
  color: #0049a2;
}
/*aqua*/

ul.cards li.color-aqua {
  border-color: #2fc6d4;
  background: #f5feff;
}

ul.cards li.color-aqua h4 {
  color: #08545A;
}

/*green*/
ul.cards li.color-green {
  border-color: #009c42;
  background: #ecfff4;
}

ul.cards li.color-green h4 {
  color: #005021;
}

/*----------images----------*/
.image-resp {
  width: 100%;
}

.image-resp img {
  width: 100%;
}

.image-resp .pc {
  width: 100%
}

.image-resp .smart {
  display: none;
}

/*listing*/
.image-resp.listing {
  width: 100%;
  margin: auto;
}

.image-resp.listing li {
  margin-bottom: 0;
  text-align: center;
}

.image-resp.listing li img {
  width: 100%;
}

.image-resp.listing li.txt {
  margin-bottom: 1em;
}

/*image-single*/
.image-single {
  margin: 1em 0 0.5em 0;
  text-align: center;
}

.image-single img {
  width: 50%;
}

/*-------------------------------------------
   green_fg
   -------------------------------------------*/
.green_fg .local-document, .green_fg h3, .green_fg .ul01 li:before {
  background: #00A040;
  border-color: #00A040;
  color: #FFF;
}

.green_fg .box01 {
  border-color: #00A040;
  color: #FFF;
}

/*-------------------------------------------
   pink_fg
   -------------------------------------------*/
.pink_fg .local-document, .pink_fg h3, .pink_fg .ul01 li:before {
  background: #E95283;
  color: #FFF;
}

.pink_fg .box01 {
  background: #E95283;
  color: #FFF;
}

/*-------------------------------------------
   blue_fg
   -------------------------------------------*/
.blue_fg .local-document, .blue_fg h3, .blue_fg .ul01 li:before {
  background: #008DCB;
  color: #FFF;
}

.blue_fg .box01 {
  background: #008DCB;
  color: #FFF;
}


/*-------------------------------------------
   purple_fg
   -------------------------------------------*/
.purple_fg .local-document, .purple_fg h3, .purple_fg .ul01 li:before {
  background: #243686;
  color: #FFF;
}

.purple_fg .box01 {
  background: #243686;
  color: #FFF;
}



/*-------------------------------------------
   dark_purple_fg
   -------------------------------------------*/
.darkpurple_fg .local-document, .darkpurple_fg h3, .darkpurple_fg .ul01 li:before {
  background: #9D6FA7;
  color: #FFF;
}

.darkpurple_fg .box01 {
  background: #9D6FA7;
  color: #FFF;
}

/*-------------------------------------------
   brown_bk
   -------------------------------------------*/
/*--------------------*/

.brown_fg .local-document, .brown_fg h3, .brown_fg .ul01 li:before {
  background: #c88c64;
  color: #FFF;
}

.image-resp.p12 {
  width: 500px;
  margin: auto;
}

.image-resp.p12 li {
  text-align: center;
}

.image-resp.p12 li img {
  width: 100%;
}

.image-resp.p12 li.txt {
  margin-bottom: 1em;
}
/*-------------------------------------------
   ref
   -------------------------------------------*/
/*--------------------*/

.ref .local-document, .ref h3, .ref .ul01 li:before {
  background: #bd94ec;
}

/*-------------------------------------------
   guide
   -------------------------------------------*/
/*--------------------*/
.guide .local-document, .guide .ul01 li:before {
  background: #f48d9c;
  font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.guide h3 {
  background: #fff;
  color: #555;
  font-size: 2rem;
  text-align: center;
}

.guide .ul01 {
  margin-top: 0;
  padding: 1.5em 0.3em 0 0.3em;
  border-top: 2px solid #009c42;
  border-bottom: 2px solid #009c42;
}

.guide .ul01 li {
  margin-bottom: 1em;
  font-size: 1.2rem;
  color: #666;
}

.guide .ul01 li:before {
    content: "";
    position: absolute;
    top: 0.2em;
    left: 0;
    width: 0;
    height: 0;
    border-width: 0.6em;
    border-style: solid;
    border-color: transparent transparent transparent #f48d9c;
    background-color: #fff;
    border-radius: 0%;
  }


.guide .notice01 {
  margin: 2rem 0 2rem 0;
  color: #cd001f;
  font-size: 1.6rem;
  text-align: center;
}

.guide .notice02 {
  margin: 1.5rem 0 2rem 0;
  padding: 1.3rem 1rem;
  color: #006028;
  font-size: 1.7rem;
  text-align: center;
  border: 2px solid #009c42;
}

.guide .notice01 span, .guide .notice02 span {
  display: block;
}

/*-------------------------------------------
   parts
   -------------------------------------------*/
.fs85 {
  font-size: 85% !important;
}

.mt1em {
  margin-top: 1em;
}

.tc {
  text-align: center !important;
}

.tl {
  text-align: left !important;
}

.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  * zoom: 1;
}