@charset "UTF-8";

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

.img_center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fs80 {
    font-size: 80%;
}

.txt_c {
    text-align: center;
}

.tb_only {
    display: none;
}

.sp_only {
    display: none;
}

.pc_only {
    display: inherit;
}

.margin_auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media only screen and (min-width: 691px) and (max-width: 1000px) {
    .pc_only {
        display: none;
    }

    .sp_only {
        display: none;
    }

    .tb_only {
        display: inherit;
    }
}

@media only screen and (max-width: 690px) {
    .pc_only {
        display: none;
    }

    .tb_only {
        display: none;
    }

    .sp_only {
        display: inherit;
    }
}

#sub_mainimage {
    margin: 0 auto 0;
    padding: 72px 40px 39px 40px;
    background-color: #f5f5f5;
    color: #707070;
    margin: 10px auto 0;
    text-align: center;
    font-size: 40px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

#sub_mainimage p {
    text-align: center;
    font-size: 45px;
    line-height: 47px;
    font-weight: bold;
    margin-bottom: 7px;
}

#sub_mainimage .sub_tit {
    font-size: 20px;
    text-align: center;
    display: block;
}

#contents_left {
    float: left;
    width: calc(100% - 280px - 30px);
}

#contents_right {
    float: right;
    width: 280px;
}

#container_in {
    padding: 10px 0;
    margin: auto;
    max-width: 1722px;
}

#container_in:after {
    display: block;
    clear: both;
    content: "";
}

#subnav_title h2 {
    font-size: 20px;
    text-align: center;
    display: block;
    font-weight: bold;
    padding: 13px 10px;
    border-bottom: 2px solid #ccc;
    margin: 0 auto 10px;
}

#subnav.akira_side ul li {
    list-style: none;
}
#subnav.akira_side ul ul{
  margin-left: 1.5em;
}
#subnav.akira_side ul ul ul{
  margin-left: 0;
}
#subnav.akira_side ul li a {
  width: 100%;
  display: block;
  padding: 8px 5px 8px 30px;
  position: relative;
  font-size: 16px;
  transition: 0.3s;
}
#subnav.akira_side ul li li a {
  font-size: 13px;
  line-height: 1.2;
}
#subnav.akira_side ul li a:hover, 
#subnav.akira_side ul li li a:hover{
  text-decoration: underline;
}
/*#subnav.akira_side ul li.current > a,*/ 
#subnav.akira_side ul li.current li.current > a, 
#subnav.akira_side ul li.current li.current li.current > a {
  background-color: #efefef;
}

.glossary_side #subnavi_title a:hover,
.akira_side #subnavi_title a:hover {
  opacity: 0.7;
}

.glossary_side #subnavi_title,
.akira_side #subnavi_title {
  font-size: 20px;
  text-align: center;
  display: block;
  font-weight: bold;
  padding: 13px 10px;
  border-bottom: 2px solid #000;
  margin: 0 auto 10px;
}

#contents_right ul li {
  list-style: none;
}
#contents_right ul li a {
  width: 100%;
  display: block;
  padding: 8px 5px 8px 30px;
  position: relative;
  font-size: 16px;
}
#contents_right ul li a:hover{
  text-decoration: underline;
} 
/*#contents_right ul li.current > a{
  background-color: #efefef;
}*/
#contents_right ul li a:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  background-color: currentColor;
  position: absolute;
  top: 1.05em;
  border-radius: 50%;
  left: 12px;
  transition: all .2s ease-in 0s;
}

#contents_right ul li a:hover:before,
#contents_right ul li.current > a:before {
  background-color: #00BCD4;
}
/*Subnav Accordion*/
#contents_right ul > li.current{
    position: relative;
}
#contents_right ul > li.current > a{
    width: 100%;
    background-color: #efefef;
}
#contents_right ul > li.current.active > a{
    margin-bottom: 10px;
}
#contents_right ul > li.current li > a{
    width: 100%;
}
#contents_right ul > li li::after{
    display: none;
}



.acc_wrap {
    position: relative;
    cursor: pointer;
    transition: 1s;
}

/*glossary_side*/
.glossary_side ul > li ul{
    display: none;
    /*margin-left: 2em;*/
}
.glossary_side ul > li.current > a{
    width: calc(100% - 50px);
    background-color: transparent !important;
    /*background-color: #efefef;*//*一旦解除*/
}
.glossary_side ul li.current li.current > a{
    width: 100%;
}
.glossary_side ul > li.current{
    position: relative;
}
.glossary_side ul > li.current::before{
    content: "";
    width: 12px;
    height: 12px;
    border: solid #333;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1;
    cursor: pointer;
    transition: .3;
}
.glossary_side ul > li.current li::before{
    display: none;
}
.glossary_side ul > li.current.active::before{
    top: 16px;
    transform: rotate(225deg);
}
.glossary_side ul > li.current::after {
    content: "";
    width: 50px;
    height: 40px;
    top: 0;
    right: 0;
    cursor: pointer;
    /*background-color: #00cbd1;*//*一旦解除*/
    position: absolute;
    cursor: pointer;
    z-index: 0;
}

.menu_btn_d332 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: inherit;
}

.page_jepico .menu_btn_d332 li {
    list-style: none;
    width: calc(33.8% - 9.4px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

.menu_btn_d332 li {
    margin: 0;
    width: calc(34% - 12.7px);
}

.jepico_box06_02 .menu_btn_d332 li a {
    border: 0;
    background-position-x: 95%;
    padding: 98px 0 97px 67px;
    font-size: 24px;
    text-align: left;
}

.jepico_box06_02 .menu_btn_d332 li:nth-child(2) a {
    background-position-x: 95%;
}

.jepico_box06_02 .menu_btn_d332 li:nth-child(3) a {
    background-position-x: 95%;
}

.jepico_box06_02 .menu_btn_d332 li a:hover {
    opacity: 0.7;
    color: #333;
}

.menu_btn_d332 a::before,
.menu_btn_d331 a::before {
    display: none;
}

.akira_den_foo .dlb_area_2.dlb_contact_area {
    padding: 65px 0 28px;
    background: #F5F5F5;
}

.akira_den_foo .dlb_contact_block {
    max-width: inherit;
}

.akira_den_foo .dlb_area_2 .dlb_contact_info {
    text-align: center;
    margin-bottom: 29px;
}

.akira_den_foo .dlb_contact_info p {
    font-size: 20px;
    text-align: center;
}

.dlb_area_2 .dlb_contact_btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.akira_den_foo .dlb_contact_btn .dlb_btn {
    margin: 0px 20px;
    min-width: 240px;
}

.akira_den_foo .dlb_color_btn_bg {
    background-color: inherit;
}

.akira_den_foo p {
    background: none;
    text-align: center;
    font-size: 18px;
}

.akira_den_foo .dlb_color_btn_bg a {
    color: #fff;
    border: none;
    padding: 25px 10px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 22px;
    min-width: 400px;
}

.akira_den_foo .dlb_color_btn_bg:nth-of-type(2) a {
    color: #31333E;
    padding: 25px 10px;
    background: #fff;
}

.akira_den_foo .dlb_color_btn_bg a:hover {
    opacity: 0.7;
}

.dlb_btn a::before,
.dlb_btn_inlineb a::before {
    display: none;
}

.akira_den_box_foo {
    margin: 0 auto 72px;
    font-family: Segoe UI, sans-serif;
}

.akira_den_box_foo_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.akira_den_area_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.akira_den_box_foo_in .akira_den_area {
    width: calc(33.3% - 26px);
    margin-right: 26px;
    margin-bottom: 1px;
    background: #D8D8D8;
    padding: 25px 0 19px 32px;
}

.akira_den_box_foo_in .akira_den_area:nth-of-type(2) {
    background: #A7A7A7;
}

.akira_den_box_foo_in .akira_den_area:nth-of-type(3) {
    background: #747474;
    margin-right: 0;
}

.akira_den_box_foo_in .akira_den_area h3 {
    color: #707070;
    padding: 21px 0;
    font-size: 21px;
    font-weight: 700;
}

.akira_den_box_foo_in .akira_den_area:nth-of-type(2) h3 {
    color: #FFFFFF;
}

.akira_den_box_foo_in .akira_den_area:nth-of-type(3) h3 {
    color: #FFFFFF;
}

.tit_more {
    font-size: 10.5px;
    background: #fff;
    height: 71px;
    border-radius: 50%;
    letter-spacing: -1px;
    width: 71px;
    display: block;
    padding: 27px 0;
    margin-right: 20px;
    text-align: center;
}

.content_sub_top {
    display: block;
    margin: 28px auto 30px;
}

.content_sub_top p {
    text-align: center;
    font-size: 13px;
}
.optimus_tit h2 {
  font-size: 25px;
  line-height: 1.2;
  padding: 0.6em;
  color: #fff;
  margin-bottom: 27px;
  clear: both;
  font-weight: 500;
  background: rgb(0, 157, 223);
  background: linear-gradient(175deg, rgba(0, 157, 223, 1) 0%, rgba(0, 235, 199, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ddf', endColorstr='#00ebc7', GradientType=1);
}

@media all and (-ms-high-contrast: none){
  .optimus_tit h2 {
    padding: 0.6em 0.6em 0.4em;
  }
}
.leadTitl{
  font-size: 25px;
  line-height: 1.2;
  padding: 0.6em;
  color: #fff;
  clear: both;
  font-weight: 500;
  background: rgb(0, 157, 223);
  background: linear-gradient(175deg, rgba(0, 157, 223, 1) 0%, rgba(0, 235, 199, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ddf', endColorstr='#00ebc7', GradientType=1);
}
.optimus_tit p {
    color: #707070;
}
.optimus_area_tit h3 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  position: relative;
  padding: 0 0 0 20px;
  margin-bottom: 15px;
}
.optimus_area_in h3 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 20px;
}
.optimus_area_tit h3:before,
.optimus_area_in h3:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    background: #323334;
    top: 8px;
}
.optimus_area_in p {
    /*font-size: 20px;*/
    color: #000;
    font-weight: bold;
    padding: 0 0 0 18px;
}

.optimus_area {
    margin: 59px auto 80px;
    position: relative;
    width: 100%;
}
.optimus_area:after {
    content: '';
    clear: both;
    display: block;
}
.optimus_area_in {
    float: left;
    width: calc(58.5% - 15px);
}

.optimus_area01_in .optimus_area01_in_col {
    width: calc(50.5% - 20px);
    margin-right: 25px;
    margin-bottom: 0;
}

.optimus_area01_in .optimus_area01_in_col:nth-of-type(even) {
    margin-right: 0;
}

.optimus_area_img {
    float: right;
    width: calc(44.5% - 20px);
}

.optimus_area_img img {
    width: 100%;
    height: auto;
}

.optimus_area01 {
    margin: 0 auto 60px;
}

.optimus_area01_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.optimus_area01 .col_l .col+.col {
    margin-left: 24px;
}

.optimus_area01 .col_l .col,
.optimus_area01 .col_r {
    position: relative;
}

/*.optimus_area01 .btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}*/

.optimus_area01_in_col h3 {
    font-size: 18px;
    color: #707070;
    font-weight: bold;
    padding: 0 0 9px 0;
}

.optimus_area01_in_col p {
    font-size: 13px;
    color: #707070;
}

.optimus_area01_in_img {
    float: left;
    margin-right: 25px;
    width: 150px;
}

.optimus_area01_in_img img {
    width: 100%;
    height: auto;
}

.optimus_all {
    float: none;
    width: auto;
}

.optimus_all_tit {
    margin-bottom: 30px;
}

.optimus_area_ti {
    margin-bottom: 25px;
}

.aboutTable {
    margin: 0 auto 50px;
}

.aboutTable .tdtitle {
    background: #EFEFEF;
    color: #707070;
    border-bottom: 1px solid #707070;
    font-weight: bold;
    padding: 23px 8px;
    /*white-space: nowrap;*/
    text-align: center;
}

table {
    border-collapse: collapse;
    width: 100%;
    table-layout: inherit;
}

table.tab td {
    border: 1px solid #707070;
    padding: 14px 10px;
}

.tablewrap .btn {
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 1200px) {
    .optimus_area01 .col_l,
    .optimus_area01 .col_r {
        width: 100%;
        margin-left: 0;
    }

    .optimus_area01 .col_l .col+.col {
        margin-left: 0;
    }

    .optimus_area01 .col {
        flex: initial;
    }

    .optimus_area01 .btn {
        position: static;
    }

    .tablewrap {
        overflow-x: scroll;
    }

    .tablewrap table {
        display: table;
        width: 1200px;
    }

    .optimus_area01_in_img {
        width: calc(17vw - 20px);
    }
}

.represen_top {
    display: block;
    margin: 85px auto 80px;
    position: relative;
}

.represen_top:after {
    content: "";
    display: block;
    clear: both;
}

.represen_top_in {
    float: left;
    width: calc(64% - 20px);
    margin-right: 60px;
}

.represen_top_img {
    float: right;
    width: calc(32% - 20px);
}

.represen_top_in p {
    color: #000;
    padding-bottom: 6px;
}

.represen_top_img img {
    width: 100%;
    height: auto;
}

.represen_title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.access_top_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.access_top_in .access_col {
    width: calc(30% - 12px);
    margin-right: 60px;
    margin-bottom: 65px;
}

.access_top_in .access_col_img {
    width: calc(45% - 60px);
    margin-right: 60px;
    margin-bottom: 65px;
}

.access_top_in.img_w28 .access_col_img {
    width: calc(28% - 20px);
    margin-right: 20px;
    margin-bottom: 65px;
}

.access_top_in .access_col_detail {
    width: 55%;
    margin-bottom: 65px;
}

.access_top_in.img_w28 .access_col_detail {
    width: calc(72% - 20px);
    margin-bottom: 65px;
}


.access_top_in02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    flex-direction: row-reverse;
}

.access_top_in02 .access_col {
    width: calc(30% - 12px);
    margin-right: 60px;
    margin-bottom: 65px;
}

.access_top_in02 .access_col_img {
    width: calc(45% - 60px);
    margin-left: 60px;
    margin-bottom: 65px;
}

.access_top_in02 .access_col_detail {
    width: 55%;
    margin-bottom: 65px;
}



.access_contact p {
    font-weight: 500;
}

.access_top_in .access_col img,
.access_top_in .access_col_img img,
.access_top_in02 .access_col_img img,
.access_top_in .access_col_detail img {
    max-width: 100%;
    height: auto;
    padding: 20px;
    background: #EFEFEF;
}

.access_top_in .access_col:nth-of-type(even) {
    margin-right: 0;
}

.access_map {
    margin: 0 auto 80px;
}

.access_map p.txt_link a {
    font-size: 26px;
}

.access_box_top {
    display: block;
}

.access_box_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.access_box_in .access_box_col {
    width: calc(26.5% - 19px);
    margin-right: 12.2%;
    margin-bottom: 11%;
    position: relative;
}

.access_box_in .access_box_col:before {
    content: "";
    position: absolute;
    right: -30%;
    top: 41%;
    width: 30px;
    height: 60px;
}

.access_box_in .access_box_col:nth-of-type(6):before,
.access_box_in .access_box_col:nth-of-type(3):before {
    display: none;
}

.access_box_in .access_box_col:nth-of-type(3),
.access_box_in .access_box_col:nth-of-type(6) {
    margin-right: 0;
}

.access_box_img {
    display: block;
}

.access_box_img img {
    width: 100%;
    margin: 0 auto;
}

.access_box_con {
    background: #D8D8D8;
    padding: 20px;
}

.access_box_con p {
    font-size: 14px;
}

.access_box_con p:hover,
.access_box_img img:hover {
    opacity: 0.7;
}

.access_top_in .access_col_two {
    width: calc(33% - 2px);
}

.access_top_in .access_col .access_box03_img img {
    padding: 0;
    margin: 15px 0 0 0;
}

.each_detail_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.each_detail_top .each_detail {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.each_detail_top .each_detail:nth-of-type(3n) {
    margin-right: 0;
}

.each_detail_top .each_detail a {
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 16px 22px 16px 10px;
    background: rgb(24, 158, 221);
    background: linear-gradient(165deg, rgba(24, 158, 221, 1) 0%, rgba(40, 236, 199, 1) 100%);
}

.each_detail_top .each_detail a:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: calc(50% - 6px);
    right: 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.each_detail_top .each_detail a:hover {
    opacity: .7;
}

.each_detail_box {
    display: block;
    margin: 0 auto 50px;
}

.each_detail_box_img {
    float: left;
    /*width: 57.5%;*/
    margin-right: 5%;
}

.each_detail_box_img img {
    width: 100%;
    height: auto;
}

.link_more_top {
    display: block;
    margin: 0 auto;
    width: 62%;
    border: 1px dotted #AAAAAA;
    padding: 70px 7.3%;
    position: relative;
    background: url(../image/each_detail_box01_02.png)no-repeat left center;
    background-position: 13%;
}

.link_more_top:before {
    content: "";
    clear: both;
    display: block;
}

.link_more {
    display: block;
    margin-left: 39%;
    text-align: center;
    width: 60.5%;
}

.link_more a {
    font-size: 14px;
    text-align: center;
    display: block;
    color: #fff;
    padding: 24px 10px;
    background-color: #060606;
    background-position-x: 97%;
}

.link_more a:hover {
    opacity: 0.7;
}

.each_detail_box01 {
    display: block;
    margin: 0 auto 50px;
}

.each_detail_box0_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.each_detail_box0_in .each_detail_box01_col {
    width: calc(48.5% - 7px);
    margin-right: 4%;
    margin-bottom: 24px;
    position: relative;
}

.each_detail_box01_img {
    float: left;
    width: 51.5%;
    margin-right: 25px;
}

.each_detail_box01_img img {
    width: 100%;
    height: auto;
}

.each_detail_box01_con h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 10px 0;
    overflow: hidden;
    word-break: break-all;
}

.each_detail_box01_con p {
    font-size: 13px;
}

.each_detail_box0_in .each_detail_box01_col:nth-of-type(even) {
    margin-right: 0;
}

.area_in01 {
    margin: 59px auto 45px;
}

.area_in02 {
    margin: 59px auto 30px;
}

.each_detail_box02_new .dlb_rss .rss_date {
    display: none;
}

.each_detail_box02_new {
    position: relative;
    display: block;
    clear: both;
    margin: 0 auto 70px;
}

.each_detail_box02_in {
    width: 70%;
}

.each_detail_box02_more {
    position: absolute;
    right: 0;
    bottom: 0;
}

.each_detail_box02_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.each_detail_box02_btn a {
    padding: 11px 10px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    background-color: #060606;
    background-position-x: 95%;
    width: 185px;
}

.each_detail_box02_btn a:hover {
    opacity: 0.7;
}

.each_detail_box02_new .dlb_rss .rss_title {
    float: right;
    width: calc(100% - 1px - 0px);
}

.each_detail_box02_new .dlb_rss .rss_new {
    background: #57595A;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin: 3px;
    margin-left: 0;
    display: inline-block;
}

.each_detail_box02_new .dlb_rss dl {
    padding: 20px 15px 20px 0;
}

.each_detail_box03 {
    display: block;
    margin: 0 auto 65px;
}

.each_detail_box03_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;*/
}

.each_detail_box03_in .each_detail_box03_col {
    width: calc(50.5% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px dotted #AAAAAA;
    padding: 25px;
}

.each_detail_box03_in .each_detail_box03_col:nth-of-type(even) {
    margin-right: 0;
}

.each_detail_box03_img {
    float: left;
    width: 43.6%;
    margin-right: 35px;
    position: relative;
}

.each_detail_box03_img img {
    width: 100%;
    height: auto;
}

.each_detail_box03_img h3 {
    text-align: center;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    right: 0;
    left: 0;
    color: #fff;
    background: rgba(41, 51, 55, 0.49);
    padding: 10px;
    font-weight: bold;
}

.each_detail_box03_con {
    /*overflow: hidden;*/
}

.each_span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.each_span .each_tit {
    margin-right: 10px;
}

.each_tit {
    background: #57595A;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-bottom: 9px;
    display: block;
    max-width: 100px;
    text-align: center;
}

.each_tit1 {
    background: #57595A;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-bottom: 9px;
}

.each_detail_box03_con p {
    padding-top: 15px;
}

.each_detail_m {
    display: block;
    margin: 15px 0 0 0;
}


/*----------------chanrith--------------*/


/*.................Start_fotter...............*/

.footer_bottom {
    background: black;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
    padding: 0 0 45px 0;
}

.footer_cont {
    padding: 100px 50px;
}

.footer_cont p {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.footer_bottom_li {
    margin: 0 0 0 0;
}

.footer_bottom_01 {
    padding: 0 80px;
}

.footer_bottom_li li {
    display: inline;
    padding-right: 25px;
    margin-right: 25px;
    border-right: 1px solid #fff;
}

.copyrights {
    float: right;
}

.footer_bottom_li li:nth-of-type(2) {
    border: 0;
}

.footer_bottom_li li a {
    color: #fff;
    font-size: 20px;
}

.footer_bottom_li li a:hover {
    text-decoration: underline;
}

.copyright {
    color: #fff;
    font-size: 14px;
}

.footer_bottom_in {
    float: left;
}

.foo_copy {
    float: right;
}


/*..............Responsive...........*/


/*....................Start_page_other_servive...............*/

.other_servive {
    margin: 80px auto 0px;
}

.other_servive p {
    font-size: 13px;
}

.other_servive_block01 {
    margin-top: 80px;
}

.other_servive_block02:after,
.other_servive_block03:after,
.other_servive_block04:after {
    display: block;
    clear: both;
    content: "";
}

.other_servive_block01,
.other_servive_block02,
.other_servive_block03,
.other_servive_block04 {
    margin-bottom: 80px;
}

.other_servive_block01:after {
    display: block;
    clear: both;
    content: "";
}

.other_servive_block01_in {
    width: 891px;
}

.other_servive_block01_in p {
    padding: 5px 0 0 20px;
}

.optimus_area_img01 {
    float: right;
}

.optimus_area_img01 img {
    width: auto;
    height: auto;
}

.other_servive_block02_in {
    width: 891px;
    margin: 0 auto 0px;
}

.other_servive_block02_in p {
    padding: 5px 0 0 20px;
}

.optimus_area_img02 {
    float: right;
}

.optimus_area_img02 img {
    width: auto;
    height: auto;
    margin: 0 auto 0px;
}

.other_servive_block03_in {
    width: 891px;
    margin: 0 auto 0px;
}

.other_servive_block03_in p {
    padding: 5px 0 0 20px;
}

.optimus_area_img03 {
    float: right;
}

.optimus_area_img03 img {
    width: auto;
    height: auto;
    margin: 0 auto 0px;
}

.other_servive_block04_in {
    width: 891px;
    margin: 0 auto 0px;
}

.other_servive_block04_in p {
    padding: 5px 0 0 20px;
}

.optimus_area_img04 {
    float: right;
}

.optimus_area_img04 img {
    width: auto;
    height: auto;
    margin: 0 auto 0px;
}


/*..............Responsive...........*/

.history_top .com_pro_box2 table tr td:first-child {
    width: 26%;
}

.history_top .com_pro_box2 table td {
    padding: 25px 0 25px 33px;
}

.history_top .span_tit_even {
    margin-left: 56px;
}

.history_top .span_tit_odd {
    margin-left: 65px;
}

.history_top_area table {
    width: 100%;
}


/*...................Start_event_seminar_information.................*/

.event_seminar_information .dlb_rss .rss_date {
    display: none;
}

.event_seminar_information .dlb_rss dl {
    padding: 10px 16px 10px 0;
}

.event_seminar_information .dlb_rss .rss_new {
    background: #57595A;
    color: #fff;
    border-radius: 4px;
    padding: 2px 8px;
    margin-right: 10px;
}

.event_seminar_information {
    margin: 0 auto 65px;
}

.event_seminar_information .dlb_rss .rss_title {
    float: none;
    width: calc(100% - 0px - 0px);
}

.event_seminar_information .dlb_rss .rss_contents {
    float: none;
}

.event_information {
    margin: 21px auto 0;
}

.p_information {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0px 5px 0;
}

.p2_information {
    font-size: 13px;
    text-align: center;
}

.event_seminar_information_in {
    margin-top: 62px;
    display: flex;
}

.event_seminar_information_img {
    padding-right: 40px;
}

.event_seminar_information_tit {
    position: relative;
    width: 100%;
}

.event_seminar_information_tit h2 {
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    border-left: 3px solid #293337;
    padding-left: 10px;
    margin: 0 0 13px 0;
    line-height: 26px;
}

.event_seminar_information_tit p {
    padding-bottom: 15px;
}

.event_seminar_information_tit a {
    color: #333;
}

.btn_pick {
    width: 100%;
    padding-bottom: 20px;
}

.btn_pickup {
    width: 54px;
    background: #293337;
    color: #fff;
    border-radius: 3px;
    font-size: 6px;
    text-align: center;
    padding: 3px;
    margin-top: 20px;
    clear: both;
}

.btn_pickup_02 {
    width: 54px;
    background: #293337;
    color: #fff;
    border-radius: 3px;
    font-size: 6px;
    text-align: center;
    margin-top: 20px;
    clear: both;
    padding: 3px;
}

.span_top {
    position: absolute;
    padding-left: 35px;
    color: #293337;
    font-size: 14px;
    top: 88px;
}

.btn_pick_02 {
    width: 100%;
    border-top: 1px dotted darkgrey;
    border-bottom: 1px dotted darkgrey;
    padding-bottom: 20px;
}

.span_top_02 {
    position: absolute;
    padding-left: 35px;
    color: #293337;
    font-size: 14px;
    top: 142px;
}

.btn_three {
    clear: both;
    margin: 0px auto 75px;
    width: 100%;
}

.btn_three_in a {
    display: inline-block;
    width: calc(34% - 19px);
    margin-right: 9px;
    color: #fff;
    text-align: center;
    padding: 16px;
    background: rgb(24, 158, 221);
    background: linear-gradient(165deg, rgba(24, 158, 221, 1) 0%, rgba(40, 236, 199, 1) 100%);
}

.btn_three_in a:hover {
    opacity: .7;
}

.btn_three_in a:nth-of-type(3) {
    margin-right: 0;
}

.link_01 {
    background: #57595A;
    border-radius: 3px;
    font-size: 13px;
    padding: 5px 40px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
}

.link_02 {
    background: #57595A;
    border-radius: 3px;
    font-size: 13px;
    padding: 5px 40px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
}

.link_03 {
    background: #57595A;
    border-radius: 3px;
    font-size: 13px;
    padding: 5px 34px;
    text-align: center;
    color: #fff;
}

.information_box_03 h2 {
    font-size: 28px;
    border-left: 7px solid rgb(24, 158, 221);
    padding: 0 0 0 13px;
    margin-bottom: 10px;
}

.table_box_03 {
    color: #707070;
}

.p_box_03 {
    font-size: 13px;
}

.table_box_03 th {
    padding: 18px 20px 18px 8px;
}

.table_box_03 th:nth-of-type(2) {
    padding-left: 18px;
    font-size: 20px;
}

.table_box_03 h3 {
    padding-top: 18px;
    font-size: 20px;
    font-weight: bold;
}

.table_box_03 img {
    padding: 22px 84px 19px 0px;
}

.table_box_03 li {
    padding-left: 7px;
}

.information_box_04 h2 {
    font-size: 28px;
    border-left: 7px solid #293337;
    padding-left: 10px;
    margin-bottom: 30px;
}

.table_box_04 {
    color: #707070;
}

.p_box_04 {
    font-size: 13px;
    padding: 5px 0px 45px 10px;
}

.table_box_04 th {
    padding: 18px 20px 18px 8px;
    width: 1px;
}

.table_box_04 th:nth-of-type(2) {
    padding-left: 18px;
}

.table_box_04 p {
    font-size: 20px;
    color: #707070;
}

.table_box_04 img {
    padding: 22px 98px 19px 0px;
}

.table_box_04 li {
    padding-left: 7px;
}

.p_left {
    padding-top: 18px;
    font-size: 20px;
}

.information_box_05 h2 {
    font-size: 28px;
    border-left: 7px solid #293337;
    padding-left: 13px;
    margin-bottom: 80px;
}

.table_box_03 p {
    font-size: 20px;
    color: #707070;
}

.information_box_03_top {
    margin: 0 auto 55px;
}


/*----------------end chanrith--------------*/


/*-----------------start bora----------------*/

.represen_top_img {
    background: url(../image/representative_name_desc.png)no-repeat center bottom;
    padding-bottom: 55px;
    margin-bottom: 45px;
}

.description_txt {
    font-size: 14px;
    text-align: center;
    color: #333;
    margin-top: 15px;
    display: block;
    font-weight: bold;
}

#sub_mainimage .sub_tit a {
    color: #707070;
    text-decoration: underline;
}

#sub_mainimage .sub_tit a:hover {
    text-decoration: none;
}

.clear_txt {
    clear: both;
}

.other_com_01 .inner,
.msc_pro_01 .inner {
    padding: 15px 0 0 0;
    margin: auto;
    font-size: 13px;
    text-align: center;
}

.other_com_02 .inner,
.msc_pro_02 .inner {
    padding: 70px 0;
    width: inherit;
}

.other_com_02 .top_txt_title,
.msc_pro_02 .top_txt_title {
    border-left: 5px solid #333;
    font-size: 28px;
    padding-left: 20px;
    font-family: "Yu Gothic, Medium";
    border-bottom: 1px solid #333;
    margin-bottom: 35px;
}

.other_com_02 .in_title,
.msc_pro_02 .in_title {
    color: #000;
    font-size: 20px;
}

.top_txt_bl02 {
    margin-bottom: 68px;
}

.other_com_02 .in_title dl,
.msc_pro_02 .in_title dl {
    position: relative;
    padding-left: 20px;
    font-weight: bold;
}

.other_com_02 .in_title dl:before,
.msc_pro_02 .in_title dl:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #333;
    position: absolute;
    left: 0;
    top: 8px;
}

.in_cont .img_left {
    width: 420px;
    margin-right: 80px;
}

.in_cont .img_right {
    width: 420px;
}

.in_cont .img_left img {
    max-width: 100%;
    height: auto;
    display: block;
}

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

.in_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: center;
    padding: 40px 0;
}

.box_in {
    display: block;
}

.cont_full {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.in_cont_full {
    display: block;
    width: 1024px;
    margin: 0 auto 0;
}

.in_cont_full img {
    height: auto;
    max-width: 100%;
    padding-top: 60px;
    margin: 0 0 50px 0;
}

.cont_img_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cont_img_wrap img {
    margin-bottom: 20px;
}

.left_txt_box {
    width: 330px;
    margin-right: 36px;
}

.right_txt_box {
    width: 330px;
}

.cont_img_wrap .left_txt_box img:nth-of-type(2),
.cont_img_wrap .right_txt_box img:nth-of-type(2) {
    margin-bottom: 10px !important;
}

.in_box_01 {
    border: 1px solid #707070;
    padding: 8px 134px 8px 134px;
    text-align: center;
    width: 870px;
    display: block;
    margin: 0 auto 0;
}

.in_box_01 .txt_title {
    padding-bottom: 49px;
    font-size: 19px;
}

.in_box_01 .txt_title a {
    font-size: 20px;
}

.in_box_01 .txt_title a:hover {
    text-decoration: underline;
}

.in_box_02 {
    border: 1px solid #707070;
    padding: 74px 30px;
    width: 870px;
    margin: 35px auto 0px;
}

.left_txt_box_02 {
    width: 420px;
    margin-right: 10px;
}

.right_txt_box_02 {
    width: 420px;
    margin-left: 10px;
}

.cont_img_wrap {
    font-size: 20px;
    text-align: center;
}

.left_txt_box_02 a,
.right_txt_box_02 a {
    margin-bottom: 68px;
    display: block;
}

.left_txt_box_02 a:hover,
.right_txt_box_02 a:hover {
    text-decoration: underline;
}

.in_cont_full_02 {
    width: 1168px;
    margin: 36px auto 0;
}

.img_01_full {
    margin-bottom: 25px;
    display: block;
}


/*introductiion*/

.introduction_block_01 {
    margin: 110px auto 60px;
}

.in_box_wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1366px;
    margin: auto;
}

.introduction_block_01 .inner {
    width: calc(100% - 1px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0;
}

.box_cont {
    width: calc(20% - 1px);
    text-align: center;
    margin-right: 44px;
    position: relative;
}

.box_cont:last-child {
    margin-right: 0;
}

.txt_in_title {
    background: #484C4E;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto 0;
    color: #fff;
    padding: 9px 10px;
    z-index: 1;
}

.box_cont a {
    display: block;
    padding: 55px 10px;
    position: relative;
    background-position-y: 90%;
    border-radius: 20px;
}

.box_cont a:hover {
    opacity: 0.6;
    -webkit-box-shadow: 0 0 4px #978e8e;
    box-shadow: 0 0 4px #978e8e;
    -webkit-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

.introduction_block_02 {
    display: block;
}

.introduction_block_02 .inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0;
}

.box_wp_in {
    padding-bottom: 155px;
    margin-bottom: 60px;
}

.img_box_in {
    background: url(../image/intro_img_1.png)no-repeat center center;
    position: relative;
}

.right_img_02 {
    background: url(../image/intro_img_02.png)no-repeat center center;
    position: relative;
}

.cont_txt_wp {
    position: relative;
    height: 400px;
    width: 1200px;
}

.cont_txt_01 {
    position: absolute;
    top: 200px;
    right: 0;
    width: 650px;
    background: #A2A6A8;
    padding: 66px 110px 100px 66px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

.cont_txt_01 h2 {
    font-size: 32px;
    margin-bottom: 37px;
}

.cont_txt_01 p {
    font-size: 14px;
    width: 480px;
}

.img_box_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.txt_in_title_02 {
    text-align: center;
    font-weight: bold;
    color: #707070;
    font-family: Segoe UI, sans-serif;
    position: relative;
    width: 310px;
    margin: 0 auto 37px;
    padding: 28px 0;
    left: -75px;
}

.top_txt_02 {
    display: inline-block;
    font-size: 30px;
    padding-bottom: 10px;
    position: absolute;
    margin-right: 20px;
    left: 0;
    top: 0px;
}

.top_txt_02:before {
    position: absolute;
    width: 200px;
    height: 1px;
    background: #707070;
    bottom: -1px;
    content: "";
    left: 10px;
}

.box_wp_in:nth-of-type(1) .top_txt_02:before {
    bottom: -2px;
}

.sub_txt {
    font-size: 20px;
    position: absolute;
    top: 15px;
    right: 0;
}

.left_cont_txt {
    right: inherit;
    left: 0;
}

.box_02_wp {
    margin-bottom: 100px;
}


/*---------------end bora-----------*/


/*--------------start ny--------------*/

.Company_information .products_section {
    margin-top: 80px;
}

.company_top01 {
    max-width: 1722px;
    width: 100%;
    display: block;
    margin: 0 auto 0;
    padding: 0;
}

.Company_information_main .products_grid {
    width: 100%;
    margin: 0 auto;
}

.Company_information .pro_box .pro_ttl {
    text-align: left;
    color: #707070;
    font-size: 18px;
}

.Company_information .pro_box .pro_txt {
    text-align: left;
    color: #707070;
    font-size: 13px;
}

.Company_information .gd_12 .colNum {
    padding-right: 0;
    width: 31.6%;
    margin-right: 2.5%;
    margin-bottom: 91.03px;
}

.Company_information .gd_12 .colNum:nth-of-type(3) {
    margin-right: 0;
}

.Company_information .inner {
    width: 100%;
    padding: 0;
}

.Company_information .btn_box_02 a {
    margin: 0 auto;
    color: #fff;
    border: 0;
    width: 165px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 25px;
    background-position: 98% 20px;
    display: block;
    text-align: center;
    padding: 11px 0px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    right: 0;
    float: right;
}

.Company_information .btn_box_02 a:hover {
    opacity: 0.7;
}

.Company_information .tabTitle {
    width: 55%;
    margin: 0 auto;
    border: 2px solid #AAAAAA;
    margin-bottom: 70px;
    padding: 0 54.07px 54.07px 54.07px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Company_information .tabTitle::before {
    border: 1px dashed #AAAAAA;
    position: absolute;
    content: "";
    width: 99%;
    height: 99%;
    left: 0.5%;
    z-index: -1;
    top: 0.5%;
}

.Company_information .tabContents {
    margin: 0 auto;
}

.Company_information .tabTitle .hd_ttl_p {
    color: #B2B2B2;
    font-size: 24px;
    margin-bottom: 27px;
    width: 79%;
    text-align: right;
}

.Company_information .tabTitle .hd_ttl {
    font-size: 44px;
    color: #727272;
    background: #fff;
    -webkit-text-fill-color: #727272;
    margin-top: auto;
    width: 280px;
    margin: -30px auto 0;
}

.Company_information .tabTitle h3 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #777373;
    font-weight: bold;
}

.Company_information .hd_lead {
    margin: 0;
    width: auto;
}

.pro_box.biggerlink {
    position: relative;
    padding-bottom: 60px;
}

@media only screen and (max-width: 690px) {
    .pro_box.biggerlink {
        padding-bottom: 0;
    }
}

.btn_box_02 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.btn_box_more {
    position: static;
}

.operating_environment .optimus_area_in {
    width: 100%;
}

.operating_environment .optimus_area_in p {
    margin-bottom: 30px;
}

.operating_environment .optimus_area_in p:last-child {
    margin-bottom: 0;
}

.operating_environment_001 {
    margin-bottom: 30px;
}

.operating_environment_002 h3 {
    margin-bottom: 30px;
}

.operating_environment_001 img {
    width: auto;
    height: auto;
}

.operating_environment_002 img,
.operating_environment_003 img {
    width: auto;
    height: auto;
}

.operating_environment_002_content {
    margin-top: 25px;
}

.operating_environment_003_content {
    margin-top: 25px;
}

.operating_environment_002_content p {
    padding: 0;
}

.operating_environment .aboutTable.valign_m.tab.case_list {
    margin-bottom: 15px;
}

.operating_environment_003_content p {
    font-size: 20px;
    font-weight: bold;
}

.operating_environment {
    margin-bottom: 60px !important;
}

.operating_environment .aboutTable .tdtitle {
    background: #F9F9F9;
}

.operating_environment .company_profile_box01_top_in {}

.operating_environment .company_profile_box01_top {
    margin-bottom: 0;
}

.txt_over {
    overflow-x: inherit !important;
}

.operating_environment_003_top {
    margin: 0 auto 10px;
}

.pro_sp {
    float: none;
    width: 100%;
}

.Company_information .gd_12 .colNum:nth-of-type(6) {
    margin-right: 0;
}

.prodcut_info_main .optimus_tit {
    margin-bottom: 45px;
}

.prodcut_info_main .optimus_area_img {
    float: left;
    margin-right: 35px;
    width: 40%;
}

.prodcut_info_main .optimus_area_in p {
    font-size: 13px;
    color: #707070;
    padding: 0 0 30px 0;
    font-weight: normal;
}

.operating_environment .optimus_area01 {
    margin: 15px 0 80px 0;
}

.prodcut_info_main .pro_img {
    border: 1px solid #d8d8d8;
    padding: 25px;
    /* height: 232px; */
}

.txt_spaing_bot {
    margin-bottom: 20PX;
}

.prodcut_info_main .pro_img img {
    width: auto;
    height: auto;
}

.prodcut_info_main .content_sub_top {
    width: 70%;
}

.prodcut_info_main .tabContents {
    margin-right: 0;
}


/*-------------------end ny-----------*/


/*-------------start piseth----------*/


/*..............Start Company profile(7-1)..............*/

.wrap_com_pro1 {
    max-width: 1200px;
}

.com_pro_box1 {
    max-width: 725px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 85px;
}

.com_pro_box1 p {
    font-size: 13px;
    color: #707070;
}

.com_pro_box2 table {
    margin-bottom: 65px;
}

.com_pro_box2 table td {
    font-size: 14px;
    border: 0;
    position: relative;
    padding: 25px 0 25px 42px;
    line-height: 22px;
}

.com_pro_box2 table td:last-child {
    padding-left: 0;
    padding-right: 20px;
}

.com_pro_box2 table tr td.content {
    width: 57%;
    display: block;
}

.com_pro_box2 table tr td:first-child {
    width: 23%;
    vertical-align: top;
}

.com_pro_box2 table tr:nth-child(odd) {
    background: #EFEFEF;
}

.com_pro_box2 .com_pro02_td1 {
    float: left;
    width: 100px;
}

.com_pro_box2 .com_pro02_td2 {
    float: left;
    width: 650px;
}

.com_pro_box2 .com_pro02_td5 {
    position: absolute;
    top: 82px;
    left: 290px;
}

.com_pro_box2 .com_pro02_more a {
    display: block;
    background: #565656 url(../image/com_pro02_more.png)no-repeat right;
    background-position-x: 98%;
    width: 333px;
    line-height: 41px;
    text-align: center;
    color: #fff;
    margin: 20px 0 33px 35px;
}

.com_pro_box2 .last_more a {
    margin-bottom: 0px;
}

.com_pro_box2 .com_pro02_more a:hover {
    opacity: 0.8;
}

.bus_partner01 {
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 90px;
}

.bus_partner02_in p {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    position: relative;
    padding-left: 20px;
}

.bus_partner02 .optimus_tit:after {
    content: "";
    display: block;
    clear: both;
}

.bus_partner02_in {
    width: 57%;
    margin-right: 2%;
    float: left;
    margin-bottom: 85px;
}

.optimus_tit .right {
    width: 41%;
    margin-right: 0;
}

.bus_partner02_in p:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #333;
    top: 10px;
    left: 0;
}

.bus_partner02_in a {
    background: #565656 url(../image/com_pro02_more.png)no-repeat right;
    background-position-x: 98%;
    background-size: 27px;
    width: 152px;
    line-height: 30px;
    display: block;
    color: #fff;
    text-align: center;
    margin-top: 32px;
    margin-left: 78px;
    font-size: 12px;
}

.bus_partner02_in a:hover {
    opacity: 0.8;
}

.bus_partner02 .optimus_tit h2 {
    margin-bottom: 85px;
}

.Es_In_Detail1 {
    max-width: 712px;
    margin: 0 auto 85px auto;
}

.Es_In_Detail1 h2 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 17px;
}

.Es_In_Detail1 p {
    font-size: 13px;
    text-align: center;
}

.Es_In_Detail2 {
    margin-bottom: 40px;
}

.Es_In_Detail2 .optimus_tit h2 {
    border-bottom: 0;
}

.Es_In_Detail2 .optimus_tit p {
    font-size: 13px;
}

.Es_In_Detail3 table td {
    border: 0;
    position: relative;
}

.Es_In_Detail3 table tr:nth-child(odd) {
    background: #EFEFEF;
}

.Es_In_Detail3 table tr td:first-child {
    vertical-align: top;
    width: 21.6%;
}

.Es_In_Detail3 .Es_In_Detail_m,
.Es_In_Detail3 .Es_In_Detail_m1 {
    position: absolute;
    left: 480px;
    top: 18%;
    margin-bottom: 20%;
}

.Es_In_Detail3 .Es_In_Detail_m1 {
    top: 62%;
}

.Es_In_Detail3 .Es_In_Detail_m a,
.Es_In_Detail3 .Es_In_Detail_m1 a {
    display: block;
    background: #060606 url(../image/com_pro02_more.png)no-repeat right;
    background-position-x: 98%;
    background-size: 30px;
    color: #fff;
    width: 183px;
    line-height: 35px;
    text-align: center;
}

.Es_In_Detail3 .Es_In_Detail_m a:hover,
.Es_In_Detail3 .Es_In_Detail_m1 a:hover {
    opacity: 0.8;
}

.Es_In_Detail3 table {
    margin-bottom: 130px;
}

.Es_In_Detail3 .optimus_tit h2 {
    border-bottom: 0;
}

.Es_In_Detail3 .optimus_tit a {
    display: block;
    max-width: 360px;
    width: 100%;
    background: #565656;
    color: #fff;
    text-align: center;
    padding: 13px;
    margin: auto;
}

@media only screen and (max-width: 690px) {
    .Es_In_Detail3 .optimus_tit a {
        margin: 0;
    }
}

.Es_In_Detail3 .optimus_tit a::after {
    content: "";
    display: inline-block;
    background: url(../image/com_pro02_more.png)no-repeat;
    margin-left: 20px;
    vertical-align: middle;
    width: 53px;
    height: 3px;
}

.Es_In_Detail3 .optimus_tit a:hover {
    opacity: 0.8;
}

.c_in_industry1 {
    max-width: 1175px;
    margin: 110px auto 110px auto;
}

.c_in_industry2 {
    max-width: 1175px;
    margin: 0 auto 16px auto;
}

.c_in_industry3 {
    max-width: 1175px;
    margin: 0 auto 0 auto;
}

.c_in_industry1:after {
    content: "";
    clear: both;
    display: block;
}

.c_in_industry1 .optimus_tit {
    float: left;
    width: 33.3%;
}

.c_in_industry1 .optimus_tit a {
    display: block;
    color: #fff;
    text-align: center;
    margin-right: 16px;
    position: relative;
    padding: 22px 22px 22px 10px;
    background: rgb(24, 158, 221);
    background: linear-gradient(165deg, rgba(24, 158, 221, 1) 0%, rgba(40, 236, 199, 1) 100%);
}

.c_in_industry1 .optimus_tit a:hover {
    opacity: .7;
}

.c_in_industry1 .optimus_tit a:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    ;
    border-right: 2px solid #fff;
    top: calc(50% - 6px);
    right: 15px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.c_in_industry1 .optimus_tit:last-child a {
    margin-right: 0;
}

.c_in_industry2 .c_in_industry2_in p {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: #333333;
    margin-top: 14px;
}

.c_in_industry2 .c_in_industry2_in img {
    width: 100%;
}

.c_in_industry2 .c_in_industry2_in {
    float: left;
    width: 22.2%;
    margin-right: 3.7%;
    margin-bottom: 50px;
}

.c_in_industry2 .c_in_industry2_in:nth-of-type(4n + 1) {
    clear: both;
}

.c_in_industry2 .c_in_industry2_in:nth-of-type(4) {
    margin-right: 0;
}

.c_in_industry2 .c_in_industry2_in:nth-of-type(8) {
    margin-right: 0;
}

.c_in_industry2 .c_in_industry2_in:nth-of-type(12) {
    margin-right: 0;
}

.c_in_industry2 .right0 {
    margin-right: 0;
}

.c_in_industry2 .optimus_tit:after {
    content: "";
    display: block;
    clear: both;
}

.c_in_industry2 .optimus_tit h2 {
    margin-bottom: 36px;
}

.c_in_industry3 .c_in_industry3_in {
    float: left;
    width: 32%;
    padding-bottom: 10px;
    margin-right: 1.9%;
    margin-bottom: 26px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.c_in_industry3 .c_in_industry3_in:nth-of-type(3),
.c_in_industry3 .c_in_industry3_in:nth-of-type(6) {
    margin-right: 0;
}

.c_in_industry3 .c_in_industry3_in img {
    width: 100%;
}

.c_in_industry3 .c_in_industry3_in h3 {
    margin: 10px 20px;
    color: #4D4D4D;
    font-size: 16px;
    font-weight: 600;
}

.c_in_industry3 .c_in_industry3_in p {
    margin: 0 20px 20px 20px;
}

.c_in_industry3 .c_in_industry3_in a {
    background: #515151;
    width: calc(50% - 25px);
    line-height: 1.2;
    display: block;
    color: #fff;
    text-align: center;
    float: left;
    padding: 8px 10px;
    border-radius: 100px;
}

.c_in_industry3 .c_in_industry3_in a:nth-of-type(2n + 1) {
    margin-left: 20px;
    margin-right: 10px;
}

.c_in_industry3 .c_in_industry3_in a:hover {
    opacity: 0.8;
}

.c_in_industry3 .right0 {
    margin-right: 0;
}

.c_in_industry3 .optimus_tit h2 {
    margin-bottom: 36px;
}

.c_in_industry3 .c_in_industry3_m a {
    display: block;
    width: 293px;
    line-height: 50px;
    margin: 40px auto 60px auto;
    background: rgb(24, 158, 221);
    background: linear-gradient(165deg, rgba(24, 158, 221, 1) 0%, rgba(40, 236, 199, 1) 100%);
    text-align: center;
    color: #fff;
}

.c_in_industry3 .c_in_industry3_m a:hover {
    opacity: 0.8;
}

.c_in_industry3 .optimus_tit:after {
    content: "";
    display: block;
    clear: both;
}

.case_de_page1 {
    max-width: 1200px;
    margin: 0 auto 125px auto;
    background: url(../image/case_de_page1_in01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_de_page1 p {
    color: #fff;
    font-size: 15px
}

.case_de_page1 .case_de_page1_in {
    position: absolute;
    width: 615px;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_de_page1 .case_de_page1_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_de_page1 .case_de_page1_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_de_page1 .case_de_page1_in p {
    font-size: 15px;
    color: #4D4D4D;
}

.case_de_page2 {
    max-width: 1175px;
    margin: 0 auto 0 auto;
}

.case_de_page2 .case_de_page2_in {
    float: left;
    width: 32%;
    border: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-right: 1.9%;
    margin-bottom: 26px;
}

.case_de_page2_in .case_de_2_in_more:after {
    content: "";
    clear: both;
    display: block;
}

.case_de_page2 .case_de_page2_in:nth-of-type(3),
.case_de_page2 .case_de_page2_in:nth-of-type(6) {
    margin-right: 0;
}

.case_de_page2 .case_de_page2_in img {
    width: 100%;
}

.case_de_page2 .case_de_page2_in h3 {
    margin: 20px;
}

.case_de_page2 .case_de_page2_in h3 a {
    margin: 20px;
    color: #4D4D4D;
    font-size: 18px;
    font-weight: 600;
}

.case_de_page2 .case_de_page2_in p {
    margin: 0 20px 20px 20px;
}

.case_de_2_in_more {
    width: 95%;
    margin: auto;
}

.case_de_page2 .case_de_page2_in .case_de_2_in_more a {
    background: #515151;
    display: inline-flex;
    color: #fff;
    font-size: 15px;
    justify-content: center;
    align-items: center;
    padding: 5px 8px;
    margin-bottom: 5px;
}

.case_de_page2 .case_de_page2_in a:hover {
    opacity: 0.8;
}

.case_de_page2 .right0 {
    margin-right: 0;
}

.case_de_page2 .optimus_tit h2 {
    margin-bottom: 36px;
}

.case_de_page2 .case_de_page2_m a {
    display: block;
    width: 293px;
    line-height: 50px;
    margin: 40px auto 60px auto;
    background: #060606;
    text-align: center;
    color: #fff;
}

.case_de_page2 .case_de_page2_m a:hover {
    opacity: 0.8;
}

.case_de_page2 .optimus_tit:after {
    content: "";
    display: block;
    clear: both;
}

.utility_tool1 {
    max-width: 713px;
    margin: 60px auto 60px auto;
    text-align: center;
}

.utility_tool2 {
    margin: 0 0 30px 0;
}

.utility_tool3:after {
    content: "";
    display: block;
    clear: both;
}

.utility_tool3_in h2 {
    font-size: 20px;
    color: #000;
    position: relative;
    font-weight: 600;
    padding: 0 0 25px 22px;
}

.utility_tool3_in h2:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #323334;
}

.utility_tool3_in {
    width: 29.8%;
    margin-right: 5.3%;
    padding-bottom: 30px;
}

.utility_tool3_in:nth-of-type(3n) {
    margin-right: 0;
}

.utility_tool3_in img {
    width: 100%;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 0 1px #eee;
    box-shadow: 0 0 1px #eee;
}

.utility_tool3_in p {
    font-size: 13px;
}

.utility_tool3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}


/*-------------end piseth----------*/


/*----------------------

サイトマップ

----------------------*/

.sitemap {
    padding-bottom: 30px;
}

.sitemap li {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}

.sitemap ul {
    padding: 0 0 5px 25px;
}

.sitemap ul li {
    margin: 5px 0;
    padding: 0;
}

.sitemap li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    display: inline-block;
    font-size: 14px;
    padding-right: 3px;
    position: relative;
    text-decoration: none;
}

#locator {
    background-color: #f5f5f5;
    margin-bottom: 40px;
}

#locator ol {
    overflow: hidden;
    max-width: 1200px;
    width: 100%;
    font-size: 0;
    margin: 0 auto;
    padding: 5px 10px;
}

#locator ol li {
    position: relative;
    display: inline-block;
    font-size: 12px;
}

#locator ol li+li {
    margin-left: 30px;
}

#locator ol li+li:before {
    position: absolute;
    display: block;
    content: "";
    left: 3px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    top: 6px;
    left: -17px;
}

#locator ol li a+meta+a {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid #ccc;
}


/*-----------------------------------------------------------------

pagetitle

-----------------------------------------------------------------*/

#pagetitle.template_c2 {
    padding: 80px 0;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#pagetitle.template_c2 .pagetitle_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#pagetitle.template_c2 .pagetitle_block {
    position: relative;
    z-index: 3;
}

#pagetitle.template_c2 .pagetitle_block .pagetitle {
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    position: relative;
}

#pagetitle.template_c2 .pagetitle_block .en_title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

@media only screen and (max-width: 1239px) {
    #pagetitle.template_c2 {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 1000px) {
    #locator {
        margin-bottom: 24px;
        padding: 0 16px;
        overflow: hidden;
    }

    #locator ol {
        white-space: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    #locator ol li {
        font-size: 10px;
    }

    #contents_left #pagetitle.template_c2 {
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
    }

    #pagetitle.template_c2 {
        padding: 16px 0 24px;
    }

    #pagetitle.template_c2 .pagetitle_block .pagetitle {
        font-size: 24px;
        margin: 8px 0;
    }

    #pagetitle.template_c2 .pagetitle_block .pagetitle::after {
        height: 3px;
    }
}

@media only screen and (max-width: 690px) {
    #locator {
        display: none;
    }

    #pagetitle.template_c2 {
        margin-top: 80px;
        margin-bottom: 20px;
    }
}

.page_top_description {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.page_link_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 65px auto 35px;
}

.page_link_top .each_detail {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.page_link_top .each_detail:nth-of-type(3n) {
    margin-right: 0;
}

.page_link_top .each_detail a {
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 16px 22px 16px 10px;
    background: rgb(24, 158, 221);
    background: linear-gradient(165deg, rgba(24, 158, 221, 1) 0%, rgba(40, 236, 199, 1) 100%);
}

.page_link_top .each_detail a:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: calc(50% - 6px);
    right: 15px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.page_link_top .each_detail a:hover {
    opacity: .7;
}

.page_link_top .each_detail a:hover:before {
    border-color: #fff;
}

@media only screen and (max-width: 690px) {
    .page_link_top .each_detail:nth-of-type(3) {
        margin-right: 16px;
    }

    .page_link_top .each_detail {
        width: calc(51.5% - 25px);
    }

    .page_link_top .each_detail:nth-of-type(even) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 690px) {
    .page_link_top {
        display: block;
        margin: 65px auto 45px;
    }

    .page_link_top .each_detail {
        width: 100%;
        margin: 0 auto 20px;
    }

    .page_link_top .each_detail:nth-of-type(3) {
        margin-right: 0;
    }
}

table.common,
table.border {
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.common th,
table.common td,
table.border th,
table.border td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px 8px
}

table.common .td_bg,
table.border .td_bg {
    background-color: #e6e6e6;
}

table.common tr:nth-child(odd) {
    background-color: #EFEFEF;
}

@media only screen and (max-width: 980px) {
    .table_scroll {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
}


/* *************************************
 faq area
 ***************************************/

#faq_area {
    padding-top: 90px;
    padding-bottom: 60px;
}

.faq_con {
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    transition: 0.8s;
}


/*.faq_con.first{padding: 0 0 40px;}*/


/*.faq_con.last{padding: 40px 0 0; margin-bottom: 80px;}*/

.faq_con::after {
    content: "";
    width: calc(100% - 64px);
    height: 1px;
    border-bottom: 1px dotted #bbbbbb;
    position: absolute;
    left: 32px;
    bottom: 0;
}

.faq_con.last::after {
    display: none;
}

.faq_q {
    font-weight: bold;
    font-size: 120%;
    /*margin-bottom: 24px;*/
    padding-left: 56px;
    padding-right: 30px;
    position: relative;
    cursor: pointer;
}

.faq_q::before {
    content: "";
    width: 21px;
    height: 29px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/icon_q.png) no-repeat center center;
}

.faq_q::after {
    content: "";
    background: url(../image/acc_open.png) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 0;
}

.faq_q.active::after {
    content: "";
    background: url(../image/acc_close.png) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 0;
}

.faq_a {
    display: none;
    margin-top: 20px;
    padding-left: 56px;
    position: relative;
    line-height: 1.8;
}

.faq_a::before {
    content: "";
    width: 21px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/icon_a.png) no-repeat center center;
}

@media only screen and (max-width: 690px) {
    #faq_area {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .faq_con {
        padding: 24px 0;
    }

    .faq_con.first {
        padding: 0 0 24px;
    }

    .faq_con.last {
        padding: 24px 0 0;
        margin-bottom: 60px;
    }

    .faq_q,
    .faq_a {
        padding-left: 40px;
    }

    .faq_q {
        margin-bottom: 16px;
        line-height: 1.4;
    }

    .faq_con::after {
        width: 100%;
        left: 0;
    }

    .faq_a::before,
    .faq_q::before {
        background-size: 16px auto;
    }

    .faq_a::before {
        top: 4px;
    }
}

@media only screen and (max-width: 690px) {
    a[id] {
        position: relative;
        height: 0;
        margin-top: -100px;
    }
}

.seminar_list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.seminar_list+.seminar_list {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

.seminar_list+.information_box_03_top {
    margin-top: 80px;
}

.seminar_title {
    width: 35%;
}

.seminar_title [class*="link_"] {
    display: inline-block;
    margin-bottom: 5px;
}

.seminar_detail {
    width: 62%;
    font-size: 16px;
    margin-bottom: 20px;
}

.seminar_title_txt {
    font-size: 20px;
    font-weight: bold;
    margin-top: 18px;
    margin-bottom: 10px;
}

.list_disc li {
    position: relative;
    padding-left: 1.5em;
}

.list_disc li+li {
    margin-top: 5px;
}

.list_disc li::before {
    position: absolute;
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background-color: rgba(24, 158, 221, 1);
    top: 0.6em;
    left: 0.6em;
}

@media only screen and (max-width: 690px) {
    .seminar_list+.seminar_list {
        margin-top: 20px;
        padding-top: 20px;
    }

    .seminar_list+.information_box_03_top {
        margin-top: 40px;
    }

    .seminar_title {
        width: 100%;
        margin-bottom: 15px;
    }

    .seminar_title img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .seminar_title [class*="link_"] {
        display: inline-block;
        margin-bottom: 5px;
    }

    .seminar_detail {
        width: 100%;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .seminar_title_txt {
        font-size: 18px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .list_disc li {
        position: relative;
        padding-left: 1.5em;
    }

    .list_disc li+li {
        margin-top: 5px;
    }

    .list_disc li::before {
        position: absolute;
        display: block;
        content: "";
        width: 4px;
        height: 4px;
        background-color: rgba(24, 158, 221, 1);
        top: 0.6em;
        left: 0.6em;
    }
}


/* 検索フォーム */

.search_contents {
    margin-bottom: 80px;
}

#fSearch .search_textbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #B8C4D4;
    padding: 3px 10px;
}

#fSearch .search_subit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    border: 1px solid #B8C4D4;
    padding: 3px 10px;
    background-color: rgba(0, 157, 223, 1);
}


/* 索引 */

.glossary_list {
    display: flex;
    flex-flow: row wrap;
}

.glossary_list li {
    width: calc(10% - 9px);
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

.glossary_list li:nth-child(10n) {
    margin-right: 0;
}

.glossary_list li.empty,
.glossary_list li a {
    display: block;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
}

.glossary_list li.empty {
    border-color: #ccc;
    background-color: #eee;
}

.glossary_list li a {
    border-color: rgba(0, 157, 223, 1);
}

.glossary_list li a:hover {
    color: #fff;
    background-color: rgba(0, 157, 223, 1);
}

@media only screen and (max-width: 690px) {
    .glossary_list li {
        width: calc(20% - 8px);
        font-size: 15px;
    }

    .glossary_list li:nth-child(5n) {
        margin-right: 0;
    }

    .glossary_list li.empty,
    .glossary_list li a {
        display: block;
        padding: 10px;
        border-width: 1px;
        border-style: solid;
    }
}

.page_anchor_btn a {
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 16px 22px 16px 10px;
    background: rgb(24, 158, 221);
    background: linear-gradient(165deg, rgba(24, 158, 221, 1) 0%, rgba(40, 236, 199, 1) 100%);
}

.page_anchor_btn a:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: calc(50% - 6px);
    right: 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page_anchor_btn a:hover {
    opacity: .7;
}

.list_btn_3,
.list_btn_3_sp,
.list_btn_4,
.list_btn_4_sp,
.list_btn_5,
.list_btn_5_sp {
    display: flex;
    flex-flow: row wrap;
}

.list_btn_3 .btn,
.list_btn_3 .btn_sp {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.list_btn_4 .btn,
.list_btn_4 .btn_sp {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.list_btn_5 .btn,
.list_btn_5_sp .btn {
    width: 18.4%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.list_btn_3 .btn:nth-child(3n),
.list_btn_3_sp .btn:nth-child(3n),
.list_btn_4 .btn:nth-child(4n),
.list_btn_4_sp .btn:nth-child(4n),
.list_btn_5 .btn:nth-child(5n),
.list_btn_5_sp .btn:nth-child(5n) {
    margin-right: 0;
}

@media only screen and (max-width: 690px) {
    .list_btn_3 .btn {
        width: 100%;
        margin-right: 0;
    }

    .list_btn_4 .btn {
        width: 100%;
        margin-right: 0%;
    }

    .list_btn_5 .btn {
        width: 100%;
        margin-right: 0;
    }

    .list_btn_3 .btn:nth-child(3n),
    .list_btn_3_sp .btn:nth-child(3n),
    .list_btn_4 .btn:nth-child(4n),
    .list_btn_4_sp .btn:nth-child(4n),
    .list_btn_5 .btn:nth-child(5n),
    .list_btn_5_sp .btn:nth-child(5n) {
        margin-right: 0;
    }
}

.glossary_list_txt {
    display: flex;
    flex-flow: row wrap;
}

.glossary_list_txt li {
    width: 32%;
    font-size: 16px;
    margin-right: 2%;
    margin-bottom: 10px;
}

.glossary_list_txt li:nth-child(3n) {
    margin-right: 0;
}

.glossary_list_txt li a {
    position: relative;
    display: inline-block;
    padding-left: 15px;
}

.glossary_list_txt li a::before {
    content: '';
    width: 6px;
    height: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    transform: rotate(45deg);
    position: absolute;
    top: 0.55em;
    left: 0;
    transition: all .2s ease-in 0s;
    border-color: rgba(0, 157, 223, 1);
}

@media only screen and (max-width: 690px) {
    .glossary_list_txt li {
        width: 49%;
        font-size: 15px;
        margin-right: 2%;
    }

    .glossary_list_txt li:nth-child(3n) {
        margin-right: 2%;
    }

    .glossary_list_txt li:nth-child(2n) {
        margin-right: 0;
    }

    .glossary_list_txt li a::before {
        content: '';
        width: 6px;
        height: 6px;
        border-width: 2px 2px 0 0;
        border-style: solid;
        transform: rotate(45deg);
        position: absolute;
        top: calc(50% - 2px);
        left: 0;
        transition: all .2s ease-in 0s;
        border-color: rgba(0, 157, 223, 1);
    }
}


/* CAR用語　詳細ページ */

.glossary_detail_block {
    font-size: 16px;
}

.glossary_detail_block input {
    width: 100%;
    max-width: 170px;
}

.glossary_related_terms_link, .glossary_related_page_link {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    margin-left: 150px;
}

.glossary_related_terms_link a:hover, .glossary_related_page_link a:hover {
  text-decoration: underline;
}

.glossary_related_terms_link::before, .glossary_related_page_link::before {
    min-width: 135px;
    display: block;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    margin-right: 15px;
    position: absolute;
    top: -5px;
    left: -150px;
}
.glossary_related_terms_link::before {
    content: "Related Word";
    background-color: #008EC9;
}

.glossary_related_page_link::before {
    content: "Related Page";
    background-color: #C90000;
}
@media only screen and (max-width: 480px) {
  .glossary_related_terms_link, .glossary_related_page_link {
      margin-left: 0;
  }
  .glossary_related_terms_link::before, .glossary_related_page_link::before {
      position: static;
      margin-right: 0;
      margin-bottom: 10px;
  }
}
input.calculation_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    border: 1px solid #B8C4D4;
    padding: 3px 10px;
    background-color: rgba(0, 157, 223, 1);
    letter-spacing: 5px;
    text-indent: 5px;
}

.caution_txt {
    color: #f90000;
}


/* *************************************
 事例詳細ページ
 ***************************************/


/*-------------アカデミック------------*/

.case_academic {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_academic_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_academic p {
    color: #fff;
    font-size: 15px
}

.case_academic .case_academic_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_academic .case_academic_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_academic .case_academic_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_academic .case_academic_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_academic .case_academic_in {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}


/*-------------航空------------*/

.case_aerospace {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_aerospace_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_aerospace p {
    color: #fff;
    font-size: 15px
}

.case_aerospace .case_aerospace_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_aerospace .case_aerospace_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_aerospace .case_aerospace_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_aerospace .case_aerospace_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_aerospace .case_aerospace_in {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}


/*-------------自動車------------*/

.case_automotive {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_automotive_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_automotive p {
    color: #fff;
    font-size: 15px
}

.case_automotive .case_automotive_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_automotive .case_automotive_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_automotive .case_automotive_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_automotive .case_automotive_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_automotive .case_automotive_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/*-------------バイオ------------*/

.case_bio {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_bio_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_bio p {
    color: #fff;
    font-size: 15px
}

.case_bio .case_bio_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_bio .case_bio_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_bio .case_bio_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_bio .case_bio_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_bio .case_bio_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/*-------------建築------------*/

.case_building {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_building_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_building p {
    color: #fff;
    font-size: 15px
}

.case_building .case_building_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_building .case_building_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_building .case_building_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_building .case_building_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_building .case_building_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/*-------------電子機器------------*/

.case_electronics {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_electronics_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_electronics p {
    color: #fff;
    font-size: 15px
}

.case_electronics .case_electronics_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_electronics .case_electronics_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_electronics .case_electronics_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_electronics .case_electronics_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_electronics .case_electronics_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/*-------------ファン------------*/

.case_fans {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_fans_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_fans p {
    color: #fff;
    font-size: 15px
}

.case_fans .case_fans_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_fans .case_fans_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_fans .case_fans_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_fans .case_fans_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_fans .case_fans_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/*-------------FSI------------*/

.case_fsi {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_fsi_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_fsi p {
    color: #fff;
    font-size: 15px
}

.case_fsi .case_fsi_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_fsi .case_fsi_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_fsi .case_fsi_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_fsi .case_fsi_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_fsi .case_fsi_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/*-------------機械------------*/

.case_machinery {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_machinery_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_machinery p {
    color: #fff;
    font-size: 15px
}

.case_machinery .case_machinery_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_machinery .case_machinery_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_machinery .case_machinery_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_machinery .case_machinery_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_machinery .case_machinery_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/*-------------船舶海洋------------*/

.case_marine {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_marine_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_marine p {
    color: #fff;
    font-size: 15px
}

.case_marine .case_marine_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_marine .case_marine_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_marine .case_marine_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_marine .case_marine_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_marine .case_marine_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/*-------------混相流------------*/

.case_multiphase {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_multiphase_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_multiphase p {
    color: #fff;
    font-size: 15px
}

.case_multiphase .case_multiphase_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_multiphase .case_multiphase_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_multiphase .case_multiphase_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_multiphase .case_multiphase_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_multiphase .case_multiphase_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/*-------------ポンプ------------*/

.case_pumps {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 125px auto;
    background: url(../image/img_pumps_01.jpg) no-repeat top center;
    position: relative;
    height: 543px;
}

.case_pumps p {
    color: #fff;
    font-size: 15px
}

.case_pumps .case_pumps_in {
    position: absolute;
    max-width: 615px;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 66px 35px 30px 35px;
    right: 40px;
    bottom: -4vh;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.case_pumps .case_pumps_in h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #000000;
}

.case_pumps .case_pumps_in h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #4D4D4D;
}

.case_pumps .case_pumps_in p {
    font-size: 15px;
    color: #4D4D4D;
}

@media only screen and (max-width: 710px) {
    .case_pumps .case_pumps_in {
        right: auto;
        left: 50%;
        height: auto;
        transform: translateX(-50%);
    }
}


/* *************************************
 数字つきリスト
 ***************************************/

.list_num li {
    list-style: decimal;
    margin-left: 20px;
}


/* *************************************
 ダウンロードボタン
 ***************************************/

.bg_dl_btn {
      background: linear-gradient(0deg,#00e8c7, #009DDF);
    text-align: center;
    color: #fff;
    background-size: 100% 100%;
    position: relative;
    display: inline-block;
    font-size: 15px;
    padding: 10px;
    border-radius: 200px;
    width: 200px;
}

.dl_btn_center {
    margin-top: 10px;
    text-align: center;
}


/* 20190325 table */


/*-------------------------------------*/

table.tab_original01,
table.tab_original02 {
    width: 100%;
}

table.tab_original01 th,
table.tab_original02 th {
    border: 1px solid #dddddd;
    padding: 15px 10px;
    background: #eeeeee;
    font-weight: bold;
}

table.tab_original01 thead th,
table.tab_original02 thead th {
    text-align: center;
}

table.tab_original01 thead th:last-child {
    width: 130px;
}

table.tab_original01 tbody th {
    vertical-align: top;
}

table.tab_original01 td {
    border: 1px solid #dddddd;
    padding: 15px 10px;
    vertical-align: top;
    line-height: 1.6;
}

table.tab_original02 td {
    border: 1px solid #dddddd;
    padding: 15px 0;
    text-align: center;
    line-height: 1.6;
}

table.tab_original02 td.circle {
    font-size: 18px;
}

table.tab_original02 td.circle .font_s {
    font-size: 12px;
}

@media only screen and (max-width: 1119px) {
    table.tab_original02 th {
        font-size: 13px;
    }

    table.tab_original02 td {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .sp_scroll {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    .sp_scroll table.tab_original01,
    .sp_scroll table.tab_original02 {
        width: 850px;
    }
}


/* modal (cookie) */


/*------------------------------------------------*/

.cc-window {
    width: 600px;
    position: fixed;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 30px;
    background: #ffffff !important;
    z-index: 10000;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    color: #333333 !important;
    padding: 20px;
}

.cc-window::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    position: absolute;
    left: -35vw;
    top: -30px;
}

.cc-compliance {
    position: relative;
    z-index: 10;
    margin-top: 20px;
    width: 120px;
    margin-right: 52%;
    margin-left: auto;
}

.cc-window h2 {
    text-align: center;
    margin-bottom: 10px;
}

a.cc-link {
    position: absolute;
    display: block;
    border: 1px solid #0097ba;
    color: #0097ba !important;
    width: 120px;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    left: 52%;
    bottom: 20px;
    z-index: 10;
}


.cc-compliance a.cc-btn {
    display: block;
    border: 1px solid #0097ba;
    color: #0097ba;
    width: 120px;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}

.cc-compliance a.cc-btn:hover,
a.cc-link:hover {
    background: #0097ba;
    color: #ffffff !important;
}

@media only screen and (max-width: 767px) {
    .cc-window {
        width: 96%;
    }
}


/* 20190329 追記 */


/*---------------------------------------------------------*/

.vr_tag {
  background-image: url(../image/common/bg_grade.png);
  background-size: cover;
  color: #fff;
  padding: 0px 5px;
}

.col3_list {
  display: flex;
  flex-wrap: wrap;
}

.col3_list li {
  width: 33.3%;
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 15px;
}

.col3_list li::before {
  position: absolute;
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background-color: rgba(24, 158, 221, 1);
  top: 0.6em;
  left: 0.6em;
}

@media only screen and (max-width: 979px) {
  .col3_list li {
    width: 50%;
  }
}

@media only screen and (max-width: 690px) {
  .col3_list li {
    width: 100%;
  }
}

.col4_m_444, .col4_m_443, .col4_m_442, .col4_m_441, .col4_m_433, .col4_m_432, .col4_m_431, .col4_m_423, .col4_m_422, .col4_m_421, .col4_m_411, .col4_444, .col4_443, .col4_442, .col4_441, .col4_433, .col4_432, .col4_431, .col4_423, .col4_422, .col4_421, .col4_411 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*逵溘ｓ荳ｭ蟇?○縺ｯ譯井ｻｶ縺ｫ繧医ｋ*/
}

.col4_m_444 .col, .col4_m_443 .col, .col4_m_442 .col, .col4_m_441 .col, .col4_m_433 .col, .col4_m_432 .col, .col4_m_431 .col, .col4_m_422 .col, .col4_m_421 .col, .col4_m_411 .col {
  width: calc(25% - 19.2px);
  margin-right: 24px;
  margin-bottom: 24px;
}

.col4_m_444 .col:nth-child(4n), .col4_m_443 .col:nth-child(4n), .col4_m_442 .col:nth-child(4n), .col4_m_441 .col:nth-child(4n), .col4_m_433 .col:nth-child(4n), .col4_m_432 .col:nth-child(4n), .col4_m_431 .col:nth-child(4n), .col4_m_422 .col:nth-child(4n), .col4_m_421 .col:nth-child(4n), .col4_m_411 .col:nth-child(4n) {
  margin-right: 0;
}

.col4_444 .col, .col4_443 .col, .col4_442 .col, .col4_441 .col, .col4_433 .col, .col4_432 .col, .col4_431 .col, .col4_422 .col, .col4_421 .col, .col4_411 .col {
  width: calc(25% - 1px);
  margin-right: 1px;
  margin-bottom: 1px;
}

.col4_444 .col:nth-child(4n), .col4_443 .col:nth-child(4n), .col4_442 .col:nth-child(4n), .col4_441 .col:nth-child(4n), .col4_433 .col:nth-child(4n), .col4_432 .col:nth-child(4n), .col4_431 .col:nth-child(4n), .col4_422 .col:nth-child(4n), .col4_421 .col:nth-child(4n), .col4_411 .col:nth-child(4n) {
  margin-right: 0;
}

.col4_m_411 .col:last-child, .col4_m_444 .col:last-child, .col4_m_443 .col:last-child, .col4_m_442 .col:last-child, .col4_m_441 .col:last-child, .col4_m_433 .col:last-child, .col4_m_432 .col:last-child, .col4_m_431 .col:last-child, .col4_m_422 .col:last-child, .col4_m_421 .col:last-child, .col4_m_411 .col:last-child, .col4_444 .col:last-child, .col4_443 .col:last-child, .col4_442 .col:last-child, .col4_441 .col:last-child, .col4_433 .col:last-child, .col4_432 .col:last-child, .col4_431 .col:last-child, .col4_422 .col:last-child, .col4_421 .col:last-child, .col4_411 .col:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 979px) {
  .col4_m_433 .col, .col4_m_432 .col, .col4_m_431 .col {
    width: calc(33.333% - 16px);
  }
  .col4_m_433 .col:nth-child(4n), .col4_m_432 .col:nth-child(4n), .col4_m_431 .col:nth-child(4n) {
    margin-right: 24px;
  }
  .col4_m_433 .col:nth-child(3n), .col4_m_432 .col:nth-child(3n), .col4_m_431 .col:nth-child(3n) {
    margin-right: 0;
  }
  .col4_433 .col, .col4_432 .col, .col4_431 .col {
    width: calc(33.333% - 1px);
    margin-right: 1.5px;
  }
  .col4_433 .col:nth-child(4n), .col4_432 .col:nth-child(4n), .col4_431 .col:nth-child(4n) {
    margin-right: 1.5px;
  }
  .col4_433 .col:nth-child(3n), .col4_432 .col:nth-child(3n), .col4_431 .col:nth-child(3n) {
    margin-right: 0;
  }
  .col4_m_422 .col, .col4_m_421 .col {
    width: calc(50% - 12px);
  }
  .col4_m_422 .col:nth-child(4n), .col4_m_421 .col:nth-child(4n) {
    margin-right: 24px;
  }
  .col4_m_422 .col:nth-child(2n), .col4_m_421 .col:nth-child(2n) {
    margin-right: 0;
  }
  .col4_422 .col, .col4_421 .col {
    width: calc(50% - 1px);
    margin-right: 2px;
  }
  .col4_422 .col:nth-child(4n), .col4_421 .col:nth-child(4n) {
    margin-right: 2px;
  }
  .col4_422 .col:nth-child(2n), .col4_421 .col:nth-child(2n) {
    margin-right: 0;
  }
  .col4_m_411 .col {
    width: 100%;
    margin-right: 0;
  }
  .col4_m_411 .col:nth-child(4n) {
    margin-right: 0;
  }
  .col4_m_411 .col:nth-child(2n) {
    margin-right: 0;
  }
  .col4_411 .col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1px;
  }
  .col4_411 .col:nth-child(4n) {
    margin-right: 0;
  }
  .col4_411 .col:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 690px) {
  .col4_m_444 .col, .col4_m_443 .col, .col4_m_442 .col, .col4_m_441 .col, .col4_m_433 .col, .col4_m_432 .col, .col4_m_431 .col, .col4_m_422 .col, .col4_m_421 .col, .col4_m_411 .col {
    margin-bottom: 16px;
  }
  .col4_m_422 .col, .col4_m_421 .col {
    width: calc(50% - 8px);
    margin-right: 16px;
  }
  .col4_m_422 .col:nth-child(4n), .col4_m_421 .col:nth-child(4n) {
    margin-right: 0;
  }
  .col4_m_444 .col {
    width: calc(25% - 12px);
    margin-right: 16px;
  }
  .col4_m_443 .col {
    width: calc(33.333% - 10.7px);
    margin-right: 16px;
  }
  .col4_m_443 .col:nth-child(4n) {
    margin-right: 16px;
  }
  .col4_m_443 .col:nth-child(3n) {
    margin-right: 0;
  }
  .col4_m_433 .col {
    width: calc(33.333% - 10.7px);
    margin-right: 16px;
  }
  .col4_m_433 .col:nth-child(4n) {
    margin-right: 16px;
  }
  .col4_m_433 .col:nth-child(3n) {
    margin-right: 0;
  }
  .col4_m_442 .col, .col4_m_432 .col, .col4_m_422 .col {
    width: calc(50% - 8px);
    margin-right: 16px;
  }
  .col4_m_442 .col:nth-child(4n), .col4_m_432 .col:nth-child(4n), .col4_m_422 .col:nth-child(4n) {
    margin-right: 16px;
  }
  .col4_m_442 .col:nth-child(3n), .col4_m_432 .col:nth-child(3n), .col4_m_422 .col:nth-child(3n) {
    margin-right: 16px;
  }
  .col4_m_442 .col:nth-child(2n), .col4_m_432 .col:nth-child(2n), .col4_m_422 .col:nth-child(2n) {
    margin-right: 0;
  }
  .col4_444 .col, .col4_443 .col, .col4_442 .col, .col4_441 .col, .col4_433 .col, .col4_432 .col, .col4_431 .col, .col4_422 .col, .col4_421 .col, .col4_411 .col {
    margin-bottom: 1px;
  }
  .col4_443 .col {
    width: calc(33.333% - 1px);
    margin-right: 1.5px;
  }
  .col4_443 .col:nth-child(4n) {
    margin-right: 1.5px;
  }
  .col4_443 .col:nth-child(3n) {
    margin-right: 0;
  }
  .col4_442 .col, .col4_432 .col, .col4_422 .col {
    width: calc(50% - 1px);
    margin-right: 1.5px;
  }
  .col4_442 .col:nth-child(4n), .col4_432 .col:nth-child(4n), .col4_422 .col:nth-child(4n) {
    margin-right: 1.5px;
  }
  .col4_442 .col:nth-child(3n), .col4_432 .col:nth-child(3n), .col4_422 .col:nth-child(3n) {
    margin-right: 1.5px;
  }
  .col4_442 .col:nth-child(2n), .col4_432 .col:nth-child(2n), .col4_422 .col:nth-child(2n) {
    margin-right: 0;
  }
  .col4_441 .col, .col4_431 .col, .col4_421 .col, .col4_m_441 .col, .col4_m_431 .col, .col4_m_421 .col {
    width: 100%;
    margin-right: 0;
  }
  .col4_441 .col:nth-child(4n), .col4_431 .col:nth-child(4n), .col4_421 .col:nth-child(4n), .col4_m_441 .col:nth-child(4n), .col4_m_431 .col:nth-child(4n), .col4_m_421 .col:nth-child(4n) {
    margin-right: 0;
  }
  .col4_441 .col:nth-child(3n), .col4_431 .col:nth-child(3n), .col4_421 .col:nth-child(3n), .col4_m_441 .col:nth-child(3n), .col4_m_431 .col:nth-child(3n), .col4_m_421 .col:nth-child(3n) {
    margin-right: 0;
  }
  .col4_441 .col:nth-child(2n), .col4_431 .col:nth-child(2n), .col4_421 .col:nth-child(2n), .col4_m_441 .col:nth-child(2n), .col4_m_431 .col:nth-child(2n), .col4_m_421 .col:nth-child(2n) {
    margin-right: 0;
  }
}

.optimus_area_in p {
  font-weight: normal !important;
}


/* 20190329 en introduction.html */


/*---------------------------------------*/

#container.width100 {
  max-width: 100%;
  width: 100%;
  padding: 0;
}

#container.width100+.page_bottom_cv {
  margin-top: 0;
}

.introduction01 {
  background: url("../image/introduction_bg01.jpg") no-repeat center center;
  background-size: cover;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  min-height: 670px;
  padding: 50px 0;
}

.introduction02 {
  background: url("../image/introduction_bg02.jpg") no-repeat center center;
  background-size: cover;
  border-bottom: 1px solid #ffffff;
  min-height: 670px;
  padding: 50px 0;
}

.introduction03 {
  background: url("../image/introduction_bg03.jpg") no-repeat center center;
  background-size: cover;
  border-bottom: 1px solid #ffffff;
  min-height: 670px;
  padding: 50px 0;
}

.introduction_in01 {
  width: 1180px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  background: rgba(255, 255, 255, 0.24);
  padding: 60px 3%;
  text-align: center;
  color: #ffffff;
}

.introduction_in01 h2 {
  font-size: 33px;
  margin-bottom: 30px;
}

.introduction_col4 {
  width: 1180px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.introduction_col4>div {
  width: 23.2%;
  margin-left: 2.4%;
  background: rgba(255, 255, 255, 0.24);
  text-align: center;
  color: #ffffff;
  padding: 25px 5px;
}

.introduction_col4>div:first-child {
  margin-left: 0;
}

.introduction_col4>div h3 {
  font-size: 20px;
}

.introduction_col4>div figure {
  width: 125px;
  height: auto;
  display: flex;
  align-items: center;
  margin: 0 auto 20px;
}

.introduction_col4 a:hover {
  opacity: 0.7;
}

.introduction_col5 {
  width: 1180px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.introduction_col5>div {
  width: 19.2%;
  margin-left: 1%;
  background: rgba(255, 255, 255, 0.24);
  text-align: center;
  color: #ffffff;
  padding: 25px 5px;
}

.introduction_col5>div:first-child {
  margin-left: 0;
}

.introduction_col5>div h3 {
  font-size: 20px;
}

.introduction_col5>div figure {
  width: 125px;
  height: auto;
  display: flex;
  align-items: center;
  margin: 0 auto 20px;
}
.introduction_col5>div figure img{
  max-width: 120px;
  width: auto;
  height: auto;
}
.introduction_col5 a:hover {
  opacity: 0.7;
}

.intro_btn {
  text-align: center;
  margin-top: 25px;
}

.intro_btn a {
  display: inline-block;
  padding: 16px 5px 16px 15px;
  text-align: center;
  width: 320px;
  max-width: 95%;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.24);
  position: relative;
}

.intro_btn a::before {
  position: absolute;
  top: 50%;
  left: 8%;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.intro_btn a:hover {
  background: rgba(255, 255, 255, 0.24);
}

@media only screen and (max-width: 899px) {
  .introduction_col5 {
    flex-wrap: wrap;
    justify-content: center;
  }
  .introduction_col5>div {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 15px;
  }
  .introduction_col5>div:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 690px) {
  .introduction01, .introduction02, .introduction03 {
    padding: 30px 2%;
  }
  .introduction_in01 {
    padding: 30px 2%;
  }
  .introduction_in01 h2 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .introduction_col4 {
    flex-wrap: wrap;
  }
  .introduction_col4>div {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 15px;
  }
  .introduction_col4>div:nth-child(odd) {
    margin-left: 0;
  }
  .introduction_col4>div h3, .introduction_col5>div h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 500px) {
  .introduction_col5>div {
    width: 48%;
    margin-left: 4%;
  }
  .introduction_col5>div:nth-child(3n+1) {
    margin-left: 4%;
  }
  .introduction_col5>div:nth-child(odd) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 360px) {
  .introduction_col4 {
    flex-direction: column;
  }
  .introduction_col4>div {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .introduction_col4>div:nth-child(odd) {
    margin-left: auto;
    margin-right: auto;
  }
  .introduction_col5 {
    flex-direction: column;
  }
  .introduction_col5>div {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .introduction_col5>div:nth-child(3n+1) {
    margin-left: auto;
  }
  .introduction_col5>div:nth-child(odd) {
    margin-left: auto;
  }
}


/* 20190329 table download.html */


/*--------------------------------------------*/

.tab_wrap01 table {
  width: 100%;
}

.tab_wrap01 table th {
  background: #EFEFEF;
  color: #707070;
  border: 1px solid #707070;
  font-weight: bold;
  padding: 23px 8px;
  white-space: nowrap;
  text-align: center;
  width: 230px;
}

@media only screen and (max-width: 690px) {
  .tab_wrap01 table th, .tab_wrap01 table td {
    display: block;
    width: 100%;
    border-bottom: none;
    padding: 14px 10px;
  }
  .tab_wrap01 table tr:last-child td {
    border: 1px solid #707070;
  }
}


/* 20190329 download.html */


/*--------------------------------------------*/

.download_pdf_list {
  display: flex;
}

.download_pdf_list>div {
  width: 23.8%;
  margin-left: 1.6%;
  text-align: center;
  margin-bottom: 70px;
}

.download_pdf_list>div:first-child {
  margin-left: 0;
}

.download_pdf_list .pdf_title {
  margin-top: 15px;
  font-weight: bold;
}

@media only screen and (max-width: 850px) {
  .download_pdf_list {
    flex-wrap: wrap;
  }
  .download_pdf_list>div {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 50px;
  }
  .download_pdf_list>div:nth-child(odd) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 500px) {
  .download_pdf_list {
    flex-direction: column;
  }
  .download_pdf_list>div {
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
  }
}


/* 20190329 header (sp tablet) */


/*--------------------------------------------*/

@media only screen and (max-width: 1239px) {
  /*    header .nav_wrap nav ul.gnav_list li a,
    header .nav_wrap nav.top_nav ul li a {
        border-bottom: 1px solid #ddd;
    }
    header .nav_wrap nav.top_nav ul li:first-child a {
        border-top: 1px solid #ddd;
    }
    header .nav_wrap nav ul.gnav_list li a::after,
    header .nav_wrap nav.top_nav ul li a::after {
        position: absolute;
        top: 50%;
        right: 5%;
        display: block;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -4px;
        border-top: 1px solid #888;
        border-right: 1px solid #888;
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    header .nav_wrap nav ul.gnav_list li a:hover,
    header .nav_wrap nav.top_nav ul li a:hover {
        background:#eeeeee;
    }*/
}


/* 20190329 news.html */


/*--------------------------------------------*/

.news_wrap .dlb_rss dl {
  border-bottom: 1px solid #cccccc;
  padding: 20px 0;
}


/* 20190329 index.html */


/*--------------------------------------------*/

@media only screen and (max-width: 690px) {
  .gd_12.sp_2col {
    margin-right: 0;
  }
  .gd_12.sp_mr0 {
    margin-right: 0;
  }
  .gd_12.sp_mr0 .colNum, .gd_12.sp_2col .colNum {
    padding-right: 0;
  }
  .gd_12.sp_2col .colNum:nth-child(even) {
    padding-right: 0;
  }
  .columnTab.sp_2col .tabTitle ul {
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .columnTab.sp_2col .tabTitle ul li {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .columnTab.sp_2col .tabTitle ul li:nth-child(even) {
    margin-right: 0;
  }
  .sp_gd_10.sp_mr0 {
    margin-right: 0;
  }
  .sp_gd_10.sp_mr0 .colNum {
    padding-right: 0;
  }
  .news_section {
    z-index: 1;
  }
}

/*------------------------------------------------

ブロック（2個並び half）

-------------------------------------------------*/
/*.col2::after,.col2_m::after,.col2_ti::after,.col2_it::after {@include clearfix;}
.col2 .flt, .col2 .flr{ width: 50%;}
.col2_m .flt, .col2_m .flr{ width: 49%;}
.col2_ti .flt{width: calc(18.5% * 3 + 1.875% * 2);} .col2_ti .flr{width: calc(18.5% * 2 + 1.875%);}
.col2_it .flt{width: calc(18.5% * 2 + 1.875%);} .col2_it .flr{ width: calc(18.5% * 3 + 1.875% * 2);}*/
/* old -------------*/
.col2,
.col2_sp2,
.col2_m,
.col2_m_sp2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.col2_m .col,
.col2_m_sp2 .col {
  width: calc(50% - 12px);
  margin-left: 24px;
  margin-bottom: 24px; }
  .col2_m .col:nth-child(2n + 1),
  .col2_m_sp2 .col:nth-child(2n + 1) {
    margin-left: 0; }

.col2 .col,
.col2_sp2 .col {
  width: calc(50% - 0.5px);
  margin-left: 1px;
  margin-bottom: 1px; }
  .col2 .col:nth-child(2n + 1),
  .col2_sp2 .col:nth-child(2n + 1) {
    margin-left: 0; }

@media only screen and (max-width: 690px) {
  .col2_m_sp2 .col {
    width: calc(50% - 8px);
    margin-left: 16px; }
    .col2_m_sp2 .col:nth-child(2n + 1) {
      margin-left: 0; }
  .col2 .col, .col2_m .col {
    width: 100%;
    margin-left: auto; } }

/* new -------------*/
.col2_m_222,
.col2_m_221,
.col2_m_212,
.col2_m_211,
.col2_222,
.col2_221,
.col2_212,
.col2_211 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*真ん中寄せは案件による*/ }

.col2_m_222 .col,
.col2_m_221 .col,
.col2_m_212 .col,
.col2_m_211 .col {
  width: calc(50% - 12px);
  margin-left: 24px;
  margin-bottom: 32px; }
  .col2_m_222 .col:nth-child(2n + 1),
  .col2_m_221 .col:nth-child(2n + 1),
  .col2_m_212 .col:nth-child(2n + 1),
  .col2_m_211 .col:nth-child(2n + 1) {
    margin-left: 0; }

.col2_222 .col,
.col2_221 .col,
.col2_212 .col,
.col2_211 .col {
  width: calc(50% - 0.5px);
  margin-left: 1px;
  margin-bottom: 1px; }
  .col2_222 .col:nth-child(2n + 1),
  .col2_221 .col:nth-child(2n + 1),
  .col2_212 .col:nth-child(2n + 1),
  .col2_211 .col:nth-child(2n + 1) {
    margin-left: 0; }

@media only screen and (max-width: 979px) {
  .col2_m_212 .col,
  .col2_m_211 .col,
  .col2_212 .col,
  .col2_211 .col {
    width: 100%;
    margin-left: 0; } }

@media only screen and (max-width: 690px) {
  .col2_m_212 .col {
    width: calc(50% - 8px);
    margin-left: 16px;
    margin-bottom: 16px; }
    .col2_m_212 .col:nth-child(2n + 1) {
      margin-left: 0; }
  .col2_212 .col {
    width: calc(50% - 0.5px);
    margin-left: 1px;
    margin-bottom: 1px; }
    .col2_212 .col:nth-child(2n + 1) {
      margin-left: 0; }
  .col2_m_221 .col,
  .col2_221 .col {
    width: 100%;
    margin-left: 0; } }

.col2_m_222 .col:last-child,
.col2_m_221 .col:last-child,
.col2_m_212 .col:last-child,
.col2_m_211 .col:last-child,
.col2_222 .col:last-child,
.col2_221 .col:last-child,
.col2_212 .col:last-child,
.col2_211 .col:last-child {
  margin-right: 0; }


/* 20190422 */
.m10_pc {margin-bottom: 10px;}
.m20_pc {margin-bottom: 20px;}
.m30_pc {margin-bottom: 30px;}
.m40_pc {margin-bottom: 40px;}
.m50_pc {margin-bottom: 50px;}
.m60_pc {margin-bottom: 60px;}
.m70_pc {margin-bottom: 70px;}
.m80_pc {margin-bottom: 80px;}
.m90_pc {margin-bottom: 90px;}
.m100_pc {margin-bottom: 100px;}

@media only screen and (max-width: 690px) {

    .m10_pc,.m20_pc,.m30_pc,.m40_pc,.m50_pc,
    .m60_pc,.m70_pc,.m80_pc,.m90_pc,.m100_pc {margin-bottom: 0;}

    .m10_sp {margin-bottom: 10px;}
    .m20_sp {margin-bottom: 20px;}
    .m30_sp {margin-bottom: 30px;}
    .m40_sp {margin-bottom: 40px;}
    .m50_sp {margin-bottom: 50px;}
    .m60_sp {margin-bottom: 60px;}
    .m70_sp {margin-bottom: 70px;}
    .m80_sp {margin-bottom: 80px;}
    .m90_sp {margin-bottom: 90px;}
    .m100_sp {margin-bottom: 100px;}
}

.pro_box .pro_img {
    border:1px solid #cccccc;
}
.box2_half {
    display:flex;
    justify-content: space-between;
}
.box2_half > div {
    width:48.5%;
}
.box2_half table.tab {
    table-layout: fixed;
}

@media only screen and (max-width: 767px) {

    .box2_half {
        display:flex;
        flex-direction: column;
    }
    .box2_half > div {
        width:100%;
    }
    .box2_half > div:first-child {
        margin-bottom:40px;
    }
}

/* 20190422 dlb */
/*-----------------------------------------------------*/
.dlb_box2-3_area::after {
    content: "";
    display: block;
    clear: both;
}
.dlb_subtitle3_02 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 20px;
    padding: 2px 0 2px 15px;
    border-width: 0 0 0 3px;
    border-style: solid;
    border-color: #003399;
    font-weight:bold;
}
.dlb_box2-3_title, .dlb_box2-3_txt {
    float: right;
    width: calc(100% - 35.5% - 40px);
}
figure.dlb_box2-3_img {
    float: left;
    width: 35.5%;
    margin:0;
}
.dlb_btn_w30 {
     max-width: 30%;
}
.dlb_btn a {
    display: block;
    padding: 16px 1.5em 16px 2.5em;
    text-align: center;
    position: relative;
    border-width: 2px;
    border-style: solid;
    background-color: #293A45;
    color: #ffffff;
    border-color: #293A45;
}
.dlb_btn a::after {
    content:"";
    width: 8px;
    height: 8px;
    border: 0px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #ffffff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    left: 1.5em;
    transition: all .2s ease-in 0s;
}
.dlb_btn a:hover {
    background-color: #ffffff;
    color: #293A45;
    border-color: #293A45;
}
.dlb_btn a:hover::after {
    border-color: #293A45;
        left: 2em;
}
.dlb_c33_title_area {
    padding: 30px 30px 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 10px;
    background-size: 100px auto;
    display: table;
    width: 100%;
    background-color: #003399;
}
.dlb_c33_title {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    line-height: 2;
    display: table-cell;
    vertical-align: bottom;
}
.dlb_c33_txt {
    padding: 30px;
    background-color: #F6FAFC;
}
.mt30_pc {
    margin-top: 30px;
}
.dlb_c47_in {
    display: flex;
}
.dlb_c47_box {
    margin: 0 10px 0 0;
    border-radius: 8px;
    background-color: #F4F7FA;
}
.dlb_c47_main {
    padding: 30px 25px 25px;
    border-radius: 8px 8px 0 0;
    position: relative;
    color: #ffffff;
}
.num01 .dlb_c47_main {
    background-color: #8AA5B5;
}
.num02 .dlb_c47_main {
    background-color: #4AA5EC;
}
.num03 .dlb_c47_main {
    background-color: #4987EC;
}
.num04 .dlb_c47_main {
    background-color: #072C5D;
}
.dlb_c47_type {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.4;
}
.dlb_c47_name {
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
}
.dlb_c47_price {
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 1;
}
.dlb_c47_price .txt_s {
    font-size: 28px;
}
.dlb_c47_btn {
    margin-top: 30px;
}
.dlb_c47_btn a {
    display: block;
    text-align: center;
    padding: 4px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
    border-color: #ffffff;
}
.num01 .dlb_c47_btn a {
    color: #8AA5B5;
}
.num02 .dlb_c47_btn a {
    color: #4AA5EC;
}
.num03 .dlb_c47_btn a {
    color: #4987EC;
}
.num04 .dlb_c47_btn a {
    color: #072C5D;
}
.dlb_c47_btn a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.4s 0s cubic-bezier(0.48, 0.18, 0, 0.98);
}
.num01 .dlb_c47_btn a::before {
    background-color: #8AA5B5;
}
.num02 .dlb_c47_btn a::before {
    background-color: #4AA5EC;
}
.num03 .dlb_c47_btn a::before {
    background-color: #4987EC;
}
.num04 .dlb_c47_btn a::before {
    background-color: #072C5D;
}
.dlb_c47_btn a:hover::before {
    transform: translate3d(0, 0, 0);
}
.num01 .dlb_c47_btn a:hover,
.num02 .dlb_c47_btn a:hover,
.num03 .dlb_c47_btn a:hover,
.num04 .dlb_c47_btn a:hover {
    color: #ffffff;
}
.dlb_c47_btn a .txt {
    position: relative;
    z-index: 1;
}
.dlb_c47_info {
    padding: 15px 25px;
    font-size: 12px;
}
.dlb_c47_catch {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    border-radius: 50%;
    width: 55px;
    position: absolute;
    top: -25px;
    right: 10px;
    line-height: 1.2;
    font-weight: bold;
    font-size: 13px;
    background-color: #ffffff;
    color: #4987EC;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
}
.col2_m {
    display: flex;
    flex-wrap: wrap;
}
.col2_m .col {
    width: calc(50% - 12px);
    margin-left: 24px;
    margin-bottom: 24px;
}
.col2_m .col:nth-child(2n+1) {
    margin-left: 0;
}
.dlb_content-54 {
    max-width: 1120px;
    margin-left:auto;
    margin-right:auto;
}
.dlb_c54_box {
    border-width: 1px;
    border-style: solid;
    padding: 2em 0;
    position: relative;
    z-index: 0;
}
.dlb_c54_box::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-width: 1px;
    border-style: solid;
    z-index: -1;
}
.dlb_c54_list {
    display: flex;
    align-items: center;
}
.dlb_c54_txt {
    width: 110px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    border-width: 0 1px 0 0;
    border-style: dashed;
}
.dlb_c54_txt .txt_in {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
    letter-spacing: 1px;
}
.dlb_c54_list dd {
    width: calc(100% - 110px);
    padding-left: 24px;
    padding-right: 16px;
}

@media only screen and (max-width: 979px) {

    .dlb_btn_w30 {
        max-width: 50%;
    }
    .dlb_c33_title {
        line-height: 1.8;
    }
    .dlb_c47_type {
        font-size: 18px;
    }
    .dlb_c47_price {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .dlb_c47_price .txt_s {
        font-size: 20px;
    }
    .dlb_c47_box {
        margin: 0 5px 0 0;
    }
    .dlb_c47_info {
        padding: 15px;
    }
    .dlb_c47_main {
        padding: 30px 15px 15px;
    }
}

@media only screen and (max-width: 690px) {
    .mt30_pc {
        margin-top: 0;
    }
    .mt20_sp {
        margin-top:20px;
    }
    .dlb_btn_w30 {
        max-width: 80%;
    }
    .dlb_box2-3_area .dlb_btn_w30 {
        margin-right: auto;
        margin-left: auto;
    }
    .dlb_subtitle3_02 {
        font-size: 20px;
    }
    .dlb_box2-3_title, .dlb_box2-3_txt {
        float: none;
        width: 100%;
    }
    figure.dlb_box2-3_img {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    figure.dlb_box2-3_img img {
        max-width: 100%;
        width: auto;
        height: auto;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .dlb_c33_title_area {
        padding: 20px 20px 15px;
        background-size: 80px auto;
    }
    .dlb_c33_title {
        font-size: 20px;
    }
    .dlb_c33_txt {
        padding: 20px;
    }
    .dlb_c47_in {
        flex-wrap: wrap;
    }
    .dlb_c47_box {
        width: 48%;
        margin-bottom: 25px;
        margin-right: 4%;
    }
    .dlb_c47_box:nth-child(2n) {
        margin-right: 0;
    }
    .dlb_c47_catch {
        height: 40px;
        width: 40px;
        top: -20px;
        right: 5px;
        font-size: 11px;
    }
    .dlb_c47_main {
        padding: 25px 15px 20px;
    }
    .dlb_c47_type {
        margin-bottom: 10px;
    }
    .col2_m .col {
        width: 100%;
        margin-left: 0;
    }
    .dlb_c54_txt {
        width: calc(100% - 48px);
        font-size: 32px;
        border-right: none;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        margin: 0 auto 16px;
        line-height: 1;
        padding-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dlb_c54_list {
        flex-direction: column;
    }
    .dlb_c54_list dd {
        width: 100%;
        padding: 0 24px;
    }
    .dlb_c54_txt .txt_in {
        font-size: 12px;
        margin-right: 8px;
        margin-bottom: 0;
    }
}
.dcms_titlelink {
    padding: 5px 0;
    font-size: 16px;
    border-bottom: 1px dotted #DDD;
    margin-bottom: 10px;
    display: block;
}
.dcms_titlelink a {
    position: relative;
    padding-left: 15px;
}
.dcms_titlelink a::before {
    content: '';
    width: 6px;
    height: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    transition: all .2s ease-in 0s;
    border-color: rgba(0, 157, 223, 1);
}

.dcms_titlelink a:hover {
    color:#009DDF;
    text-decoration: underline;
}


.col3_m_321 {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
}
.col3_m_321 .col {
  width: calc(33.33333% - 16px);
  margin-right: 24px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 979px) {
    
  .col3_m_321 .col {
    width: calc(50% - 12px);
    margin-right: 24px;
  }

}

@media only screen and (max-width: 690px) {
  
  .col3_m_321 .col {
    width: 100%;
    margin-right: 0;
  }

}


/**/

.SPcontents {
    margin-bottom: 80px;
}

.SPcontents .col {
    border: solid 1px #cbcbcb;
    padding: 30px;
}

.SPcontents .mh{
    margin-bottom: 15px;
}

.SPcontents img {
    max-width: 150px;
    margin: 0 auto;
    display: block;
}

.SPcontents .title {
    font-size: 19px;
    margin-bottom: 10px;
}


@media only screen and (max-width: 979px) {
  .SPcontents .col {
    padding: 20px;
  }
}

@media only screen and (max-width: 690px) {
  .SPcontents .title {
    font-size: 16px;
  }
}

.PICLSblock {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.PICLSblock .cover {
    width: 65%;
}

.PICLSblock .cover img {
    width: 100%;
}

.PICLSblock .PICLStitle {
    width: calc(35% - 40px);
    margin-left: 40px;
    display: flex;
    align-items: center;
    padding: 15px;
    text-align: center;
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
}

section#piclsDLwrapAll {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

#piclsDLwrapAll .piclsDL._left {
    width: 65%;
}

#piclsDLwrapAll .piclsDL._right {
    width: calc(35% - 40px);
    margin-left: 40px;
}

#piclsDLwrapAll .piclsDL._left .cover {
    margin-bottom: 40px;
}

#piclsDLwrapAll .piclsDL._left .row .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px;
}

#piclsDLwrapAll .piclsDL._left .row .row > .col-sm-4 {
    width: 35%;
}

#piclsDLwrapAll .piclsDL._left .row .row > .col-sm-8 {
    width: calc(65% - 20px);
    margin-left: 20px;
}

#piclsDLwrapAll .piclsDL._right form#mktoForm_1010 {
    margin-top: 0;
}

#piclsDLwrapAll .piclsDL._left p, #piclsDLwrapAll .piclsDL._left .row .row .col-sm-4{
    margin-bottom: 15px;
}

@media only screen and (max-width: 979px) {
  .PICLSblock .PICLStitle, #piclsDLwrapAll .piclsDL._right {
      width: calc(35% - 20px);
      margin-left: 20px;
  }
  .PICLSblock .PICLStitle {
      font-size: 2.5vw;
  }
  
}

@media only screen and (max-width: 690px) {
  .PICLSblock{
    margin-bottom:40px;
  }
  .PICLSblock .cover, .PICLSblock .PICLStitle, #piclsDLwrapAll .piclsDL._left, #piclsDLwrapAll .piclsDL._right{
    width:100%;
    margin-left: 0px;
  }
  #piclsDLwrapAll .piclsDL._left .row .row > .col-sm-4, #piclsDLwrapAll .piclsDL._left .row .row > .col-sm-8 {
    width:100%;
    margin-left: 0px;
  }
  .PICLSblock .PICLStitle {
      font-size: 19px;
  }
}


.SPcontents._ver2 .col {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

.SPcontents._ver2 .col:hover {
    box-shadow: 0px 0px 10px #c8c8c8;
}

.SPcontents._ver2 .col:nth-child(3n) {
    margin-right: 0;
}

.SPcontents._ver2 .col .imgarea {
    width: 40%;
}

.SPcontents._ver2 .col .imgarea img {
    width: 100%;
}

.SPcontents._ver2 .col .txtarea {
    width: calc(60% - 13px);
    margin-left: 13px;
}

.SPcontents._ver2 .col .txtarea .title {
    font-size: 15px;
    font-weight: bold;
}

.SPcontents._ver2 .col .txtarea .txt {
    font-size: 12px;
}


@media only screen and (max-width: 979px) {
  .SPcontents._ver2 .col:nth-child(2n) {
      margin-right: 0;
  }
  
  .SPcontents._ver2 .col:nth-child(3n) {
      margin-right: 24px;
  }
}

@media only screen and (max-width: 690px) {
  
  .SPcontents._ver2 .col:nth-child(3n) {
      margin-right: 0px;
  }
}


.blogbtn {
    justify-content: flex-start;
}

.blogbtn .bg_dl_btn {
    max-width: 100%;
}

@media only screen and (max-width: 979px){
    .blogbtn .bg_dl_btn {
        width: 100%;
    }
}


/*20.10.07追記*/

.picls {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

.picls .imgarea {
    width: 30%;
}

.picls .txtarea {
    width: 70%;
    padding: 0 30px;
}

.txt_r {
    text-align: right;
    padding-top: 120px;
}

@media only screen and (max-width: 979px){
    .txt_r {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 690px){
    .picls {
        display: block;
        margin-bottom: 40px;
    }

    .picls .imgarea, .picls .imgarea img {
         width: auto;
         margin-left: auto;
         margin-right: auto;
         display: block;
    }

    .picls .txtarea {
        width: auto;
        padding: 20px 0;
}

    .txt_r {
        padding-top: 30px;
        text-align: center;
    }
}

/*DL btn*/
div#marketoform a {
    border: solid 2px #333;
    padding: 15px;
    display: block;
    margin-top: 30px;
    font-size: 15px;
    font-weight: bold;
}

div#marketoform a:hover {
    background-color: #333;
    color: #FFF;
}

/*20.10.26追記*/
@media only screen and (max-width: 979px) {
	.each_detail_top .each_detail:nth-of-type(3n) {
    	margin-right: 3%;
  }
}

  .pdf_list li{
    width: 23.8%;
    /*margin-left: 1.6%;*/
    text-align: center;
    margin-bottom: 70px;
}

@media only screen and (max-width: 850px){
  .pdf_list li {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 500px){
  .pdf_list li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
  }
}