@charset "UTF-8";
.clear {
  clear: both; }

img {
  max-width: 100%;
  height: auto; }

a {
  outline: none;
  color: #07e; }
  a:hover {
    text-decoration: none; }

.red {
  color: #ff0000 !important; }

.base_color {
  color: #003b82 !important; }

.mB5 {
  margin-bottom: 5px !important; }

.mB10 {
  margin-bottom: 10px !important; }

html {
  width: 100%; }

body {
  font-family: Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  color: #333;
  font-size: 14px; }
  @media only screen and (min-width: 1190px) {
    body {
      font-size: 16px;
      background-image: url("../img/common/bg.png"); } }
  body.aprilfool2017 {
    background-image: url("../img/april/bg_aprilfool2017.jpg"); }
    @media only screen and (min-width: 1190px) {
      body.aprilfool2017 {
        font-size: 16px; } }

@media only screen and (min-width: 1190px) {
  #container {
    min-height: calc(100vh - 80px); } }

#header {
  width: 100%;
  background-color: #003b82; }
  #header .logo_tomytec {
    display: block;
    background-image: url("../img/common/logo_tomytec.png");
    background-size: 160px 30px;
    width: 160px;
    height: 30px; }
    #header .logo_tomytec span {
      display: none; }
  @media only screen and (min-width: 1190px) {
    #header .navber {
      width: 1170px;
      margin: 0 auto; } }
  #header .navber .navbar_header {
    padding: 15px 10px; }
    @media only screen and (min-width: 1190px) {
      #header .navber .navbar_header {
        padding: 10px 0 0; }
        #header .navber .navbar_header:after {
          content: "";
          display: block;
          clear: both; }
        #header .navber .navbar_header h1 {
          float: left; } }
    #header .navber .navbar_header.english_header {
      padding: 15px 10px; }
      @media only screen and (min-width: 1190px) {
        #header .navber .navbar_header.english_header {
          padding: 10px 0; } }
    #header .navber .navbar_header .google_search {
      display: none; }
      @media only screen and (min-width: 1190px) {
        #header .navber .navbar_header .google_search {
          display: block;
          float: right;
          width: 300px;
          height: 30px;
          overflow: hidden; } }
    #header .navber .navbar_header .language_box {
      position: absolute;
      top: 15px;
      right: 60px; }
      @media only screen and (min-width: 1190px) {
        #header .navber .navbar_header .language_box {
          position: static; } }
      #header .navber .navbar_header .language_box .language_wrap {
        position: relative;
        float: right;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        width: 130px;
        height: 30px;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        #header .navber .navbar_header .language_box .language_wrap:hover {
          color: #ff7e00; }
        #header .navber .navbar_header .language_box .language_wrap:hover .language_text::after {
          border-color: #ff7e00; }
        #header .navber .navbar_header .language_box .language_wrap .language_text {
          position: relative;
          font-weight: bold;
          font-size: 14px;
          padding-right: 20px; }
          @media only screen and (min-width: 1190px) {
            #header .navber .navbar_header .language_box .language_wrap .language_text {
              font-size: 18px; } }
          #header .navber .navbar_header .language_box .language_wrap .language_text::after {
            content: "";
            position: absolute;
            right: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            border-top: 3px solid #fff;
            border-left: 3px solid #fff;
            pointer-events: none;
            transform: translateY(-50%) rotate(-135deg);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out; }
        #header .navber .navbar_header .language_box .language_wrap .language_select {
          display: none;
          z-index: 100;
          width: 120px;
          height: 60px;
          background-color: #fff;
          box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.2);
          position: absolute;
          right: 0;
          bottom: -65px;
          left: 0;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 10px; }
          #header .navber .navbar_header .language_box .language_wrap .language_select.active {
            display: flex; }
          #header .navber .navbar_header .language_box .language_wrap .language_select a {
            color: #333;
            text-decoration: none; }
            #header .navber .navbar_header .language_box .language_wrap .language_select a[data-stt-active] {
              text-decoration: underline; }
            #header .navber .navbar_header .language_box .language_wrap .language_select a:hover {
              text-decoration: underline; }
    #header .navber .navbar_header .language {
      display: none; }
      @media only screen and (min-width: 1190px) {
        #header .navber .navbar_header .language {
          display: block;
          float: right;
          list-style: none;
          margin: 6px 0 0;
          font-weight: bold;
          font-size: 18px; }
          #header .navber .navbar_header .language li {
            display: inline-block;
            padding: 0 20px;
            border-right: 1px solid #fff; }
            #header .navber .navbar_header .language li:last-child {
              border: none; }
          #header .navber .navbar_header .language a {
            color: #fff;
            text-decoration: none;
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out; }
            #header .navber .navbar_header .language a:hover {
              color: #ff7e00; } }
    @media only screen and (min-width: 1190px) {
      #header .navber .navbar_header .drawer-toggle {
        display: none; } }
  #header .navber .navbar_content {
    display: none; }
    @media only screen and (min-width: 1190px) {
      #header .navber .navbar_content {
        display: block;
        padding: 20px 0;
        font-weight: bold;
        font-size: 18px; }
        #header .navber .navbar_content ul {
          display: table; }
          #header .navber .navbar_content ul li {
            display: table-cell;
            padding: 0 20px; }
            #header .navber .navbar_content ul li a {
              color: #fff;
              text-decoration: none;
              -webkit-transition: .3s ease-in-out;
              transition: .3s ease-in-out; }
              #header .navber .navbar_content ul li a:hover {
                color: #ff7e00; } }

#breadcrumb {
  display: none; }
  @media only screen and (min-width: 1190px) {
    #breadcrumb {
      display: block;
      width: 1170px;
      margin: 0 auto 20px;
      padding: 20px 0 0;
      font-size: 14px;
      list-style: none; }
      #breadcrumb li {
        display: inline-block;
        margin: 0 0 0 10px; }
        #breadcrumb li:first-child {
          margin: 0; }
        #breadcrumb li:after {
          content: ">";
          margin: 0 0 0 10px; }
        #breadcrumb li:last-child:after {
          content: ""; }
        #breadcrumb li a {
          color: #333; }
          #breadcrumb li a:hover {
            text-decoration: none; } }

#contents {
  margin: 0 0 40px;
  padding: 10px 10px 0; }
  @media only screen and (min-width: 1190px) {
    #contents {
      width: 1170px;
      margin: 0 auto;
      padding: 0 0 40px; }
      #contents:after {
        content: "";
        display: block;
        clear: both; } }
  #contents #side {
    display: none; }
    @media only screen and (min-width: 1190px) {
      #contents #side {
        display: block;
        width: 300px;
        float: left; }
        #contents #side ul {
          list-style: none;
          width: 100%; }
          #contents #side ul li {
            margin: 0 0 10px; }
            #contents #side ul li.on a {
              background-color: #E6855E;
              text-shadow: 1px 1px 2px #333333; }
              #contents #side ul li.on a i {
                left: 25px; }
          #contents #side ul a {
            color: #fff;
            background-color: #003b82;
            display: block;
            font-size: 18px;
            padding: 15px 0 15px 50px;
            text-decoration: none;
            border-radius: 6px;
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            position: relative; }
            #contents #side ul a:hover {
              background-color: #E6855E;
              text-shadow: 1px 1px 2px #333333; }
              #contents #side ul a:hover i {
                left: 25px; }
            #contents #side ul a i {
              position: absolute;
              top: 30%;
              left: 20px;
              -webkit-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
              text-shadow: none; }
        #contents #side .side_news .title_category {
          font-size: 18px;
          border-bottom: 5px solid #003b82;
          padding: 13px 0 8px 15px;
          line-height: 1.5; }
        #contents #side .side_news .link {
          background-color: #fff;
          padding: 15px 10px; }
          #contents #side .side_news .link i {
            margin: 0 10px 0 0; }
          #contents #side .side_news .link a {
            color: #333;
            text-decoration: none;
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out; }
            #contents #side .side_news .link a:hover {
              color: #ff7e00; } }
  #contents #detail {
    line-height: 1.5; }
    @media only screen and (min-width: 1190px) {
      #contents #detail {
        width: 850px;
        float: left;
        margin: 0 0 0 20px;
        background-color: #fff; } }
  #contents .title01 {
    font-size: 16px;
    background-color: #003b82;
    color: #fff;
    padding: 13px 0 13px 28px;
    position: relative; }
    @media only screen and (min-width: 1190px) {
      #contents .title01 {
        font-size: 18px; } }
    #contents .title01:before {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      background-color: #fff;
      width: 8px;
      height: 26px;
      margin-top: -13px; }
    #contents .title01 span {
      display: none; }
      @media only screen and (min-width: 1190px) {
        #contents .title01 span {
          display: inline-block;
          float: right;
          margin: 0 10px 0 0; } }
      #contents .title01 span i {
        margin: 0 5px 0 0; }
      #contents .title01 span a {
        color: #fff;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        #contents .title01 span a:hover {
          color: #ff7e00; }
    #contents .title01 label {
      margin: 0 0 0 15px;
      font-size: 14px; }
      @media only screen and (min-width: 1190px) {
        #contents .title01 label {
          font-size: 15px;
          font-weight: normal; } }
  #contents .title02 {
    font-size: 16px;
    line-height: 36px;
    padding: 0 0 0 28px;
    position: relative;
    border-bottom: 1px solid #333; }
    @media only screen and (min-width: 1190px) {
      #contents .title02 {
        font-size: 18px; } }
    #contents .title02:before {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      background-color: #003b82;
      width: 8px;
      height: 22px;
      margin-top: -11px; }
  #contents .title03 {
    font-size: 16px;
    background-color: #DA5019;
    color: #fff;
    padding: 13px 0 13px 28px;
    position: relative; }
    @media only screen and (min-width: 1190px) {
      #contents .title03 {
        font-size: 18px; } }
    #contents .title03:before {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      background-color: #fff;
      width: 8px;
      height: 26px;
      margin-top: -13px; }
    #contents .title03 span {
      display: none; }
      @media only screen and (min-width: 1190px) {
        #contents .title03 span {
          display: inline-block;
          float: right;
          margin: 0 10px 0 0; } }
      #contents .title03 span i {
        margin: 0 5px 0 0; }
      #contents .title03 span a {
        color: #fff;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        #contents .title03 span a:hover {
          color: #ff7e00; }
  #contents .title_news {
    background-color: #009944; }
  #contents .title_event {
    background-color: #DA5019; }
  #contents .title_info {
    background-color: #FF0000; }
  #contents .title_campaign {
    background-color: #007FB1; }
  #contents .box_paging {
    margin-top: 20px;
    padding: 10px; }
    #contents .box_paging ul li {
      list-style-type: none;
      font-size: 1em;
      display: inline;
      background-color: #FFFFFF; }
      #contents .box_paging ul li a {
        text-decoration: none;
        border: 1px solid #003388;
        padding: 1px 7px;
        color: #003388;
        margin: 2px; }
        #contents .box_paging ul li a:hover {
          color: #B7A5B1;
          border: 1px solid #00b8ee;
          color: #00b8ee; }
      #contents .box_paging ul li .current_page {
        padding: 2px 8px;
        margin: 1px;
        color: #fff;
        background-color: #003388; }

#index .txt_copy {
  margin: 40px 0;
  text-align: center; }
#index .bland_logo {
  background-color: #D5E0F1;
  margin: 0 0 40px;
  padding: 2% 2% 0; }
  @media only screen and (min-width: 768px) {
    #index .bland_logo {
      margin: 0 0 50px; } }
  #index .bland_logo ul {
    list-style: none;
    width: 100%;
    font-size: 0; }
    #index .bland_logo ul li {
      display: inline-block;
      box-sizing: border-box;
      text-align: center;
      margin: 0 2% 2% 0;
      width: 49%; }
      #index .bland_logo ul li:nth-child(2n) {
        margin: 0 0 2% 0; }
      @media screen and (min-width: 768px) and (max-width: 1190px) {
        #index .bland_logo ul li {
          width: 32%; }
          #index .bland_logo ul li:nth-child(2n) {
            margin: 0 2% 2% 0; }
          #index .bland_logo ul li:nth-child(3n) {
            margin: 0 0 2% 0; } }
      @media only screen and (min-width: 1190px) {
        #index .bland_logo ul li {
          width: 23.5%; }
          #index .bland_logo ul li:nth-child(2n) {
            margin: 0 2% 2% 0; }
          #index .bland_logo ul li:nth-child(4n) {
            margin: 0 0 2% 0; }
          #index .bland_logo ul li img {
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out; }
            #index .bland_logo ul li img:hover {
              box-shadow: 0px 0px 5px 2px #ff7e00; } }
#index .box_bnr {
  margin: 0 0 40px; }
  @media only screen and (min-width: 768px) {
    #index .box_bnr {
      margin: 0 0 50px; } }
  #index .box_bnr ul {
    list-style: none;
    font-size: 0px; }
    #index .box_bnr ul li {
      margin: 20px 0 0 0; }
      @media screen and (min-width: 768px) and (max-width: 1190px) {
        #index .box_bnr ul li {
          display: inline-block;
          width: 49%;
          margin: 2% 2% 0 0; }
          #index .box_bnr ul li:nth-child(2n) {
            margin: 2% 0 0 0; } }
      @media only screen and (min-width: 1190px) {
        #index .box_bnr ul li {
          background-color: #fff;
          padding: 5px;
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out; }
          #index .box_bnr ul li:hover {
            box-shadow: 0px 0px 5px 2px #ff7e00; }
          #index .box_bnr ul li:nth-of-type(n+2) {
            margin: 10px 0 0 0; } }
#index .box_news {
  margin: 0 0 40px; }
  @media only screen and (min-width: 768px) {
    #index .box_news {
      margin: 0 0 50px; } }
  #index .box_news ul {
    list-style: none; }
    #index .box_news ul li {
      margin: 20px 0 0 0;
      border-bottom: 1px dotted #333; }
      #index .box_news ul li:nth-child(n+2) {
        margin: 10px 0 0 0; }
      @media only screen and (min-width: 1190px) {
        #index .box_news ul li {
          border: none; } }
  #index .box_news a {
    color: #333;
    text-decoration: none; }
  #index .box_news dl {
    padding: 0 0 10px; }
    @media only screen and (min-width: 1190px) {
      #index .box_news dl {
        background-color: #fff;
        padding: 10px;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        #index .box_news dl:hover {
          box-shadow: 0px 0px 5px 2px #ff7e00; } }
    #index .box_news dl dd {
      line-height: 1.5;
      margin: 10px 0 0 0;
      text-decoration: underline; }
      @media only screen and (min-width: 1190px) {
        #index .box_news dl dd {
          text-decoration: none; } }
  #index .box_news .icon_event {
    background-color: #ec6941;
    color: #fff;
    padding: 2px 20px;
    margin: 0 0 0 15px; }
  #index .box_news .icon_news {
    background-color: #009944;
    color: #fff;
    padding: 2px 20px;
    margin: 0 0 0 15px; }
  #index .box_news .icon_info {
    background-color: #ff0000;
    color: #fff;
    padding: 2px 20px;
    margin: 0 0 0 15px; }
  #index .box_news .icon_campaign {
    background-color: #007FB1;
    color: #fff;
    padding: 2px 20px;
    margin: 0 0 0 15px; }
#index .box_shopping {
  margin: 0 0 40px; }
  @media only screen and (min-width: 768px) {
    #index .box_shopping {
      margin: 0 0 50px; } }
  #index .box_shopping a {
    text-decoration: none;
    color: #333; }
  #index .box_shopping ul {
    list-style: none; }
    #index .box_shopping ul li {
      margin: 20px 0 0; }
      #index .box_shopping ul li:nth-child(n+2) {
        margin: 10px 0 0 0; }
  #index .box_shopping .box {
    line-height: 1.5; }
    @media only screen and (min-width: 1190px) {
      #index .box_shopping .box {
        padding: 10px;
        background-color: #fff;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        #index .box_shopping .box:hover {
          box-shadow: 0px 0px 5px 2px #ff7e00; } }
#index .box_sns {
  margin: 0 0 40px; }
  @media only screen and (min-width: 768px) {
    #index .box_sns {
      margin: 0 0 50px; } }
  #index .box_sns ul {
    list-style: none;
    letter-spacing: -0.5em; }
    #index .box_sns ul li {
      margin: 20px 0 0;
      font-size: 100%;
      letter-spacing: normal; }
      #index .box_sns ul li:nth-child(n+2) {
        margin: 10px 0 0 0; }
      @media screen and (min-width: 768px) and (max-width: 1190px) {
        #index .box_sns ul li {
          display: inline-block;
          width: 49%;
          margin: 2% 2% 0 0; }
          #index .box_sns ul li:nth-child(n+2) {
            margin: 2% 2% 0 0; }
          #index .box_sns ul li:nth-child(2n) {
            margin: 2% 0 0 0; } }
      @media only screen and (min-width: 1190px) {
        #index .box_sns ul li {
          display: inline-block;
          width: 32%;
          margin: 2% 2% 0 0; }
          #index .box_sns ul li:nth-child(n+2) {
            margin: 2% 2% 0 0; }
          #index .box_sns ul li:nth-child(3n) {
            margin: 2% 0 0 0; } }
  #index .box_sns .box {
    display: table;
    width: 100%;
    box-sizing: border-box;
    background-color: #dfeaf7; }
    @media only screen and (min-width: 1190px) {
      #index .box_sns .box {
        background-color: #fff; } }
    #index .box_sns .box .img {
      display: table-cell;
      padding: 10px; }
      #index .box_sns .box .img img {
        width: 100px;
        vertical-align: bottom; }
    #index .box_sns .box .info {
      display: table-cell;
      vertical-align: middle;
      line-height: 1.5; }
      #index .box_sns .box .info a {
        color: #333; }
        #index .box_sns .box .info a:hover {
          text-decoration: none; }
      #index .box_sns .box .info .txt {
        font-weight: bold; }
      #index .box_sns .box .info .btn {
        margin: 10px 0 0 0; }
#index .box_youtube {
  margin: 0 0 40px; }
  @media only screen and (min-width: 768px) {
    #index .box_youtube {
      margin: 0 0 50px; } }
  #index .box_youtube .youtube_movie {
    margin: 20px 0 0 0;
    position: relative;
    width: 100%;
    padding-top: 55.26%; }
    #index .box_youtube .youtube_movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }
  #index .box_youtube .txt {
    margin: 10px 0; }
    #index .box_youtube .txt a {
      width: 100%;
      display: inline-block;
      background-color: #E6855E; }
    #index .box_youtube .txt img {
      vertical-align: bottom;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      #index .box_youtube .txt img:hover {
        opacity: 0.6; }
#index .box_link {
  margin: 0 0 40px; }
  @media only screen and (min-width: 768px) {
    #index .box_link {
      margin: 0 0 50px; } }
  #index .box_link ul {
    list-style: none;
    letter-spacing: -0.5em;
    padding: 20px 0 0 0; }
    #index .box_link ul li {
      margin: 0 10px 10px 0;
      font-size: 100%;
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top; }
  #index .box_link a {
    display: block; }
    @media only screen and (min-width: 1190px) {
      #index .box_link a {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        #index .box_link a:hover {
          box-shadow: 0px 0px 5px 2px #ff7e00; } }
    #index .box_link a img {
      vertical-align: bottom; }
#index .box_contact {
  background-color: #fff; }
  #index .box_contact dl {
    display: table;
    width: 100%;
    table-layout: fixed; }
    #index .box_contact dl dt {
      display: table-cell;
      width: 30%;
      padding: 10px; }
    #index .box_contact dl dd {
      display: table-cell;
      vertical-align: top;
      padding: 10px; }
@media only screen and (min-width: 1190px) {
  #index .content_box_top {
    width: 1170px;
    margin: 0 auto; }
    #index .content_box_top:after {
      content: "";
      display: block;
      clear: both; }
    #index .content_box_top .left {
      float: left;
      width: 570px; }
    #index .content_box_top .right {
      float: left;
      width: 570px;
      margin: 0 0 0 30px; } }

#item .bland_logo {
  background-color: #dfeaf7;
  margin: 20px 0 40px;
  padding: 2% 2% 0; }
  @media only screen and (min-width: 768px) {
    #item .bland_logo {
      margin: 20px 0 20px; } }
  #item .bland_logo ul {
    list-style: none;
    width: 100%;
    font-size: 0; }
    #item .bland_logo ul li {
      display: inline-block;
      box-sizing: border-box;
      text-align: center;
      margin: 0 2% 2% 0;
      width: 49%; }
      #item .bland_logo ul li:nth-child(2n) {
        margin: 0 0 2% 0; }
      @media screen and (min-width: 768px) and (max-width: 1190px) {
        #item .bland_logo ul li {
          width: 32%; }
          #item .bland_logo ul li:nth-child(2n) {
            margin: 0 2% 2% 0; }
          #item .bland_logo ul li:nth-child(3n) {
            margin: 0 0 2% 0; } }
      @media only screen and (min-width: 1190px) {
        #item .bland_logo ul li {
          width: 23.5%; }
          #item .bland_logo ul li:nth-child(2n) {
            margin: 0 2% 2% 0; }
          #item .bland_logo ul li:nth-child(4n) {
            margin: 0 0 2% 0; }
          #item .bland_logo ul li img {
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out; }
            #item .bland_logo ul li img:hover {
              box-shadow: 0px 0px 5px 2px #ff7e00; } }
#item .list {
  list-style: none; }
  @media only screen and (min-width: 768px) {
    #item .list {
      letter-spacing: -0.5em; } }
  #item .list li {
    margin: 0 0 20px; }
    @media only screen and (min-width: 768px) {
      #item .list li {
        width: 49%;
        margin: 0 2% 2% 0;
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top; }
        #item .list li:nth-child(2n) {
          margin: 0 0 2% 0; } }
#item .box {
  line-height: 1.5; }
  @media screen and (min-width: 768px) and (max-width: 1190px) {
    #item .box {
      padding: 20px;
      background-color: #fff;
      border: 2px solid #dfeaf7; } }
  @media only screen and (min-width: 1190px) {
    #item .box {
      padding: 20px;
      background-color: #fff; } }
  #item .box .img_logo {
    text-align: center;
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      #item .box .img_logo {
        margin: 0 0 20px; } }
    #item .box .img_logo img {
      width: 50%; }
      @media only screen and (min-width: 768px) {
        #item .box .img_logo img {
          width: auto; } }
  #item .box .txt01 {
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      #item .box .txt01 {
        min-height: 130px; } }

#news .box_news ul {
  list-style: none; }
  #news .box_news ul li {
    margin: 20px 0 0 0;
    border-bottom: 1px dotted #333; }
    #news .box_news ul li:last-child {
      border: none; }
#news .box_news a {
  color: #333; }
  @media only screen and (min-width: 1190px) {
    #news .box_news a {
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      #news .box_news a:hover {
        color: #ff7e00; } }
#news .box_news dl {
  padding: 0 0 20px; }
  @media only screen and (min-width: 1190px) {
    #news .box_news dl {
      padding: 0 10px 20px; } }
  #news .box_news dl dt {
    line-height: 1; }
  #news .box_news dl dd {
    line-height: 1.5;
    margin: 10px 0 0 0; }
#news .box_news .icon_event {
  background-color: #ec6941;
  color: #fff;
  padding: 2px 20px;
  margin: 0 0 0 15px; }
#news .box_news .icon_news {
  background-color: #009944;
  color: #fff;
  padding: 2px 20px;
  margin: 0 0 0 15px; }
#news .box_news .icon_info {
  background-color: #ff0000;
  color: #fff;
  padding: 2px 20px;
  margin: 0 0 0 15px; }
#news .box_news .icon_campaign {
  background-color: #007FB1;
  color: #fff;
  padding: 2px 20px;
  margin: 0 0 0 15px; }
#news .box_news_detail {
  padding: 10px; }
  #news .box_news_detail h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      #news .box_news_detail h1 {
        font-size: 24px; } }
  #news .box_news_detail h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      #news .box_news_detail h2 {
        font-size: 22px; } }
  #news .box_news_detail h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      #news .box_news_detail h3 {
        font-size: 20px; } }
  #news .box_news_detail h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      #news .box_news_detail h4 {
        font-size: 18px; } }
  #news .box_news_detail em {
    font-style: oblique; }
  #news .box_news_detail p {
    line-height: 1.5;
    margin: 0 0 10px; }
  #news .box_news_detail ul {
    margin: 0 0 10px 20px; }
  #news .box_news_detail .txt_date {
    text-align: right;
    color: #003b82; }

#support .support_top {
  padding: 15px 0;
  background-color: #fff;
  line-height: 1.5; }
  @media only screen and (min-width: 1190px) {
    #support .support_top {
      padding: 15px; } }
  #support .support_top .txt01 {
    margin: 10px 0 20px; }
  #support .support_top .txt02 {
    margin: 5px 0; }
  #support .support_top .txt_info {
    background-color: #eee;
    padding: 10px;
    font-size: 14px;
    margin: 0 0 20px; }
  #support .support_top .title_table {
    font-size: 15px;
    margin: 0 0 5px; }
    #support .support_top .title_table img {
      vertical-align: middle;
      margin: 0 10px 0 0; }
  #support .support_top .btn_envelope {
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
    background-color: #007FB1; }
    #support .support_top .btn_envelope:hover {
      background-color: #E6855E; }
    #support .support_top .btn_envelope i {
      margin-right: 10px; }
  #support .support_top .list_category {
    list-style: none;
    letter-spacing: -0.5em;
    margin: 0 0 15px; }
    #support .support_top .list_category li {
      display: inline-block;
      letter-spacing: normal;
      margin: 0 15px 10px 0; }
      #support .support_top .list_category li a {
        display: block;
        background-color: #ecf0f1;
        padding: 5px;
        text-decoration: none;
        color: #333;
        border: 1px solid #dfdfdf; }
        #support .support_top .list_category li a:hover {
          color: #ff7e00; }
  #support .support_top .line_syuuri {
    width: 100%;
    display: table;
    margin: 10px 0;
    border-bottom: 1px dashed #333; }
    #support .support_top .line_syuuri dt {
      display: table-cell;
      vertical-align: middle;
      padding: 10px;
      width: 20%;
      text-align: center; }
    #support .support_top .line_syuuri dd {
      display: table-cell;
      vertical-align: middle; }
  #support .support_top .table01 {
    margin: 10px 0 20px;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px; }
    @media only screen and (min-width: 1190px) {
      #support .support_top .table01 {
        width: 800px; } }
    #support .support_top .table01 th.t_top {
      border-top: #be1309 4px solid; }
    #support .support_top .table01 th {
      border-left: 1px solid #dcdddd;
      border-bottom: #e3e3e3 1px dotted;
      text-align: left;
      padding: 10px;
      font-weight: normal;
      background-color: #efefef;
      width: 100px; }
    #support .support_top .table01 td.t_top {
      border-top: #b3b3b3 4px solid; }
    #support .support_top .table01 td {
      border-right: 1px solid #dcdddd;
      border-bottom: #e3e3e3 1px dotted;
      text-align: left;
      padding: 10px; }
    #support .support_top .table01 td.t_title {
      border: none;
      font-weight: bold;
      color: #003b82;
      font-size: 16px; }
    #support .support_top .table01 td.no_line {
      border: none; }
    #support .support_top .table01 .number {
      font-size: 20px;
      color: #003b82; }
  #support .support_top .table02 {
    width: 100%;
    border: 1px solid #ccc;
    margin: 0 0 20px; }
    #support .support_top .table02 th {
      background-color: #dce9f9;
      border: 1px solid #ccc;
      padding: 5px; }
    #support .support_top .table02 td {
      border: 1px solid #ccc;
      padding: 5px; }
      #support .support_top .table02 td:last-child {
        text-align: right; }
  #support .support_top .table03 {
    width: 100%;
    border: 1px solid #ccc;
    margin: 0 0 20px; }
    #support .support_top .table03 th {
      background-color: #dce9f9;
      border: 1px solid #ccc;
      padding: 5px; }
    #support .support_top .table03 td {
      border: 1px solid #ccc;
      padding: 5px; }
      #support .support_top .table03 td:nth-of-type(2n) {
        text-align: right; }
      #support .support_top .table03 td:last-child {
        text-align: right; }
#support .faq {
  padding: 15px 0; }
  @media only screen and (min-width: 1190px) {
    #support .faq {
      padding: 15px; } }
  #support .faq .txt01 {
    margin: 0 0 20px; }
  #support .faq .txt02 {
    margin: 10px 0; }
  #support .faq .list_category {
    list-style: none;
    letter-spacing: -0.5em;
    margin: 0 0 15px; }
    #support .faq .list_category li {
      display: inline-block;
      letter-spacing: normal;
      margin: 0 15px 10px 0; }
      #support .faq .list_category li a {
        display: block;
        background-color: #ecf0f1;
        padding: 5px;
        text-decoration: none;
        color: #333;
        border: 1px solid #dfdfdf; }
        #support .faq .list_category li a:hover {
          color: #ff7e00; }
  #support .faq .box01 {
    margin: 0 0 10px; }
    #support .faq .box01 dt {
      background-color: #3261AB;
      color: #fff;
      padding: 5px 10px;
      font-weight: bold; }
      #support .faq .box01 dt:hover {
        background-color: #E06A3B;
        cursor: pointer; }
      #support .faq .box01 dt span {
        display: inline-block;
        background-color: #ecf0f1;
        padding: 2px 3px;
        border: 1px solid #dfdfdf;
        margin: 0 10px 0 0;
        color: #333;
        line-height: 1; }
    #support .faq .box01 dd {
      padding: 10px;
      border-bottom: 2px solid #717171;
      border-left: 2px solid #717171;
      border-right: 2px solid #717171;
      display: none; }
#support .english_customer {
  padding: 15px 0; }
  @media only screen and (min-width: 1190px) {
    #support .english_customer {
      padding: 15px; } }
  #support .english_customer .txt01 {
    margin: 0 0 20px; }
  #support .english_customer .txt02 {
    margin: 0 0 10px; }
  #support .english_customer .box01 {
    padding: 10px 10px 0;
    margin: 0 0 20px; }
    #support .english_customer .box01 dl {
      margin: 0 0 15px; }
      #support .english_customer .box01 dl dt {
        border: none;
        margin: 0;
        padding: 0;
        font-weight: bold; }
  #support .english_customer .btn_agree {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
    background-color: #007FB1; }
    #support .english_customer .btn_agree:hover {
      background-color: #E6855E; }
  #support .english_customer .btn_noagree {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
    background-color: #888; }
    #support .english_customer .btn_noagree:hover {
      background-color: #E6855E; }

#company .company_top {
  list-style: none;
  margin: 20px 0 40px; }
  @media only screen and (min-width: 768px) {
    #company .company_top {
      font-size: 0px;
      margin: 20px 0 20px; } }
  #company .company_top li {
    width: 100%;
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      #company .company_top li {
        display: inline-block;
        vertical-align: top;
        width: 32%;
        box-sizing: border-box;
        margin: 0 2% 2% 0; }
        #company .company_top li:nth-child(3n) {
          margin: 0 0 2% 0; } }
    #company .company_top li a {
      padding: 10px;
      border: 2px solid #d3e6f6;
      display: block;
      text-decoration: none;
      background: #fff; }
      @media only screen and (min-width: 1190px) {
        #company .company_top li a {
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out; }
          #company .company_top li a:hover {
            box-shadow: 0px 0px 5px 2px #ff7e00; }
          #company .company_top li a:hover {
            border: 2px solid #ff7e00; } }
      #company .company_top li a h3 {
        margin: 0 0 10px;
        color: #003b82; }
        @media screen and (min-width: 768px) and (max-width: 1190px) {
          #company .company_top li a h3 {
            margin: 0;
            font-size: 14px;
            padding: 0 0 10px;
            text-align: center; } }
        @media only screen and (min-width: 1190px) {
          #company .company_top li a h3 {
            margin: 0;
            font-size: 20px;
            padding: 15px 0 25px;
            text-align: center; } }
        #company .company_top li a h3 i {
          margin-right: 5px; }
          @media only screen and (min-width: 1190px) {
            #company .company_top li a h3 i {
              position: relative;
              top: -2px; } }
      #company .company_top li a figure {
        display: table;
        table-layout: fixed;
        width: 100%;
        box-sizing: border-box; }
        @media screen and (min-width: 768px) and (max-width: 1190px) {
          #company .company_top li a figure {
            display: block; } }
        @media only screen and (min-width: 1190px) {
          #company .company_top li a figure {
            display: block;
            padding: 0 10px; } }
        #company .company_top li a figure .img01 {
          display: table-cell;
          width: 30%; }
          @media only screen and (min-width: 768px) {
            #company .company_top li a figure .img01 {
              display: block;
              width: 100%; } }
          #company .company_top li a figure .img01 img {
            border: 1px solid #ACACAC; }
        #company .company_top li a figure figcaption {
          display: table-cell;
          padding: 0 0 0 10px;
          vertical-align: top;
          color: #333;
          line-height: 1.5;
          font-size: 13px; }
          @media screen and (min-width: 768px) and (max-width: 1190px) {
            #company .company_top li a figure figcaption {
              padding: 10px 0 0 0;
              display: block; } }
          @media only screen and (min-width: 1190px) {
            #company .company_top li a figure figcaption {
              padding: 10px 0 0 0;
              display: block;
              font-size: 16px; } }
#company .greeting {
  padding: 10px 0; }
  @media only screen and (min-width: 1190px) {
    #company .greeting {
      padding: 15px; } }
  #company .greeting .txt01 {
    color: #0000ff;
    font-weight: bold; }
    @media only screen and (min-width: 1190px) {
      #company .greeting .txt01 {
        font-size: 20px; } }
  #company .greeting .txt02 {
    margin: 10px 0 0 0; }
  #company .greeting .txt03 {
    margin: 10px 0 0 0;
    text-align: right; }
  #company .greeting .img01 {
    margin: 10px 0 0 0; }
    @media only screen and (min-width: 768px) {
      #company .greeting .img01 {
        float: right;
        margin: 10px 0 0 10px; } }
#company .access {
  padding: 10px 0; }
  @media only screen and (min-width: 1190px) {
    #company .access {
      padding: 15px; } }
  #company .access .txt01 {
    color: #0000ff; }
  #company .access .txt02 {
    margin: 0 0 10px; }
  #company .access .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 0 20px; }
  #company .access .ggmap iframe,
  #company .access .ggmap object,
  #company .access .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
@media only screen and (min-width: 1190px) {
  #company .summary {
    padding: 0 15px; } }
#company .summary .table_summary {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 10px;
  font-size: 14px; }
  @media only screen and (min-width: 768px) {
    #company .summary .table_summary {
      border-spacing: 0px 15px; } }
  #company .summary .table_summary th, #company .summary .table_summary td {
    padding: 10px; }
  #company .summary .table_summary th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 80px;
    color: #fff; }
    @media only screen and (min-width: 768px) {
      #company .summary .table_summary th {
        width: 100px; } }
  #company .summary .table_summary td {
    background: #f8f8f8;
    padding-left: 20px; }
  #company .summary .table_summary dl:after {
    content: "";
    display: block;
    clear: both; }
  #company .summary .table_summary dl dt {
    float: left;
    width: 120px; }
  #company .summary .table_summary dl dd {
    float: left; }
#company .business {
  padding: 10px 0; }
  @media only screen and (min-width: 1190px) {
    #company .business {
      padding: 15px; } }
  #company .business .txt01 {
    color: #0000ff;
    font-weight: bold; }
    @media only screen and (min-width: 1190px) {
      #company .business .txt01 {
        font-size: 20px; } }
  #company .business .txt02 {
    margin: 10px 0 0 0; }
  #company .business .list {
    list-style: none;
    margin: 20px 0 0 0; }
    @media only screen and (min-width: 768px) {
      #company .business .list {
        letter-spacing: -.40em; } }
    #company .business .list li {
      width: 100%;
      margin: 0 0 10px; }
      @media only screen and (min-width: 768px) {
        #company .business .list li {
          display: inline-block;
          letter-spacing: normal;
          vertical-align: top;
          width: 49%;
          box-sizing: border-box;
          margin: 0 2% 2% 0; }
          #company .business .list li:nth-child(2n) {
            margin: 0 0 2% 0; } }
      #company .business .list li h3 {
        color: #003b82;
        margin: 0 0 5px; }
#company .recruit {
  padding: 10px 0; }
  @media only screen and (min-width: 1190px) {
    #company .recruit {
      padding: 15px; } }
  #company .recruit .txt01 {
    margin: 0 0 15px; }
  #company .recruit .table_recruit {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px; }
    #company .recruit .table_recruit th.t_top {
      border-top: #be1309 4px solid; }
    #company .recruit .table_recruit th {
      border-left: 1px solid #dcdddd;
      border-bottom: #e3e3e3 1px dotted;
      text-align: left;
      padding: 10px;
      font-weight: normal;
      background-color: #efefef;
      width: 60px; }
      @media only screen and (min-width: 768px) {
        #company .recruit .table_recruit th {
          width: 100px; } }
    #company .recruit .table_recruit td.t_top {
      border-top: #b3b3b3 4px solid; }
    #company .recruit .table_recruit td {
      border-right: 1px solid #dcdddd;
      border-bottom: #e3e3e3 1px dotted;
      text-align: left;
      padding: 10px; }

#english .txt_copy {
  margin: 40px 0;
  text-align: center; }
#english .box_contact {
  background-color: #fff; }
  #english .box_contact dl {
    display: table;
    width: 100%;
    table-layout: fixed; }
    #english .box_contact dl dt {
      display: table-cell;
      width: 30%;
      padding: 10px; }
    #english .box_contact dl dd {
      display: table-cell;
      vertical-align: top;
      padding: 10px;
      line-height: 1.5; }
#english .list {
  list-style: none; }
  @media only screen and (min-width: 768px) {
    #english .list {
      letter-spacing: -0.5em; } }
  #english .list li {
    margin: 0 0 20px; }
    @media only screen and (min-width: 768px) {
      #english .list li {
        width: 32%;
        margin: 0 2% 2% 0;
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top; }
        #english .list li:nth-child(3n) {
          margin: 0 0 2% 0; } }
#english .box {
  line-height: 1.5;
  padding: 20px;
  background-color: #fff;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  #english .box:hover {
    box-shadow: 0px 0px 5px 2px #ff7e00; }
  #english .box .img_logo {
    text-align: center;
    margin: 0 0 10px; }
    #english .box .img_logo img {
      width: 200px; }
@media only screen and (min-width: 1190px) {
  #english .content_box_top {
    width: 1170px;
    margin: 0 auto; }
    #english .content_box_top:after {
      content: "";
      display: block;
      clear: both; }
    #english .content_box_top .left {
      float: left;
      width: 570px; }
    #english .content_box_top .right {
      float: left;
      width: 570px;
      margin: 0 0 0 30px; } }

#policy .policy_top {
  padding: 15px 0;
  line-height: 1.5; }
  @media only screen and (min-width: 1190px) {
    #policy .policy_top {
      padding: 15px;
      background-color: #fff; } }
  #policy .policy_top .txt01 {
    margin: 0 0 20px; }
  #policy .policy_top .txt02 {
    text-align: right; }
  #policy .policy_top .line {
    margin: 20px 0; }
    #policy .policy_top .line dt {
      font-weight: bold; }
  #policy .policy_top .txt_indent {
    padding-left: 2em;
    text-indent: -2em;
    margin: 0 0 10px; }
  #policy .policy_top .box01 {
    background-color: #CBE6F3;
    padding: 10px;
    font-weight: bold;
    margin: 0 0 10px; }
  #policy .policy_top .table01 {
    margin: 10px 0 0 0;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px; }
    #policy .policy_top .table01 th {
      border: 2px solid #dcdddd;
      text-align: left;
      padding: 10px;
      font-weight: bold;
      background-color: #efefef;
      width: 100px; }
      @media screen and (min-width: 768px) and (max-width: 1190px) {
        #policy .policy_top .table01 th {
          width: 280px; } }
      @media only screen and (min-width: 1190px) {
        #policy .policy_top .table01 th {
          width: 280px; } }
    #policy .policy_top .table01 td.t_top {
      font-weight: bold; }
    #policy .policy_top .table01 td {
      border: 2px solid #dcdddd;
      text-align: left;
      padding: 10px; }

#sitemap .sitemap_top {
  padding: 15px 0;
  line-height: 1.5; }
  @media only screen and (min-width: 1190px) {
    #sitemap .sitemap_top {
      padding: 15px;
      background-color: #fff; } }
  #sitemap .sitemap_top dl {
    margin: 0 0 20px; }
    #sitemap .sitemap_top dl a {
      text-decoration: none;
      color: #333; }
    #sitemap .sitemap_top dl i {
      margin-right: 10px; }
    #sitemap .sitemap_top dl dd {
      margin-top: 10px; }
    #sitemap .sitemap_top dl ul {
      list-style: none;
      margin: 0 0 0 30px; }

#others .list01 {
  list-style: none;
  width: 100%;
  font-size: 0;
  margin: 10px 0 0 0; }
  @media only screen and (min-width: 768px) {
    #others .list01 {
      margin: 20px 0 0 0; } }
  #others .list01 li {
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      #others .list01 li {
        width: 49%;
        margin: 0 2% 2% 0;
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top; }
        #others .list01 li:nth-child(2n) {
          margin: 0 0 2% 0; } }
    @media only screen and (min-width: 1190px) {
      #others .list01 li a {
        display: block;
        padding: 10px;
        background-color: #fff;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        #others .list01 li a:hover {
          box-shadow: 0px 0px 5px 2px #ff7e00; } }
@media only screen and (min-width: 1190px) {
  #others .item01 {
    padding: 10px;
    background-color: #fff; } }
#others .item01 .txt01 {
  margin: 10px 0;
  line-height: 1.5; }
#others .item01 .box_txtimg01 {
  margin: 10px 0; }
  #others .item01 .box_txtimg01:after {
    content: "";
    display: block;
    clear: both; }
  #others .item01 .box_txtimg01 dt {
    float: left;
    width: 160px;
    padding: 0 10px 0 0; }
  #others .item01 .box_txtimg01 dd {
    line-height: 1.5;
    float: left; }
#others .item01 .box_txtimg02 {
  margin: 10px 0; }
  #others .item01 .box_txtimg02:after {
    content: "";
    display: block;
    clear: both; }
  #others .item01 .box_txtimg02 dt {
    float: left;
    width: 180px;
    padding: 0 10px 0 0; }
  #others .item01 .box_txtimg02 dd {
    line-height: 1.5;
    float: left; }
#others .item01 .box_txtimg03 {
  margin: 10px 0; }
  #others .item01 .box_txtimg03:after {
    content: "";
    display: block;
    clear: both; }
  #others .item01 .box_txtimg03 dt {
    float: left;
    width: 110px;
    padding: 0 10px 0 0; }
  #others .item01 .box_txtimg03 dd {
    line-height: 1.5;
    float: left; }
#others .item01 .box_info {
  margin: 10px 0 0 0; }
  #others .item01 .box_info dl {
    margin: 0 0 10px; }
    #others .item01 .box_info dl dt {
      margin: 0 0 5px;
      color: #003b82;
      font-weight: bold; }
    #others .item01 .box_info dl dd {
      line-height: 1.5; }
    @media only screen and (min-width: 768px) {
      #others .item01 .box_info dl {
        display: table; }
        #others .item01 .box_info dl dt {
          display: table-cell;
          width: 100px; }
        #others .item01 .box_info dl dd {
          display: table-cell; } }
#others .item01 .box_youtube01 {
  margin: 10px 0 0 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    #others .item01 .box_youtube01 {
      width: 640px;
      height: 480px;
      padding: 0; } }
  #others .item01 .box_youtube01 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
#others .item01 .box_youtube02 {
  margin: 10px 0 0 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    #others .item01 .box_youtube02 {
      width: 640px;
      height: 360px;
      padding: 0; } }
  #others .item01 .box_youtube02 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
#others .item01 .table_info {
  margin: 10px 0 0 0; }
  @media only screen and (min-width: 768px) {
    #others .item01 .table_info {
      width: 500px; } }
  #others .item01 .table_info th {
    width: 20%;
    padding: 5px; }
  #others .item01 .table_info td {
    width: 80%;
    padding: 5px;
    line-height: 1.5; }
#others .item01 .list_img {
  list-style: none;
  width: 100%;
  font-size: 0;
  margin: 10px 0 0 0; }
  #others .item01 .list_img li {
    font-size: 16px;
    display: inline-block;
    margin: 0 10px 10px 0; }

#aprilfool2017 {
  line-height: 1.5; }
  #aprilfool2017 .top01 {
    margin-bottom: 20px; }
  #aprilfool2017 .title {
    color: #d07100;
    margin-bottom: 20px;
    font-size: 18px; }
    @media only screen and (min-width: 768px) {
      #aprilfool2017 .title {
        font-size: 26px; } }
  #aprilfool2017 .txt {
    margin-bottom: 30px; }
  #aprilfool2017 .title_01 {
    margin-bottom: 20px;
    background: #eee;
    border-bottom: 4px solid #ccc;
    padding: 4px 4px 4px; }
    @media only screen and (min-width: 768px) {
      #aprilfool2017 .title_01 {
        font-size: 20px;
        border-bottom: 8px solid #ccc;
        padding: 10px 10px 10px; } }
  #aprilfool2017 .img {
    margin-bottom: 30px; }
  #aprilfool2017 .table_aprilfool {
    margin-bottom: 20px; }

#footer {
  background-color: #003b82;
  color: #fff;
  padding: 15px 0 10px; }
  @media screen and (min-width: 768px) and (max-width: 1190px) {
    #footer {
      width: 100%;
      height: 55px; } }
  @media only screen and (min-width: 1190px) {
    #footer {
      width: 100%;
      height: 55px; } }
  @media screen and (min-width: 768px) and (max-width: 1190px) {
    #footer .contents {
      width: 100%; }
      #footer .contents:after {
        content: "";
        display: block;
        clear: both; } }
  @media only screen and (min-width: 1190px) {
    #footer .contents {
      width: 1170px;
      margin: 0 auto; }
      #footer .contents:after {
        content: "";
        display: block;
        clear: both; } }
  #footer .list {
    text-align: center; }
    @media screen and (min-width: 768px) and (max-width: 1190px) {
      #footer .list {
        text-align: left;
        float: left; } }
    @media only screen and (min-width: 1190px) {
      #footer .list {
        text-align: left;
        float: left; } }
    #footer .list li {
      display: inline-block;
      padding: 0 10px;
      border-right: 1px solid #fff; }
      #footer .list li:last-child {
        border: none; }
    #footer .list a {
      color: #fff;
      text-decoration: none; }
      @media only screen and (min-width: 1190px) {
        #footer .list a:hover {
          text-decoration: underline; } }
  #footer .copy {
    text-align: center;
    margin: 15px 0 0 0;
    line-height: 1.5;
    font-size: 12px; }
    @media screen and (min-width: 768px) and (max-width: 1190px) {
      #footer .copy {
        text-align: left;
        float: right;
        margin: 0 10px 0 0;
        font-size: 14px; } }
    @media only screen and (min-width: 1190px) {
      #footer .copy {
        text-align: left;
        float: right;
        margin: 0;
        font-size: 14px; } }
    #footer .copy img {
      width: 110px; }
      @media screen and (min-width: 768px) and (max-width: 1190px) {
        #footer .copy img {
          width: 100%; } }
      @media only screen and (min-width: 1190px) {
        #footer .copy img {
          width: 100%; } }

#fixedTop {
  right: 10px;
  bottom: 10px;
  padding: 20px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  display: none;
  background-color: #666;
  position: fixed;
  border-radius: 5px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  #fixedTop:hover {
    opacity: 0.7; }

/*# sourceMappingURL=common.css.map */