*{
    box-sizing: border-box;
}
html{
    font-size: 16px
}
a{
    color: #000;
    text-decoration: none;
}
.link{
    text-decoration: underline;
    color: #00BFFF;
}
li{list-style: none;}
body{
    line-height: 1.5;
    font-family: "Noto Sans JP", "Meiryo UI","Microsoft YaHei", Verdana, Tahoma, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
    word-break: break-all;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}
h2{
    font-size: 1.5rem !important;
    font-weight:500;
    color:#001B51
}
table#fileTable td{
    text-align: center ;
    font-size: 14px
}
table#fileTable .title{
    font-weight: 500;
    text-align: left
}
.topNav{
    padding:10px 0;
    background: #F4F4F4
}
.topNav a:hover{
    text-decoration: underline;
}

.container_wrap{
    
}
.pre_line {
    white-space: pre-line;
}
.p_header {

    z-index: 100;
    width: 100%;
    background: #fff;
}
.p_header_logo {
    display: flex;
    align-items: center;
}
.logo{
    width:110px;
    height:auto;
    padding-left: 20px;
    padding-bottom: 5px
}
.logo_text{
    color:#666;
    font-size: 0.8rem;
    text-align: justify;
    text-align-last: justify;
    font-family: "Noto Sans JP", "Meiryo UI","Microsoft YaHei"
}
.logo_link{
    font-size:32px;
    color:#1E90FF;
    font-family: '游明朝 Demibold'
}
.logo_img{
    max-width: 200px;
    height:auto;
    line-height: 50px
}
.logo_img2{
    width: 250px;
    height:auto;
    margin-bottom: 10px;
}
.logo_img3{
    width: auto;
    height:40px;
    line-height: 50px;
    opacity: 0.5
}
.logo_img4{
    width: 150px;
    height:auto;
    margin-bottom: 10px;
    opacity: 1
}
.logo_img5{
    width: 140px;
    height:auto;
    opacity: 1
}
.kikan_item_box {
  width: 150px;
  height: 54px;
}
.search_bt:hover{
    background: #0000FF !important;
    color: #FFF;
}
.p_header_inner{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p_header_menu_item >a{
    position: relative;
    display: flex;
    align-items: center;
    font-size:0.8rem !important;
}
.p_header_menu .menu1{
    width:180px;
    text-align: left
}
.p_header_menu_item.menu1 > a::before {
    background: url(../img/power.svg) no-repeat 0 0;
}
.p_header_menu .menu2{
    width:200px
}
.p_header_menu_item.menu2 > a::before {
    background: url(../img/power.svg) no-repeat 0 0;
}
.p_header_menu .menu3{
    width:200px
}
.p_header_menu_item.menu3 > a::before {
    background: url(../img/power.svg) no-repeat 0 0;
}
.p_header_menu .menu4{
    width:200px
}
.p_header_menu_item.menu4 > a::before {
    background: url(../img/power.svg) no-repeat 0 0;
}
.p_header_menu .menu5{
    width: 180px;
}
.p_header_menu .menu6{
    width: 120px;
}
.menuChild{
    position: absolute !important;
    z-index: 9999 !important;
}
.iconColor1{
    color:#0B7F96
}
.iconColor2{
    color:#0B7F96
}
.english_menu{
    font-size: 0.9rem;
}
.japanese_menu{
    font-size: 0.9rem;
}

ul.dropdown-menu li{
    line-height: 50px
}
ul.dropdown-menu li a:hover{
    background: #E5E5E5 !important;
}
.user-select-text{
    user-select: text !important;
}

.circle{
    width: 1.5rem; 
    height: 1.5rem; 
    line-height: 1.5rem;
}
.border_right1{
    border-right: 1px solid #DDD !important;
}
.no-border{
    border: 0
}
.no-left-border{
    border-left: 0
}
.no-right-border{
    border-right: 0
}
.topz{
    z-index: 9999 !important;
}
.button_hover:hover{
    background-color: #0dcaf0;
    color: #FFF;
}

.input_group_leftO{
    border-top-left-radius: 999px !important;
    border-bottom-left-radius: 999px !important;
}

.input_group_rightO{
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
}

.input_group_topO{
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

/*button css*/
.btn-white{
    --bs-btn-color: #000;
    --bs-btn-bg: #FFF;
    --bs-btn-border-color: #FFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-document{
    --bs-btn-color: #333;
    --bs-btn-bg: #ECECEC;
    --bs-btn-border-color: #ECECEC;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #FFF;
    --bs-btn-hover-border-color: #EEE;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #FFF;
    --bs-btn-active-border-color: #EEE;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #888;
    --bs-btn-disabled-bg: #DDD;
    --bs-btn-disabled-border-color: #DDD;
}
.btn-green{
    --bs-btn-color: #FFF;
    --bs-btn-bg: #228B22;
    --bs-btn-border-color: #228B22;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #006400;
    --bs-btn-hover-border-color: #006400;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #006400;
    --bs-btn-active-border-color: #006400;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #DDD;
    --bs-btn-disabled-border-color: #DDD;
}
.btn-confirm{
    --bs-btn-color: #FFF;
    --bs-btn-bg: #FF8C00;
    --bs-btn-border-color: #FF8C00;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #D2691E;
    --bs-btn-hover-border-color: #D2691E;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #FFA500;
    --bs-btn-active-border-color: #FFA500;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #DDD;
    --bs-btn-disabled-border-color: #DDD;
}
.btn-td{
    --bs-btn-color: #999;
    --bs-btn-bg: #cff4fc;
    --bs-btn-border-color: #cff4fc;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #BBB;
    --bs-btn-disabled-bg: #cff4fc;
    --bs-btn-disabled-border-color: #cff4fc;
}
.btn-blue-light{

    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0000FF	;
    --bs-btn-hover-border-color: #0000FF	;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0000FF;
    --bs-btn-active-border-color: #0000FF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6495ED;
    --bs-btn-disabled-border-color: #6495ED;
}
.btn-blue-light:hover{
    background-color: #6610f2;
    color: #fff !important;
}
.bg-blue-light{
    background-color: #0d6efd;
    color: #fff !important;
}

.btn-blue-sky{

    --bs-btn-color: #fff;
    --bs-btn-bg: #00BFFF;
    --bs-btn-border-color: #00BFFF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0000FF	;
    --bs-btn-hover-border-color: #0d6efd	;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #87CEFA;
    --bs-btn-disabled-border-color: #87CEFA;
}
.btSize{
    padding: 5px 20px;
    font-size: 1.1rem
}

.bg-cde{
    background:#F9F6F2;
}
.p-cde{
    padding: 0 180px
}
.p_header_menu_item .dropdown-toggle::after{
    margin-left: 2em;
}

.dropdown-toggle-left::before {
  display: inline-block;
  margin-left: 0.2em;
  vertical-align: 0.07em;

  content: "";
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid currentColor; /*左印（右に色付け） */
}

.dropdown-toggle-right::after {
  display: inline-block;
  margin-left: 0.2em;
  vertical-align: 0.07em;

  content: "";
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid currentColor;  /*右印（左に色付け） */
}

 .btn-check:checked + .btn-outline-light {
    background-color: #0d6efd !important; /* Bootstrap primary */
    color: #fff !important;
    border-color: #0d6efd !important;
}
  


/*row*/
.row_c{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
/*chat*/
.chat-bubble {
    position: relative;
    padding: 6px 15px;
    border-radius: 0.75rem;
    max-width: 90%;
  }

  /* left */
  .chat-left {
    background-color: #f1f1f1;
  }

  .chat-left::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -18px;
    border: 10px solid transparent;
    border-right-color: #f1f1f1;
  }

  /* right */
  .chat-right {
    background-color: #6495ED;
    color: #FFF;
  }

  .chat-right::before {
    content: "";
    position: absolute;
    top: 5px;
    right: -18px;
    border: 10px solid transparent;
    border-left-color: #6495ED;
  }

/*inputs  group*/
.input-empty{
    border-color: #00BFFF !important;      /* Bootstrap danger red */
    background-color: rgba(0,191,255, 0.2) !important;  /* light OrangeRed background */
    box-shadow: none;
}

/*modal*/
#okBt{
    padding-left: 20px; padding-right: 20px
}

/**table---*/
.table-selected{
    border:1px solid red !important;
}
.table-selected td, .table-selected th{
    background-color: #0d6efd; 
    color: #FFF;
}
.td-vm{
    vertical-align: middle;
}

.askFrom table, .askFrom th, .askFrom td {
  border: 1px solid #CCC;
  border-collapse: collapse;
}
.askFrom th, .askFrom td{
    padding: 5px;
    font-weight: 400;
    font-size: 0.9rem
}
.askFrom th{
    background:#f0f0f0;

}


/*width----*/
.min_width50{
    min-width: 50px;
}
.min_width80{
    min-width: 80px;
}
.min_width100{
    min-width: 100px;
}
.min_width150{
    min-width: 150px;
}
.min_width180{
    min-width: 180px;
}
.max_width100{
    max-width: 100px;
}
.max_width120{
    max-width: 120px;
}
.max_width150{
    max-width: 150px;
}
.max_width200{
    max-width: 200px;
}
.max_width300{
    max-width: 300px;
}
.h-30px{
    height: 30px  !important;
}
.h-50px{
    height: 50px  !important;
}
.w-50px{
    width:100px !important;
}
.w-100px{
    width:100px !important;
}
.w-130px{
    width:130px !important;
}
.w-150px{
    width:150px !important;
}
.w-200px{
    width:200px !important;
}
.w-220px{
    width:220px !important;
}
.w-250px{
    width:255px !important;
}
.w-300px{
    width:300px !important;
}
.w-345px{
    width:355px !important;
}
.w-390px{
    width:390px !important;
}
.w-430px{
    width:435px !important;
}
.w-25per{
    width:25% !important;
}
.w-23per{
    width:23% !important;
}
.w-32per{
    width:32% !important;
}

/*font size*/
.fontA0{
    font-size: 2.5rem !important;
}
.fontA{
    font-size: 1.9rem !important;
}
.fontA1{
    font-size: 1.7rem !important;
}
.fontB0{
    font-size: 1.6rem !important;
}
.fontB{
    font-size: 1.3rem !important;
}
.fontB1{
    font-size: 1.1rem !important;
}
.fontC{
    font-size: 1.0rem !important;
}
.fontD{
    font-size: 0.8rem !important;
}
.color3{
    color:#333
}
.color6{
    color:#666
}
.colorRed{
    color:#ff0000 !important;
}
.colorLightBlue{
    color:#DCDCDC !important;
}
.bgColorBlueLight{
    background: #f8f9fa;
}
.bgColorGrayLight1{
    background: #f5f6f7;
}
.bgColorGrayLight2{
    background: #f2f3f4;
}
.bgColorGrayLight3{
    background: #f0f1f2;
}
.bgOpacity {
    background-color: rgba(0, 0, 0, 0.5);
  }

.mt--1{
    margin-top: -20px !important;
}
.mt--2{
    margin-top: -40px !important;
}
.mb--1{
    margin-bottom: -20px !important;
}
.video-bg {
      position: absolute;
      top: 0;
      right: 0;
      width: auto;
      min-height: 100%;
      object-fit: contain;
      z-index: -1; /* 放在背景层 */
    }
.banner0_bg{
    width: 100% !important;
  height: auto !important;

    display: flex !important;
    align-items: center; 
    position: relative !important;
}
.banner1_bg{
    width: 100% !important;
  height: auto !important;
   background-image: url('../img/banner1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;  
    display: flex !important;
    align-items: center; 
    position: relative !important;
}
.banner4_bg{
    width: 100% !important;
  height: auto !important;
   background-image: url('../img/banner4.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;  
    display: flex !important;
    align-items: center; 
    position: relative !important;
}

.banner0_layout{
    position: relative;
    z-index: 2;
    padding-left:10px;
    color:#FFF;
    margin: 0;
}
.banner1_layout{
    padding-left:20px;
    color:#FFF;
    margin: 0;
}
.banner1_layout2{
    text-align: left;
    margin: 0;
    width:350px !important;
}
.banner4_layout{
    padding-left:50px;
    color:#FFF;
    margin: 0;
}

.banner0_content{
    width:550px
}
.banner1_content{
    display: inline-block;
    width:100%
}
.banner4_content{
    width:550px;
    font-family: "Yu Gothic"
}
.bg-top-black{
    height:30px;
    background: #000;
    opacity: 0.5;
}
.bg-top-white{
    height:30px;
    background: #FFF;
    opacity: 0.5;
}
.bg-top-blue{
    height:30px;
    background:#00008B;
    opacity: 0.5;
}
.bg-top-yellow{
    height:30px;
    background: #FAFAD2;
    opacity: 0.5;
}
.bg-darkgreen{
    background: #f8f9fa;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
}
.bg_about_top{
    background-image: url('../img/banner_x_2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
    height:50px
}
.bg_icons_top{
    background-image: url('../img/banner_bg1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
    background-color: green;
    height:50px
}

.bg_news_top{
    background-color:#0dcaf0;
    background-image: url('../img/map.jpg');
    height:50px
}
.bg_qa_top{
    background:#0dcaf0;
    background-image: url('../img/banner_x_3.jpg');
    background-size: cover;
    background-position: top center; 
    height:50px
}
.bg_ask_top{
    background:#0dcaf0;
    background-image: url('../img/banner_x_3.jpg');
    background-size: cover;
    background-position: bottom center; 
    height:50px
}
.bg_video_top{
    background:#0dcaf0;
    background-image: url('../img/banner_x_6.png');
    background-size: cover;
    background-position: top center; 
    height:50px
}
.bg_qa_detail_top{
    background:#0dcaf0;
    background-image: url('../img/banner_x_3.jpg');
    background-size: cover;
    background-position: bottom center; 
    height:50px
}
.bg_altana_top{
    background-image: url('../img/banner_x_4.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
    height:50px
}
.bg_guideline_top{
    background:#0dcaf0;
    background-image: url('../img/banner_x_5.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
    height:50px;
}

.bg_sample_top{
    background:#0dcaf0;
    background-image: url('../img/banner_x_7.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
    height:50px;
}

/*popover*/
.popover {
  background-color: #FFF;
  border: 1px solid lightblue;
  max-width: 400px;
}

.popover-header {
  background-color: #007bff;
  color: white;
}

.popover-body {
  color: #333;
  font-size: 14px;
}

.banner{
    background: #FFF;
}
.row_section{
    width: 100%;
}
.section_border{
    border-top: 1px solid #dddddd;
}

.row_center{
    width:1200px;
    margin: 0 auto;
    position: relative;
}
.row_center.bg_title{
    padding: 20px 10px;
    margin-bottom: 10px;
    background: #CCC;
    font-size: 30px;
}
.row_center.bg_title_blue{
    padding: 20px 10px;
    margin-bottom: 10px;
    background: #31709F;
    font-size: 30px;
    color: #FFF
}

.row_center.bg_title_green{
    padding: 20px 10px;
    margin-bottom: 10px;
    background: #14a83b;
    font-size: 30px;
    color: #FFF
}

.title2{
    font-size: 24px;
    padding: 10px 40px;
    background:#f0f1f2;
}
.title2::before{
    width: 25px;
    height: 25px;
    border-radius: 1px;
    content: "";
    position: absolute;
    top: 18px;
    left: 5px;
    background: #999;
}
.title3{
    font-size: 16px;
    font-weight: bold;
    line-height: 50px 
}
.row_title{
    border-bottom: 4px solid #FFF
}
.row_title_center{
    border-bottom: 0 !important;
}
.row_title::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 50px solid #f18d00;
    border-right: 80px solid #14a83b;
}

.row_title_top::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 60px solid #666;
    border-right: 70px solid #CCC;
}

.row_title_top2::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 65px solid #666;
    border-right: 150px solid #CCC;
}

.row_title_top3::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 30px solid #666;
    border-right: 160px solid #CCC;
}

.row_title_top4::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 100px solid #666;
    border-right: 255px solid #CCC;
}

.row_title_top5::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 50px solid #666;
    border-right: 80px solid #CCC;
}

.row_title_top6::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 60px solid #666;
    border-right: 160px solid #CCC;
}

.row_title_top7::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 200px solid #666;
    border-right: 230px solid #CCC;
}

.row_title_top8::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 150px solid #666;
    border-right: 200px solid #CCC;
}



.row_title_top_icons::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 4px;
    border-left: 140px solid #666;
    border-right: 250px solid #CCC;
}

.row_title_2{
    font-size: 1.2rem;
    color: #333;
    font-weight: bold;
}
.row_title_2::before{
    width: 10px;
    height: 30px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #CCC;
}

.row_title_left{
   font-size: 1.1rem;
   padding-left:20px;
   padding-right:20px;
   height:100%;
   line-height: 50px;
   height: 50px;
}
.row_title_left a{
   display: inline-block;
  line-height: 1.5; 
}

.row_title_left a:hover{
    text-decoration: underline;
}
.row_title_left a::before{
    left: 0;
    width: 7px;
    height: 10px;
    background-size: 7px 10px;
    content: "";
    position: absolute;
    top: 43px;
    margin-left: 20px;
    background: url(../img/link_right.svg) no-repeat 0 0;
}

.row_content{
    line-height: 30px;
    font-size:1.0rem
}
.row_content .title{
    font-weight: bold;
    font-size: 1.0rem;
    margin-bottom: 20px;
}
.row_img{
    width:80%;
    height:auto;

}
.row_img2{
    width:80%;
    height:auto;
    padding:5px;
    border-radius: 10px;
    border:5px solid red
}
.circle{
    width: 2rem; 
    height: 2rem; 
    line-height: 2rem;
}
.event_padding{
    padding: 20px 10px !important;
}
.linka{
    color: #081420
}
.linka:hover{
    text-decoration: underline
}
.stepDiv{
    width:24%;
    border:1px solid #e5e5e5;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word; 
}
.stepDiv .no{
    font-size: 1.8rem;
}
.stepDiv .topImg{
    width: 100%;
    height: 220px;
}
.stepDiv .topImg4{
    width: 100%;
    height: 190px;
}
.stepDiv .title{
    color:#228B22;
    font-size: 1.0rem;
    font-weight: 400;
    text-decoration: underline;
    line-height: 40px;
}
.stepDiv .content{
    min-height: 150px;
    font-size: 0.8rem;
    color:#666
}
.stepDiv .date{
    color:#CCC;
    font-size: 0.7rem;
}
.stepDiv.hover:hover img{
    transform: scale(1.1);
}
.stepDiv img, .stepDiv svg{
    transition: transform 0.3s ease;
}
.stepDiv img.videoImg{
    opacity: 0.8;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 7px rgba(22, 28, 74, 0.16);
}
.stepDiv:hover img.videoImg{
    transform: scale(1.1);
    opacity: 1;
}
.stepDiv svg{
    color:#000
}
.stepDiv:hover svg{
    color:#FFF;
    transform: scale(1.1);
}
.kikan_logoDiv{
    background: #f8f9fa;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
}
.logoDiv{
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
}
.logoDiv a{

    display: flex;
      justify-content: center;
      align-items: center;
}

.logoDiv a img, .kikan_logoDiv a img{
    transition: transform 0.3s ease;
}
.logoDiv a:hover img.logo_img2{
    transform: scale(1.2);
}
.logoDiv a:hover img.logo_img3{
    transform: scale(1.3);
    opacity: 1
}
.kikan_logoDiv a:hover img.logo_img4{
    transform: scale(1.3);
    opacity: 1
}
.kikan_logoDiv a:hover img.logo_img5{
    transform: scale(1.3);
    opacity: 1
}
.videoTitle{
    font-size: 1.0rem;
    line-height: 1.3rem;
    font-weight: 500;
    min-height: 50px;
    border-bottom:1px solid #e5e5e5
}
.videoTitle2{
    font-size: 1.0rem;
    line-height: 1.3rem;
    font-weight: 300;
    min-height: 35px;
    border-bottom:1px solid #e5e5e5
}
.video_item{
    width:33%;
    text-align: center;
}

.qa_q{
    background-color: #0B7F96;
    color:#FFF
}

.qa_a{
    background-color: #14a83b;
    color:#FFF;
    line-height:30px
}
.qa_content{
    line-height: 24px
}
footer{
    background: #ECECEC;
    min-height: 100px;
    padding-bottom: 40px;
}
.gotoTopDiv{
    background:#f4f4f4;
    height:60px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color:#666;
}
.contactDiv{
    min-height: 200px;
    padding: 0 20px;
}
.contactDiv .contactNav{
    width: 50%
}
.contactMenu{
    font-size: 1.0rem
}
.contactMenu li{
    line-height: 40px
}
.contactMenu .tel{
    background-color: #EFEFEF;
    color: #333;
    padding: 5px;
}
.contactMenu .qaBt{
    
}
.sitemapNav{
    width:25%;
}
.sitemapNav li{
    line-height: 40px;
    margin-right: 10px;
    position: relative;
    padding-left: 15px
}
.sitemapNav li a:hover{
    text-decoration: underline
}
.sitemapNav li::before{
    left: 0;
    width: 7px;
    height: 10px;
    background-size: 7px 10px;
    content: "";
    position: absolute;
    top: 16px;
    background: url(../img/link_right.svg) no-repeat 0 0;
}

.download_btn::before{
    left: 0;
    width: 16px;
    height: 14px;
    background-size: 7px 10px;
    content: "";
    top: 15px;
    display: inline-block;
    background: url(../img/link_right2.svg) no-repeat 0 0;
}
.teleIcon{
    transform: rotate(45deg);
    transform-origin: center;
    margin-top: -10px;
    margin-left: -20px
}
.copyright{
    font-size: 12px;
    line-height: 30px;
    color:#666;
    font-style: normal;
}

.videoPlay{
    margin-top: -300px;
    color: #DDD;
}
.videoPlay:hover{

    color: #FFF
}


/*news*/
.newsUL{
    width: 100%;
}
.newsUL li{
    border-top: 1px solid #DEDEDE;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.newsUL li a{
    display: flex;
    width: 100%;
    color:#333 !important;
}
.newsUL li a span.newsDate{
    flex: 0 0 180px;
    width: 180px;
    font-size: 1.0rem
}

.newsUL li a span.newsType{
    flex: 0 0 150px;
    width: 150px;
    background-color: #EEE;
    text-align: center
}

.newsUL li a span.newsTitle{
    font-size: 1.0rem
}

.newsUL li a span.newsTitle:hover{
    text-decoration: underline
}
a.newsType{
   background-color: #EEE;
   text-align: center;
   padding: 5px;
   
}


/*QA*/
.qaUL{
    width:100%;
}
.qaUL li{
    padding: 0 10px;
    line-height: 35px;
    margin-bottom: 5px;
    border-right: 1px solid #ccc
}
.qaUL li:hover{
    background:#ECECEC
}
.qaUL a{
    max-width: 500px
}
.qaUL a:hover{
    text-decoration: none
}
.qaUL li .qaTypeText{
    margin-top: -30px
}
.border-bottom-white{
    border-bottom: 1px solid white;
}


.content_left1{
    width:25%;
}
.content_right1{
    width:70%;
}
.altana_img1{
    width:100%;
    height:auto;
    transition: transform 0.3s ease;
}
.altana_img1:hover{
    transform: scale(1.1);
}
.altana_gamen_content{
    height: 130px;
}
.price {
    width: 24%;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.price:hover{
    border: 1px solid blue !important;
    background: #4169E1 !important;
    box-shadow: 0px 0px 7px rgba(22, 28, 74, 0.16);
    color:#FFF;
    transform: scale(1.1);
}

.price1{
    height: 60px;
    width:100%;
    text-align: center;
    font-size: 1.5rem;
}
.price1 button{
    font-size: 1.2rem
}
.price1 button span.color1{
    background: #FFA500
}
.price1 button span.color2{
    background: #FF4500
}
.price2{
    height: 60px;
    width:100%;
    text-align: center;
    font-size: 1.0rem;
}
.price3{
    height: 100px;
    text-align: center;
    color: #8A2BE2;
    font-size: 1.5rem;
    line-height: 2.5rem;

}
.price:hover .price3{
    color:#FFF
}

.price4{
    height:100px;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.8rem;
}

.price:hover .price5 a{
    background-color:#FF8C00;
    border-color: #FF8C00;
    
}

.price6{
    height:150px;
    padding-left:15px;
    line-height: 1.2rem;
    
}

.guideline_content{
    line-height: 2.5rem;
    font-size: 1.1rem
}
.guideline_title{
    width:250px;
}