/* ===================================================================
  use second
=================================================================== */
/* ===================================================================
  _mixin.css
=================================================================== */
html { font-size: 10px; }
.text-anime { color: #ffffff; text-align: center; font-weight: 600; }
.text-anime span { opacity: 0; -webkit-transition: all, 550ms; -moz-transition: all, 550ms; transition: all, 550ms; -webkit-filter: blurunquote("(25px)"); filter: blurunquote("(25px)"); -webkit-transform: translateZunquote("(0)"); -moz-transform: translateZunquote("(0)"); -ms-transform: translateZunquote("(0)"); transform: translateZunquote("(0)"); }
.text-anime span:nth-child(22) { -webkit-transition-delay: 770ms; -moz-transition-delay: 770ms; transition-delay: 770ms; }
.text-anime span:nth-child(21) { -webkit-transition-delay: 735ms; -moz-transition-delay: 735ms; transition-delay: 735ms; }
.text-anime span:nth-child(20) { -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; transition-delay: 700ms; }
.text-anime span:nth-child(19) { -webkit-transition-delay: 665ms; -moz-transition-delay: 665ms; transition-delay: 665ms; }
.text-anime span:nth-child(18) { -webkit-transition-delay: 630ms; -moz-transition-delay: 630ms; transition-delay: 630ms; }
.text-anime span:nth-child(17) { -webkit-transition-delay: 595ms; -moz-transition-delay: 595ms; transition-delay: 595ms; }
.text-anime span:nth-child(16) { -webkit-transition-delay: 560ms; -moz-transition-delay: 560ms; transition-delay: 560ms; }
.text-anime span:nth-child(15) { -webkit-transition-delay: 525ms; -moz-transition-delay: 525ms; transition-delay: 525ms; }
.text-anime span:nth-child(14) { -webkit-transition-delay: 490ms; -moz-transition-delay: 490ms; transition-delay: 490ms; }
.text-anime span:nth-child(13) { -webkit-transition-delay: 455ms; -moz-transition-delay: 455ms; transition-delay: 455ms; }
.text-anime span:nth-child(12) { -webkit-transition-delay: 420ms; -moz-transition-delay: 420ms; transition-delay: 420ms; }
.text-anime span:nth-child(11) { -webkit-transition-delay: 385ms; -moz-transition-delay: 385ms; transition-delay: 385ms; }
.text-anime span:nth-child(10) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; transition-delay: 350ms; }
.text-anime span:nth-child(9) { -webkit-transition-delay: 315ms; -moz-transition-delay: 315ms; transition-delay: 315ms; }
.text-anime span:nth-child(8) { -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; transition-delay: 280ms; }
.text-anime span:nth-child(7) { -webkit-transition-delay: 245ms; -moz-transition-delay: 245ms; transition-delay: 245ms; }
.text-anime span:nth-child(6) { -webkit-transition-delay: 210ms; -moz-transition-delay: 210ms; transition-delay: 210ms; }
.text-anime span:nth-child(5) { -webkit-transition-delay: 175ms; -moz-transition-delay: 175ms; transition-delay: 175ms; }
.text-anime span:nth-child(4) { -webkit-transition-delay: 140ms; -moz-transition-delay: 140ms; transition-delay: 140ms; }
.text-anime span:nth-child(3) { -webkit-transition-delay: 105ms; -moz-transition-delay: 105ms; transition-delay: 105ms; }
.text-anime span:nth-child(2) { -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; transition-delay: 70ms; }
.text-anime span:nth-child(1) { -webkit-transition-delay: 35ms; -moz-transition-delay: 35ms; transition-delay: 35ms; }
.text-anime.animate span { opacity: 1; -webkit-filter: blurunquote("(0px)"); filter: blurunquote("(0px)"); }
/*---------------------------------------------------------------------------*/
.contents .main { background: url(../images/main.jpg) no-repeat center center; -moz-background-size: cover; background-size: cover; text-align: center; padding: 90px 0; }
.contents .sitemap { margin: 0 auto; padding: 65px 0 80px; width: 1000px; }
.contents .sitemap > ul { display: inline-block; vertical-align: top; }
.contents .sitemap > ul > li { font-size: 1.6rem; color: #515151; padding-left: 30px; }
.contents .sitemap > ul > li a { color: #515151; text-decoration: none; }
.contents .sitemap > ul > li a:hover { text-decoration: underline; }
.contents .sitemap > ul:nth-child(1) > li { margin-bottom: 20px; }
.contents .sitemap > ul:nth-child(1) > li:nth-child(1) { background: url("../images/icon_sky.png") left 4px no-repeat; }
.contents .sitemap > ul:nth-child(1) > li:nth-child(2) { background: url("../images/icon_red.png") left 4px no-repeat; }
.contents .sitemap > ul:nth-child(1) > li ul { font-size: 0rem; }
.contents .sitemap > ul:nth-child(1) > li ul li { font-size: 1.6rem; margin-bottom: 15px; }
.contents .sitemap > ul:nth-child(1) > li ul li dl { font-size: 1.4rem; margin-top: 20px; }
.contents .sitemap > ul:nth-child(1) > li ul li dl dt { background: url(../images/icon_square.png) no-repeat left 5px; margin-bottom: 5px; padding-left: 20px; }
.contents .sitemap > ul:nth-child(1) > li ul li dl dd { margin-bottom: 5px; white-space: nowrap; text-indent: -1em; padding-left: 2em; }
.contents .sitemap > ul:nth-child(2) { margin-left: 60px; }
.contents .sitemap > ul:nth-child(2) > li { margin-bottom: 20px; }
.contents .sitemap > ul:nth-child(2) > li:nth-child(1) { background: url("../images/icon_orange.png") left 4px no-repeat; }
.contents .sitemap > ul:nth-child(2) > li:nth-child(2) { background: url("../images/icon_green.png") left 4px no-repeat; }
.contents .sitemap > ul:nth-child(2) > li:nth-child(3) { background: url("../images/icon_blue.png") left 4px no-repeat; }
.contents .sitemap > ul:nth-child(2) > li:nth-child(4) { background: url("../images/icon_purple.png") left 4px no-repeat; }
.contents .sitemap > ul:nth-child(2) > li:nth-child(5) { background: url("../images/icon_navy.png") left 4px no-repeat; }
@media screen and (max-width: 767px) { .contents .main { background: url(../images/main.jpg) no-repeat center center; -moz-background-size: cover; background-size: cover; text-align: center; padding: 30px 0; }
  .contents .main img { height: auto; width: 176px; }
  .contents .sitemap { margin: 0 auto; padding: 20px 0 25px; width: 90%; }
  .contents .sitemap > ul { display: inline-block; vertical-align: top; }
  .contents .sitemap > ul > li { font-size: 1.4rem; color: #515151; padding-left: 20px; }
  .contents .sitemap > ul > li a { color: #515151; text-decoration: none; }
  .contents .sitemap > ul > li a:hover { text-decoration: underline; }
  .contents .sitemap > ul:nth-child(1) > li { margin-bottom: 20px; }
  .contents .sitemap > ul:nth-child(1) > li:nth-child(1) { background: url("../images/icon_sky.png") left 4px no-repeat; -moz-background-size: 10px auto; background-size: 10px auto; }
  .contents .sitemap > ul:nth-child(1) > li:nth-child(2) { background: url("../images/icon_red.png") left 4px no-repeat; -moz-background-size: 10px auto; background-size: 10px auto; }
  .contents .sitemap > ul:nth-child(1) > li ul { font-size: 0rem; }
  .contents .sitemap > ul:nth-child(1) > li ul li { font-size: 1.4rem; margin-bottom: 15px; }
  .contents .sitemap > ul:nth-child(1) > li ul li dl { font-size: 1.2rem; margin-top: 20px; }
  .contents .sitemap > ul:nth-child(1) > li ul li dl dt { background: url(../images/icon_square.png) no-repeat left 4px; -moz-background-size: 7px auto; background-size: 7px auto; margin-bottom: 5px; padding-left: 15px; }
  .contents .sitemap > ul:nth-child(1) > li ul li dl dd { margin-bottom: 5px; white-space: nowrap; text-indent: -1em; padding-left: 2em; }
  .contents .sitemap > ul:nth-child(2) { margin-left: 0; }
  .contents .sitemap > ul:nth-child(2) > li { margin-bottom: 20px; }
  .contents .sitemap > ul:nth-child(2) > li:nth-child(1) { background: url("../images/icon_orange.png") left 4px no-repeat; -moz-background-size: 10px auto; background-size: 10px auto; }
  .contents .sitemap > ul:nth-child(2) > li:nth-child(2) { background: url("../images/icon_green.png") left 4px no-repeat; -moz-background-size: 10px auto; background-size: 10px auto; }
  .contents .sitemap > ul:nth-child(2) > li:nth-child(3) { background: url("../images/icon_blue.png") left 4px no-repeat; -moz-background-size: 10px auto; background-size: 10px auto; }
  .contents .sitemap > ul:nth-child(2) > li:nth-child(4) { background: url("../images/icon_purple.png") left 4px no-repeat; -moz-background-size: 10px auto; background-size: 10px auto; }
  .contents .sitemap > ul:nth-child(2) > li:nth-child(5) { background: url("../images/icon_navy.png") left 4px no-repeat; -moz-background-size: 10px auto; background-size: 10px auto; } }