body {
    font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック',-apple-system, BlinkMacSystemFont,"游ゴシック", "Yu Gothic", YuGothic, Arial, 'MS UI Gothic','Helvetica','Arial',sans-serif;
    line-height:1.5;
    margin: 0;
    padding: 0;
    color: #606060;
    font-size: 14px;
    background: #fff;
    vertical-align:baseline; 
  }
  
  /*HTML5 サポート - 新しい HTML5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
  
  header, section, footer, aside, article, figure {
  
    display: block;
  
  }
  
  
  * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  
  ul, dl {
    padding: 0;
    margin: 0;
  }
  h1, h2, h3, h4, h5, h6, p {
    margin-top: 0; 
    padding-right: 15px;
    padding-left: 15px;
  }
  
  
  a{
    color: #13275a;
  }
  
  a img { 
    border: none;
  }
  
  a:link {
    color: #13275a ;
    text-decoration: none;
  }
  a:visited {
    color: #13275a;
    text-decoration: none;
  }
  a:active{
    color: #c00;
    text-decoration: underline;
  }
  
  a:hover{
    color: #606060;
  }
  
  
  ul li a{
    color: #606060 !important;
  }
  ul li a:hover{
    opacity: .7;
  }
  
  
  table {
    border-collapse: collapse;
    
  }
  
  
  th,td{
    border: 1px solid #d90000;padding: 5px;background: #fff;
  }
  
  th{
    background: #d90000;padding:5px 15px;color: #fff;
  }
  
  .arrow {
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  
  .triangle {
    border-top: 40px solid #b41c43;
    border-right: 20px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 20px solid transparent;
  }
  
  .triangle_s {
    border-top: 20px solid #b41c43;
    border-right: 15px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid transparent;
  }
  
  a:hover img{
    opacity: .7;
  }
  
  /*トップヘッダーまわり*/
  .drop-shadow {
    -webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.5));
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
  }
  
  
  
  .container {
    width: 960px;/*0104修改 960px-100%*/
    margin: 0 auto;
  }
  
  
  /*strong {
  background: linear-gradient(transparent 40%, #ffff66 40%);
  }*/
  
  strong {
  
  }
  
  
  
  /*================================================
   *  ページトップへの戻り
   ================================================*/
  .page_top {
      position:fixed;
      bottom:65px;
      right:10px;
      z-index: 10000000;
      margin: 0;
      padding: 0;
  }
  .page_top a {
      display:block;
      text-decoration:none;
      padding: 8px 15px;
      border:2px solid #fff;
      color:#fff;
      border-radius:50%;
      box-shadow: 0px 0px 5px #000;
      text-shadow: 0px 0px 5px #000;
  }
  
  /* スマホ用 */
  .sp_button{
    display: none;
  }
  
  .pc_none{
    display: none;
  }
  
  
  
  
  /*フォント*/
  h2{
    color: #606060;
    margin:15px 0 30px 0;
    font-size: 2em;
    line-height: 1.25;
  border-bottom: 1px solid rgba(255,255,255,1);
      box-shadow: 0 1px 0 rgba(0,0,0,0.1);
  }
  
  h3{
    font-size: 2em;
    font-weight:bold;
    color: #13275a;
    margin: 0 0 5px 15px;
    padding:0;
  }
  
  #sidenav h3{
    margin: 0;
  }
  
  
  h5{
    font-size: 1.5em;
    margin-bottom:20px; 
  }
  
  h6{
    font-size: 1.4em;
    margin-bottom:0; 
  }
  
  p{
    font-size: 1.25em;
  }
  
  .clear{
    clear: both;
  }
  
  .main_content {
    width:960px;
    margin: 0 auto;
    margin-bottom:20px;
  }
  
  
  .txt_center{
    text-align: center !important; 
  }
  
  #breadcrumb {
      -webkit-user-select: none;
      display: block;
      height: 46px;
      overflow-y: hidden;
      padding: 0;
      position: relative;
      -webkit-overflow-scrolling: touch;
      overflow-y:hidden;
  }
  
  
  
  #breadcrumb ul {
      display: inline-block;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      font-size: 0;
      margin-left: 0;
      padding-left: 0 !important;
  }
  
  #breadcrumb ul li {
       display: inline-block;;
      margin: 0;
      text-align: center;
      background-color: #eee;
      font-weight: bold;
      position: relative;
  }
  
  #breadcrumb ul li a {
      color: #222;
      text-decoration: none;
      padding: 5px 0 5px 55px;
      position: relative;
      display: block;
      margin-right:1px;
      font-size: 12px;
      display: inline-block;
      text-decoration: none;
  }
  
  #breadcrumb ul li a:hover {
      text-decoration: underline;
  }
  
  
  #breadcrumb ul li a:after ,#breadcrumb ul li:after {
      content: " ";
      display: block;
      width: 0;
      height: 0;
      border-top: 50px solid transparent;
      border-bottom: 50px solid transparent;
      border-left: 30px solid #eee;
      position: absolute;
      top: 50%;
      margin-top: -50px;
      left: 100%;
      z-index: 2;
  }
  
  
  #breadcrumb ul li a:before ,#breadcrumb ul li:before{
      content: " ";
      display: block;
      width: 0;
      height: 0;
      border-top: 50px solid transparent;
      border-bottom: 50px solid transparent;
      border-left: 30px solid #999;
      position: absolute;
      top: 50%;
      margin-top: -50px;
      margin-left: 1px;
      left: 100%;
      z-index: 1;
  }
  
  ::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
  }
  
  
  .content_wrap{
    margin-bottom: 80px;
  }
  
  .image_fit{
    max-width: 100%;
  }
  
  
  /*検索ボックス*/
  #searchbox input{
  font-size: 14px;
  padding: 4px 10px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 250px;
  }
  
  #sbtn2{
  padding: 5px;
  border: 1px solid #999;
  background:#fff;
  color:#606060;
  font-size:14px;/*アイコンサイズ*/
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック',-apple-system, BlinkMacSystemFont,"游ゴシック", "Yu Gothic", YuGothic, Arial, 'MS UI Gothic','Helvetica','Arial',sans-serif;
  }
  #sbtn2:hover,#l_btn:hover{
  opacity: .7;
  cursor: pointer;
  }
  
    
  /*メニュー 首頁Menu*/
  
  #headermenu{
    /*background:url(/static/new/images/common/menu_header.png)top center;*/
    background: linear-gradient(white,rgb(199, 197, 197));
    position: relative;
    height: 180px;
    z-index: 100000;
    margin-top: -80px !important;
  }
  
  .menu-container {
      width: 100%;
      margin:0 auto;
      position: relative;z-index: 1000000000;
  }
  
  .menu-mobile {
      display: none;
      padding: 20px;
  }
  
  .menu-dropdown-icon:before {
      content: url(/static/new/images/common/plusicon.png);
      display: none;
      cursor: pointer;
      float: right;
      padding: 1em;
      background: #fff;
  }
  
  
  .menu > ul {
    
      margin: 0 auto;
      width: 90vw;
      list-style: none;
      position: relative;
      /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
      box-sizing: border-box;
      list-style: none;
      display: -webkit-flex;
      display: none;
      -webkit-justify-content:center;
      justify-content:center;/* 居中排列 */
      align-items: flex-end;/*對齊交錯軸線最末端*/
      margin: 0;
      padding: 0;
    
  }
  
  .menu > ul:before,
  .menu > ul:after {
      content: "";
      display: table;
  }
  
  .menu > ul:after {
      clear: both;
  }
  
  .menu > ul > li {
      display:inline-block;
      padding:0 14px;
      margin: 0;
      text-align: center;
      border-left: 1px solid #666;
      margin-bottom: 5px;
  }
  
  .menu > ul > li:last-child {
      border-right: 1px solid #666;
  }
  
  .menu > ul > li:nth-child(3) {
      border-right: 1px solid #666;
  }
  
  .menu > ul > li:nth-child(4) {
      border:none;
  }
  
  .menu > ul > li a {
      text-decoration: none;
    text-align: center;
    font-size: 14px;
    padding:0;
    display:block;
    color:#666;
    margin: 0;
    white-space: nowrap;
    line-height: 1;
    width: 100%;
    text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
  }
  
  .menu > ul > li:hover > a {
      color:#13275a;
  
  }
  
  .menu > ul > li > ul {
      display: none;
      width: 100%;
      background: #fff;
      padding: 10px 5px;
      position: absolute;
      z-index: 99;
      left: 0;
      margin: 0;
      list-style: none;
      box-sizing: border-box;
  }
  
  .menu > ul > li > ul:before,
  .menu > ul > li > ul:after {
      content: "";
      display: table;
  }
  
  .menu > ul > li > ul:after {
      clear: both;
  }
  
  .menu > ul > li > ul > li {
      margin: 0;
      padding-bottom: 0;
      list-style: none;
      width: 25%;
      background: none;
      float: left;
      padding: 0;
  }
  
  .menu > ul > li > ul > li a {
      color: #777;
      padding: .2em 0;
      width: 95%;
      display: block;
      font-size: 12px;
      border-bottom: 1px solid #ccc;
      margin:0;
  }
  
  .menu > ul > li > ul > li > ul {
      display: block;
      padding: 0;
      margin: 10px 0 0;
      list-style: none;
      box-sizing: border-box;
  }
  
  .menu > ul > li > ul > li > ul:before,
  .menu > ul > li > ul > li > ul:after {
      content: "";
      display: table;
  }
  
  .menu > ul > li > ul > li > ul:after {
      clear: both;
  }
  
  .menu > ul > li > ul > li > ul > li {
      float: left;
      width: 100%;
      padding: 5px 0;
      margin: 0;
      font-size: .8em;
  }
  
  .menu > ul > li > ul > li > ul > li a {
      border: 0;
  }
  
  .menu > ul > li > ul.normal-sub {
      width: 300px;
      left: auto;
      padding: 10px 20px;
  }
  
  .menu > ul > li > ul.normal-sub > li {
      width: 100%;
  }
  
  .menu > ul > li > ul.normal-sub > li a {
      border: 0;
      padding: .5em 0;
  }
  
  
  .sp_on{
    display: none;
  }
  
  
  
  .col50{
    width: 50%;
    float: left;
  }
  
  
  
  .col33{
    width: 33.33333333%;
    float: left;
  }
  
  .col25{
    width: 25%;
    float: left;
  }
  .copy{
    text-align: center;
  }
  
  
  .copy a{
    color: #606060;
    font-size: 11px;
  }
  
  
  nav {
      background-color: #fff;
      height: 50px;
      overflow: hidden;
      position: relative;
      z-index: 1;
      margin: 0;
      padding: 0;
  
  }
  .box_in{
    margin: 8px 8px 24px 8px;
  }
  
  .box_in p{
    margin:0;
    padding: 0;
  }
  
  
  
  a.btn_s{
    font-weight: bold;
    background: #666;
    padding: 5px 15px;
    border-radius: 8px;
    color: #fff;
  }
  
  
  a.btn_s:hover{
    opacity: 0.7;
  }
  
  
  
  a.footer_link{
    color: #fff;font-size: 1.5em;
  }
  
  a:hover{
    text-decoration: none;
  }
  
  ul{
    margin-left: 35px; 
  }
  li{
    font-size: 1.25em;
  }
  
  h4{
    font-size: 1.5em;
    margin:25px 0 10px 15px;
    padding: 0;
  }
  
  .container{
    margin-bottom: 80px;
  }
  
  
  
  .pagination-wrapper {
  
    margin: 0 auto 30px auto;
  }
  
  
  nav.pagination{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
     justify-content: space-between;
  }
  
  
  .pagination-wrapper nav.pagination span {
    height: 29px;
    line-height: 29px;
    float: left;
  
  
  }
  .pagination-wrapper nav.pagination span.pagination-block {
    margin-right: 5px;
  }
  
  .pagination-wrapper nav.pagination span a:hover {
    color: #13275a;
  }
  .pagination-wrapper nav.pagination span.page a {
    width: 30px;
    margin-right: 3px;
    background: #f5f5f5;
  }
  .pagination-wrapper nav.pagination span.current a {
    color: #13275a;
    background: #ddd;
  }
  
  .pagination-wrapper nav.pagination span.first, .pagination-wrapper nav.pagination span.prev, .pagination-wrapper nav.pagination span.next, .pagination-wrapper nav.pagination span.last {
    margin-right: 5px;
  }
  
  .pagination-wrapper nav.pagination span.first a, .pagination-wrapper nav.pagination span.prev a, .pagination-wrapper nav.pagination span.next a, .pagination-wrapper nav.pagination span.last a {
    padding: 0 10px;
  }
  .pagination-wrapper nav.pagination span a {
    border-left: 0;
    display: block;
    font-size: 13px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    padding: 0;
    display: block;
    color: #6a6e71;
    font-weight: bold;
      background: #f5f5f5;
  }
  
  #news_page h3{
    margin-bottom: 10px;
  }
  
  
  #news_page p{
    font-size: 1.25em;
    line-height: 1.8;
  }
  
  
  
  
  #newssearch .waku_in h6{
    font-size: 1.15em;
    margin:10px 0 5px 0;
    padding: 0;
  }
  
  #prsearch .waku_in h6{
    font-size: 1.15em;
    margin:10px 0 5px 0;
    padding: 0;
  }
  /*
  #toploginbox.top_sp{
  z-index: 2;
  display: inline-block;
  left: 10px;
  width: 200px !important;
  top:2px;
  }
  */
  /*フッター*/
  
  footer{
    padding: 15px 0;
  }
  
  #footmenu_in{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
     justify-content: space-between;
  }
  
  #footmenu_in p a:before{
    content:"●";
  
  }
  
  #footmenu_in div:nth-child(4){
  width: 250px;
  }
  
  #footmenu_in div:nth-child(4) h3{
  margin: 0;
  
  }
  
  #footmenu ul {
    list-style: none;
    margin:0 0 0 10px;
  }
  
  
  #footmenu ul > li{
  line-height: 1.2;
  }
  
  
  #footmenu ul > li > ul > li{
  line-height: 1;
  }
  
  
  #footmenu p{
    margin: 0;
    padding-left: 0;
    font-size: 14px;
  
  }
  
  #footmenu p a,#footmenu ul li a{
    font-size: 14px;
    color: #606060;
  }
  
  
  
  p.button{
    text-align: center;
    margin-top: 50px;
  }
  
  p.button a{
    padding:10px 15px;
    background: #ffcc33;
    border-radius: 6px;
    font-size: 1.8em;
    font-weight: bold;
    color: #13275a;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.4);
  }
  
  p.button_s{
    text-align: center;
    margin-top: 50px;
    margin: 0;
  }
  
  p.button_s a{
    padding:5px 10px;
    background: #ffcc33;
    border-radius: 6px;
    font-size: 0.8em;
    font-weight: bold;
    color: #13275a;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.4);
  }
  
  .button a:hover,
  .button_s a:hover{
    opacity: .7;
  }
  
  .sp{
    display: none;
  }
  
  #login #l_btn{
  padding: 5px;
  border: 1px solid #999;
    background:#347ab7;
  color:#606060;
  border-radius: 4px;
  color: #fff;
  margin-left: 5px;
  width: 70px;
  font-size: 14px;
  }
  
  #register{
    margin-top:8px;
    color:#b41c43;
    font-weight: bold;
  }
  
  
  #register button{
    background:#b41c43;
  padding: 5px;
  border: 1px solid #999;
  color:#fff;
  border-radius: 4px;
  margin-left: 5px;
  width: 70px;
  }
  
  #fogpassword{
    margin-top:8px;
    color:#13275a;
    font-weight: bold;
  }
  
  #fogpassword button{
  background:#ffcc33;
  padding: 5px;
  border: 1px solid #999;
  color:#13275a;
  border-radius: 4px;
  margin-left: 5px;
  }
  
  #logout button{
      padding: 5px;
      border: 1px solid #999;
      background: #ffcc33;
      color: #606060;
      border-radius: 4px;
      margin-left: 5px;
      font-size: 12px;
      width:85px;
  }
  
  #info{
    margin-top:8px;
    color:#b41c43;
    font-weight: bold;
  }
  
  
  #info button{
    background:#b41c43;
  padding: 5px;
  border: 1px solid #999;
  color:#fff;
  border-radius: 4px;
  margin-left: 5px;
  font-size: 12px;
  width:85px;
  }
  
  #management button{
    background:#b41c43;
  padding: 5px;
  border: 1px solid #999;
  color:#fff;
  border-radius: 4px;
  margin-left: 5px;
  width:85px;
  }
  
  
  
  
  .l_btn{
  padding: 5px;
  border: 1px solid #999;
    background:#347ab7;
  color:#606060;
  border-radius: 4px;
  color: #fff !important;
  margin:0 5px;
  font-weight: bold;
  }
  
  .r_btn{
    background:#b41c43;
  padding: 5px;
  border: 1px solid #999;
  color:#fff !important;
  font-weight: bold;
  border-radius: 4px;
  margin:0 5px;
  }
  
  a.r_btn:hover, a.l_btn:hover{
    opacity: .7;
  }
  
  
  /*
  #toploginbox{
  position: absolute;
  right: 0;
  top:35px;
  z-index: 9999999999999999999;
  text-align: right;
  width: 100%;
  }
  */
  .main-img {
    width: 100%;
    height: 350px;
    z-index: 100001;
    object-fit: fill;
     font-family: 'object-fit: fill;';
  }
  
  .popularkey{
  float: left;margin-right: 25px;margin-top:-2px;
  }
  .popularkey > a{
  display:block;color:#13275a;background: #ffcc33;border-radius:6px;padding:5px 10px;font-weight:bold; font-size:14px;box-shadow: 3px 3px 8px rgba(0,0,0,0.4);
  }
  
  
  
  .b_midashi{
    background:url(/static/new/images/back_circle.jpg)top center repeat-x ;position: relative;padding: 50px 0;z-index: 1000000;
  }
  .b_midashi_in{
    background:#e6e6e7;position: relative;z-index: 1;
  }
  .b_midashi_in h2{
  text-align:center;padding:0 0 20px 0;margin:80px 0 0 0;
  border: none;box-shadow: none;
  }
  
  #footmenu{
    margin-top:180px;background:#e6e6e7;padding: 50px 0 75px 0;box-shadow: 0 8px 8px rgba(0,0,0,0.4);
  }
  .footer_logo{
    background:url(/static/new/images/common/footer_logo.png)top center;position: relative;height:180px;z-index: 100;margin-top: -148px;
  }
  .company_info{
    background: #fff;padding: 15px 10px;border-radius: 10px;display: inline-block;
  }
  .mb100{
    margin-bottom: 100px;
  }
  
  
  .normalbox{
    position: relative;max-width:960px;margin: 0 auto 25px auto;z-index: 8;
  }
  
  .menu_pc_position{
    position: absolute;top:110px;
  }
  
  .page_midashi_in{
    background:#f5f5f5;
    position: relative;
    z-index: 1;
    padding:30px 0px 0 0;
    margin-top:100px;
  }
  .page_midashi_in h2{
    font-size: 2em;
  text-align:center;
  padding:0 0 20px 0;
  margin:80px 0 0 0;
  border: none;box-shadow: none;
  }
  
  
  #iso{
    border:1px solid #000;background: #fbf7e9;
  }
  
  .isoleft{
    float: left;width: calc(100% - 245px);padding:30px;
  }
  .isoright{
    width: 245px;float: left;padding:5px;
  }
  
  #iso p{
    margin: 0;
    padding: 0;
    font-size: 14px;
  }
  
  
  span.readmore{
   border: 1px solid #606060;padding:0 10px;float: right;border-radius:6px; 
  }
  
  
  #contents{
    width: 75%;
    float: left;
  }
  
  #sidenav{
    width: 25%;
    float: left;
    display: block;
  }
  
  .content_in{
  margin-right:10px;
  }
  
  .sidenav_in{
  margin-left:0px;
  }
  
  
  ul.leftnav{
    margin:30px 15px 15px 15px;
    list-style: none;
    background: #f5f5f5;
  }
  
  ul.leftnav li ul{
    list-style: none;
    margin: 0;
  }
  
  
  ul.leftnav > li {
    padding: 10px;
    line-height: 2;
  
  }
  
  ul.leftnav > li > a{
    margin-left: 3px;
    margin-bottom: 5px;
    padding: 10px 0 5px 0;
    font-weight: bold;
    color: #606060;
    line-height: 1.5;
    display:block;
    border-bottom: 1px solid rgba(0,0,0,0.1);
      box-shadow: 0 1px 0 rgba(255,255,255,1);
  }
  
  
  
  ul.leftnav li ul li{
    margin: 0 0 2px 0 !important;
  }
  
  
  ul.leftnav li ul li a{
    font-size: 14px;
    line-height: 1.5;
    color: #606060;
    display: block;
    padding: 10px 5px 10px 10px;
    border-bottom: 1px solid #ccc;
  
  }
  
  ul.leftnav > li > a:hover,
  ul.leftnav li ul li a:hover{
    color:#999;
  }
  
  
  table.default{
    width: 100%;
    margin: 25px 0;
  }
  
  table.default th{
    width: 30%;
    background: #aaa;
    border: 1px solid #999;
    padding: 10px;
    text-align: left;
    color:#fff;
  }
  
  table.default td{
    border: 1px solid #999;
    padding: 10px;
    text-align: left;
  }
  
  
  
  
  
  table.txt_center_s{
    width: 100%;
    margin: 25px 0;
  }
  
  table.txt_center_s th{
    background: #ccc;
    border: 5px solid #f8f8f8;
    padding: 10px;
    text-align: center;
    color:#fff;
  }
  
  table.txt_center_s td{
  border:5px solid #f5f5f5;
  
    padding: 5px 10px;
    text-align: center;
  }
  
  
  
  
  
  
  .waku{
     width: 100%;
  }
  .waku_in{
    border:3px solid #606060;padding:25px;border-radius: 6px;overflow: hidden;
    margin-bottom: 25px;
  }
  
  .newsdate{
    margin: 0 0 15px 0;
  }
  
  .small{
    font-size: 1em;
  }
  
  span.seminaricon{
   vertical-align:text-top;font-size: 12px;padding: 5px;background:#7c904e;
  color:#fff;display: inline-block;
  }
  
  span.newsicon a{
   vertical-align:text-top;font-size: 12px;padding: 5px;background:#A65D5D;
  color:#fff;display: inline-block;
  }
  
  span.researchicon a{
   vertical-align:text-top;font-size: 12px;padding: 5px;background:#5a95b4;
  color:#fff;display: inline-block;
  }
  
  span.columnicon a{
   vertical-align:text-top;font-size: 12px;padding: 5px;background:#b0b168;
  color:#fff;display: inline-block;
  }
  
  
  
  span.newicon a{
   vertical-align:text-top;font-size: 12px;padding: 5px;background:#cc0000;
  color:#fff;display: inline-block;
  }
  
  span.newicon2{
   vertical-align:text-top;font-size: 12px;padding: 5px;background:#cc0000;
  color:#fff;display: inline-block;
  }
  
  
  
  span.laboricon a{
   vertical-align:text-top;font-size: 12px;padding: 5px;background:#824E03;
  color:#fff;display: inline-block;
  }
  
  
  
   .bg-legal{
      color: #fff;
      background-color:#5713C7;
    }
    .bg-column{
      color: #fff;
  }
  
  
  span.sonotaicon a{
  vertical-align:text-top;font-size: 12px;padding: 5px;background: #ccc;color:#fff;display: inline-block;
  }
  span.sonotaicon2{
  vertical-align:text-top;font-size: 12px;padding: 5px;background: #ccc;color:#fff;display: inline-block;
  }
  
  span.data{
  float: right;font-size:0.8em;
  }
  
  
  .white_btn{
   font-size:17.5px;color:#606060;width:100%;display:block;border:1px solid #606060;padding:10px;border-radius:4px;margin:10px 0;text-align:center;color:#606060 !important;box-shadow: 2px 2px 5px rgba(0,0,0,.6);
  }
  
  .white_btn:hover{
    opacity: .7;
  }
  
  .pr_btn{
    font-size:14px;
    width:100%;
    display:block;
    border:1px solid #606060;
    padding:10px;
    border-radius:4px;
    margin:10px 0;
    text-align:center;
    color:#fff !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    background-color: #b41c43;
  }
  .pr_btn:hover{
    opacity: .7;
  }
  
  dl.archive{
    display:flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-top: none;
  }
  dl.archive dt{
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    border-top: 1px solid #ccc; 
  }
  dl.archive dt.title{
    background: #ddd;
  }
  dl.archive dd{
    padding: 10px;
    margin: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc; 
    width: 50%;
    background: #fff;
    box-sizing: border-box;
  }
  
  dl.archive dd.title{
    background: #ddd;
  }
  
  #sbtn2.search_btn{
    font-size:1.15em;display:block;width:100%;margin:15px 0 30px 0;background: #ffcc33;border-radius: 6px;font-weight: bold;padding:15px;
  }
  
  
  .yellow_btn{
    font-size:17.5px;text-align:center;width:100%;display:block;margin:15px 0 30px 0;background: #ffcc33;border-radius: 6px;font-weight: bold;padding:15px;color:#606060 !important;box-shadow: 1px 1px 2px rgba(0,0,0,.6);cursor: pointer;
  }
  
  
  .yellow_btn:hover{
    opacity: .7 !important;
  }
  .yellow_btn:active{
  box-shadow:-1px 0px 2px rgba(0,0,0,.6);
  }
  
  .yellow_btn_no_login{
      font-size:1.25em;
  }
  
  .input_btn{
    display:inline-block;padding:15px;border:1px solid #ccc;font-size:16px;box-shadow:2px 2px 2px #ccc;cursor:pointer;
  }
  
  .kiyaku_box{
      max-width:800px;margin:30px auto;text-align:center;text-align:left;
  }
  .kiyaku_box_in{
      overflow-y:scroll;height:300px;border:1px solid #ccc;
  }
  
  
  #formbox{
        width:100%;
  }
  #formbox label{
        font-weight:bold;
        margin-bottom:5px;
    }
  .form_content{
    margin-bottom:15px;
  }
  
  #formbox table.default{
    width: 100%;
    margin: 25px 0;
  }
  
  #formbox table.default th{
    width: 30%;
    background: #aaa;
    border: 1px solid #999;
    padding: 10px;
    text-align: left;
  }
  
  #formbox table.default td{
    border: 1px solid #999;
    padding: 10px;
    text-align: left;
  }
  #formbox input{
    font-size: 16px;
  }
  
  #formbox textarea{
    font-size: 16px;
  }
  
  #formbox input[type="text"]{
    width: 100%;
  
  }
  
  .inline-content{
    display:none;
  }
  
  .gold{
  color: #FFD700;
  }
  .silver{
  color: #C0C0C0;
  }
  .copper{
  color: #C47222;
  }
  
  .gold_b{
  background: #FFD700 !important;
  }
  .silver_b{
  background: #C0C0C0 !important;
  }
  
  
  .rank-number{
    font-weight: bold;
    margin-right: 5px;
  }
  
  
  
  .col80{
    width: 80%;
    float: left;
  }
  .col20{
    width: 20%;
    float: left;
  }
  
  
  h3.smaller{
    font-size: 1.25em;
  }
  
  
  .pcpb15{
    padding-bottom:1em;
  }
  
  
  
  .balloon-set-box {
    display: flex;
    flex-wrap: wrap;
  }
  .balloon-set-box.left { /* 左 */
    flex-direction: row;
  }
  .balloon-set-box.right { /* 右 */
    flex-direction: row-reverse; /* アイコンと吹き出しの並びを入れ替える */
  }
  .balloon {
    position: relative; /* 三角の位置を固定するために設定 */
    display: inline-block;
    width: calc(100% - 150px);
    margin: 10px 20px 20px; /* 上 左右 下のマージン */
    padding: 8px 15px; /* ふきだし内の余白 */
    background: #f0f0f0; /* 背景色 */
    text-align: left; /* テキストの揃え */
    font-size:1.2em;
    border-radius: 15px;
  }
  .balloon::after {
    content: '';
    border: 14px solid transparent;
    border-top-color: #f0f0f0;
    position: absolute;
    top: 25px;
  }
  .left .balloon::after { /* 左側からの三角の位置 */
    left: -10px;
  }
  .right .balloon::after { /* 右側からの三角の位置 */
    right: -10px;
  }
   
  .icon-box {
    margin:5px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
    overflow: hidden;
  }
  
  
  ul.list1{
  list-style:none;
  }
  
  ul.list1 li{
  text-indent: -1.25em;
  }
  
  
  
  ul.list2{
  list-style:none;
  margin-left: 50px;
  }
  
  ul.list2 li{
  text-indent: -0.9em;
  margin-bottom: .5em;
  }
  
  ul.list2 li:last-child{
  margin-bottom: 0;
  }
  .content_wrap figure{
  text-align:center;
  }
  
  
  
  
  .col30{
    width:30%;
    float:left;
  }
  
  .col70{
    width:70%;
    float:left;
  }
  
  
  
  
  
  @media only screen and (max-width:959px) {
  
  
  }
  
  
  
  
  
  
  
  /* -----------------------------------------------
  Mobile style's 手機 Menu
  ----------------------------------------------- */
  
  @media only screen and (max-width: 959px) {
  
    /*0104新增*/
    .ys_logo{
      padding-top:45px;
      width: 30%;
      height: auto;
    }
  #table_menu{
    display: none;
  }
  #footmenu_in div:nth-child(4){
  width: 96%;
  }
  
  #footmenu_in div:nth-child(4) h3{
  margin-left: 10px;
  
  }
  
  
  #footmenu ul {
    list-style: none;
    margin:0 0 0 25px;
  }
  
  #footmenu p{
    margin: 0;
    padding-left: 10px;
  
  }
  
  
  #footmenu p a,#footmenu ul li a{
    font-size: 16px;
    color: #606060;
    line-height: 1.5;
    display: block;
    padding: 5px;
  }
  
  
  
  .menu > ul > li {
      border-left: none;
  }
  
  .menu > ul > li:last-child {
      border-right: none;
  }
  
  .menu > ul > li:nth-child(3) {
      border-right: none;
  }
  
  
  
  
  .pagination-wrapper nav.pagination span.page a {
    display: none;
  }
  .pagination-wrapper nav.pagination span.current a {
    display:block;
  }
  
  
  .pagination-wrapper {
    margin: 0 auto 30px auto;
  }
  
  
  
  #formbox table.default th{
    display: flex;
    flex-direction: row;
    width: 98.5%;
  }
  
  #formbox table.default td{
    float: left;
    clear: both;
    width:98.5%;
  }
  
  
  
  #contents{
    width:100%;
    clear: both;
  }
  
  #sidenav{
    width: 100%;
    clear: both;
    display: block;
  }
  
  ul.leftnav{
    margin:30px 15px 15px 15px;
    list-style: none;
    background: #f5f5f5;
  }
  
  ul.leftnav li ul{
    list-style: none;
    margin: 0;
  }
  
  
  ul.leftnav > li {
    padding: 10px;
    line-height: 2;
  
  }
  
  ul.leftnav > li > a{
    margin-left: 3px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #606060;
    display:block;
    border-bottom: 1px solid rgba(0,0,0,0.1);
      box-shadow: 0 1px 0 rgba(255,255,255,1);
  }
  
  
  
  ul.leftnav li ul li{
    margin: 0 0 2px 0 !important;
  }
  
  
  ul.leftnav li ul li a{
    font-size: 14px;
    line-height: 1.8;
    color: #606060;
    display: block;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #ccc;
  
  }
  
  ul.leftnav > li > a:hover,
  ul.leftnav li ul li a:hover{
    color:#999;
  }
  
  
  
  
  
  
  #breadcrumb {
      -webkit-overflow-scrolling: touch;
      overflow-x:scroll;
  }
  
  ::-webkit-scrollbar {
        display:block;
        -webkit-appearance:block;
  }
  
  
  .b_midashi{
    padding: 50px 0 30px 0;
    background-repeat: no-repeat;
    background-size:135% auto;
  }
  
  
  
  .b_midashi_in{
    background:#e6e6e7;position: relative;z-index: 1;
  }
  
  .b_midashi_in h2{
  text-align:center;padding:10px 0;margin:20px 0 0 0;
  font-size: 1.5em;
  }
  
  .page_midashi{
    padding: 30px 0 15px 0;
    background-repeat: no-repeat;
    background-size:135% auto;
  }
  .page_midashi_in{
    background:#f5f5f5;
    position: relative;
    z-index: 1;
    margin-top: 30px;
  }
  
  .page_midashi_in h2{
  text-align:center;
  padding:30px 0 40px 0;
  margin:0px 0 0 0;
  font-size: 2em;
  }
  
  
  
  
  #footmenu_in{
   -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
  }
  
  
  
  
  .main-img {
    width: 100%;
    height: 400px;
    object-fit: fill;
     font-family: 'object-fit: fill;';
  }
  
  #headermenu{
    /*background:url(/static/new/images/common/sp_header.png)bottom center no-repeat;*/
    background: linear-gradient(white,rgb(199, 197, 197));
    position: relative;
    /*background-size: 135%;*/
    height: 100px;
    z-index: 100;
      margin-top: 0 !important;
  }
      .menu-container {
          width: 100%;
      }
      .menu-mobile {
          display: block;
      }
  
  .menu-mobile {
      padding:8px 5px;
      text-align: right;
  }
  
  .menu-dropdown-icon:before {
      content: url(/static/new/images/common/plusicon.png);
      display: none;
      cursor: pointer;
      float: right;
      padding: 1em;
      background: #fff;
  
  }
  
      .menu-dropdown-icon:before {
          display: block;
      }
      .menu > ul {
        position: relative;
          display: none;
          background: #ddd;
      }
      .menu > ul > li {
          width: 100%;
          float: none;
          display: block;
      }
      .menu > ul > li a {
          padding: 1em;
          width: 100%;
          display: block;
          color: #222;
          text-align: left;
          border-top: 1px solid #fff;
      }
  
      .menu > ul > li a:hover {
          color: #13275a;
          background: #fff;
          border-top: 1px solid #fff;
      }
      .menu > ul > li > ul {
          position: relative;
      }
      .menu > ul > li > ul.normal-sub {
          width: 100%;
      }
      .menu > ul > li > ul > li {
          float: none;
          width: 100%;
          margin-top: 20px;
      }
      .menu > ul > li > ul > li:first-child {
          margin: 0;
      }
      .menu > ul > li > ul > li > ul {
          position: relative;
      }
      .menu > ul > li > ul > li > ul > li {
          float: none;
      }
      .menu .show-on-mobile {
          display: block;
      }
  
      .sp{
        display: block;
      }
  /*
      #login #l_btn{
      padding: 5px;
      border: 1px solid #999;
      background:#347ab7;
      color:#606060;
      border-radius: 4px;
      color: #fff;
      margin-left: 5px;
      width: 70px;
      }
  */
      #register{
        margin-top:8px;
        color:#b41c43;
        font-weight: bold;
      }
  
  
      #register button{
        background:#b41c43;
        padding: 5px;
        border: 1px solid #999;
        color:#fff;
        border-radius: 4px;
        margin-left: 5px;
        width: 70px;
      }
  /*
  #toploginbox{
  position: absolute;
  left:5px;top:0;
  z-index: 9999999;
  text-align:left;
  width: 50%;
  }*/
  .container{
    width: 100%;
    padding:0 10px;
  }
  
  p.button a{
    padding:5px 10px;
    font-size: 1.25em;
    display: block;
  }
  p.button_s{
    padding: 0;
  }
  p.button_s a{
    padding:5px;
    border-radius: 6px;
    font-size: 0.75em;
    display: block;
  }
  
  .pc{
    display: none;
  }
  
  
  .company_info{
    margin: 5px 10px;
  }
  
  .container{
    margin-bottom: 0;padding-bottom: 0;
  }
  
  .b_midashi{
    padding: 10px 0 25px 0;
    background-repeat: no-repeat;
  background-size:135% auto;
   background-color:#e6e6e7;
  }
  .b_midashi_in{
    background:#e6e6e7;position: relative;z-index: 1;
  }
  
  .b_midashi_in h2{
  text-align:center;padding:0 0 20px 0;margin:120px 0 0 0;
  font-size: 1.25em;
  }
  
  #l_btn, #sbtn2{
  font-size: 14px;
  
  }
  
  
  
  .isoleft{
    clear: left;width: 100%;padding:30px;
  }
  .isoleft h3{
    font-size: 1.5em;
  }
  .isoright{
    clear: left;
  }
  
  
  
  
  
  
  .pcmb25{
    margin-bottom:15px;
  }
  .normalbox{
    margin: 0 auto 10px auto;
  }
  
  
  /*全体*/
  .hidden_box {
      margin:0;
      padding: 0;
  }
  
  /*按鈕裝飾*/
  .hidden_box label {
      z-index: 999999999999999999999999999;
      padding: 5px;
      font-weight: bold;
      background: #ddd;
      border-radius: 5px;
      cursor :pointer;
      transition: .5s;
      margin-top: 8px;
  }
  
  /*顯示圖標*/
  .hidden_box label:after {
      display: inline-block;
      content: '\f078';/*箭頭icon*/
      font-family: 'Font Awesome 5 Free';
      padding-left: 5px;
      transition: 0.2s;
  }
  
  /*開關圖標*/
  .hidden_box label:hover {
      background: silver;
  }
  
  /*開關圖標*/
  .hidden_box input:checked ~ label:after {
       content: '\f00d';/*X符號icon*/
       -ms-transform: rotate(360deg);
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg);
       color: #668ad8;
  }
  .hidden_box input {
      display: none;
  }
  
  /*隱藏menu*/
  .hidden_box .hidden_show {
      height: 0;
      padding: 0;
      overflow: hidden;
      opacity: 0;
      transition: 0.8s;
  }
  
  /*點擊顯示menu*/
  .hidden_box input:checked ~ .hidden_show {
      padding: 10px 0;
      position: absolute;
      top: 40px;
      height: auto;
      opacity: 1;
  }
  .menu_pc_position{
    position: static;
  }
  
  .image_fit{
    max-width: initial;
    width: 100%;
  }
  h3{
    font-size: 1.5em;
  }
  
  .content_in{
    margin: 0;
  }
  .sidenav_in{
  margin:0;
  }
  
  
  .col80{
    width: 100%;
  }
  .col20{
    width: 100%;
  }
  
  .waku_in ul{
  margin: 0;
  padding: 0 0 0 5px;
  }
  .kiyaku_box{
    width:100%;
  }
  
  .kiyaku_box_in{
    height:200px;
  }
  
  img {
      max-width: 100%;
      height: auto;
  }
  
  }
  
  
  @media (max-width: 869px) {
  .main-img {
    width: 100%;
    height: 200px;
    object-fit: fill;
     font-family: 'object-fit: fill;';
  }
  
  img {
      max-width: 100%;
      height: auto;
  }
  
  }
  
  
  @media (max-width: 769px) {
  
  
  .col30{
    width:100%;
  }
  
  .col70{
    width:100%;
  }
  
  
  h2{
    font-size: 2em;
  }
  
  
  #headermenu{
    /*background:url(/static/new/images/common/HP_mobile_header.png)bottom center no-repeat;*/
    background: linear-gradient(white,rgb(199, 197, 197));
    position: relative;
    /*background-size: 135%;*/
    height:100px;
    z-index: 100;
  }
  body {
      position: relative;
      left: 0;
      overflow-x: hidden;
  }
  #page-top{
    position: fixed;
    bottom:0;
    right:0;
  }
  .main-img {
    width: 100%;
    height: 250px;
    object-fit: fill;
     font-family: 'object-fit: fill;';
  }
  .page_top a {
    padding: 5px 10px;
  }
  
  .sp_on{
    display:block;
  }
  
  .sp_none{
    display: none;
  }
  
  .col50{
    width: 100%;
  }
  
  .col33{
    width: 100%;
  }
  
  .col25{
    width: 50%;
    float: left;
  }
  .headlogo{
    margin: 0 auto;
  }
  
  a.footer_link span{
    font-size: .5em;
  }
  
  .page_top {
      position:fixed;
      bottom:65px;
      right:10px;
      z-index: 10000000;
      margin: 0;
      padding: 0;
  }
  
  .slick-prev:before,
  .slick-next:before
  {
      font-size: 30px;
  }
  
  .slick-prev
  {
      left: 10px;
  }
  [dir='rtl'] .slick-prev
  {
      right:10px;
      left: auto;
  }
  .slick-prev:before
  {
      content: '←';
  }
  [dir='rtl'] .slick-prev:before
  {
      content: '→';
  }
  
  .slick-next
  {
      right: 10px;
  }
  [dir='rtl'] .slick-next
  {
      right: auto;
      left: 10px;
  }
  .slick-next:before
  {
      content: '→';
  }
  [dir='rtl'] .slick-next:before
  {
      content: '←';
  }
  
  /*.spfixed{
    background: #fff;
    width: 100%;
    position: fixed;
    top:0;
    z-index:999999999999999999999999;
  }
  
  section.slick-box{
    margin-top: 115px;
  }
  */
  
  .container{
    padding:0 10px 30px 10px;
  }
  
  .bottom_in{
  padding:10px;
  }
  
  .b_midashi{
    padding: 30px 0 25px 0;
    background-repeat: no-repeat;
  background-size:135% auto;
  }
  .b_midashi_in{
    background:#e6e6e7;position: relative;z-index: 1;
  }
  
  .b_midashi_in h2{
  text-align:center;padding:0 0 20px 0;margin:60px 0 0 0;
  font-size: 1.45em;
  }
  
  
  .page_midashi{
    padding: 30px 0 15px 0;
    background-repeat: no-repeat;
    background-size:135% auto;
  }
  .page_midashi_in{
    background:#f5f5f5;position: relative;z-index: 1;
  }
  
  .page_midashi_in h2{
  text-align:center;padding:10px 0 10px 0;margin:50px 0 0 0;
  font-size: 1.25em;
  }
  
  img {
      max-width: 100%;
      height: auto;
  }
  
  }
  
  @media (max-width: 570px) {
  
  span.data{
      display:block;
      float: none;
      font-size:0.8em;
  }
  
  }