/*
Theme Name: NewSite
*/
*, body {
    padding: 0;
    margin:0
}

*, body, table {
    margin:0
}

.clearfix:after, div:after, dl:after {
    content: ".";
    visibility:hidden
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype')
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype')
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype')
}

body {
    font-size: .8em;
    text-align: center;
    font-family: 'Noto Sans Japanese', Roboto, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
    background: #FFF;
    color: #000;
    counter-reset:voice
}

address, blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
    font-size: 1em;
    padding: 0;
    line-height: 1.8;
    text-align: left;
    display: block;
    margin:0
}

table {
    line-height: 1.6;
    font-size: 1em;
    empty-cells:show
}

.anchor, .areaAnchor, hr {
    display:none
}

img {
    border: none;
    outline: 0;
    vertical-align:bottom
}

li {
    list-style:none
}

abbr, acronym {
    cursor:help
}

option {
    padding-right:10px
}

* html option {
    padding-right:0
}

.menu__second-level li a, ul.level2 li a {
    padding: 0 0 0 10px;
    text-decoration: none;
    box-sizing:border-box
}

a:link {
    color: #069;
    text-decoration:underline
}

a:visited {
    color:#646
}

a:hover {
    color: #0050D5;
    text-decoration:none
}

a:active {
    color:#F66
}

div, dl {
    zoom:1
}

div:after, dl:after {
    display: block;
    height: .1px;
    font-size: .1em;
    line-height: 0;
    clear:both
}

* html div, * html dl {
    display: inline-table;
    display:block
}

#wpadminbar div:after, #wpadminbar ul:after {
    clear:none
}

a img {
    transition:.8s
}

a img:hover {
    tansition: .6s;
    opacity:.8
}

.clearfix:after {
    display: block;
    height: 0;
    font-size: 0;
    clear:both
}

.red {
    color:red
}

header {
    width: 100%;
    height: 150px;
    border-top:5px solid #001F50
}

#head_over {
    width: 960px;
    height: 80px;
    margin:0 auto
}

#head_over h1.head_logo a {
    background: url(img/logo.png) no-repeat;
    display: block;
    width: 310px;
    height: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: 15px 0 0;
    float:left
}

input#serch, input#submit {
    height: 35px;
    float:left
}

#head_over h1.head_logo a:hover {
    transition: .6s;
    opacity:.6
}

#head_over p {
    float: left;
    line-height: 80px;
    margin:0 0 0 30px
}

#search-box {
    float: right;
    margin: 20px 0 0;
    height:35px
}

input#submit {
    background: url(img/serch_btn.png) no-repeat;
    width: 34px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    border: none;
    text-indent:-9999px
}

.menu li a.nav-btn01, .menu li a.nav-btn02, .menu li a.nav-btn03, .menu li a.nav-btn04, .menu li a.nav-btn05, .menu li a.nav-btn06 {
    text-indent: 100%;
    white-space: nowrap;
    overflow:hidden
}

.sp_menu {
    display:none
}

nav.gNav {
    position: static;
    border-top: 5px solid #ccc;
    clear: both;
    width: 100%;
    height:65px
}

ul.menu, ul.menu > li.menu__single {
    position:relative
}

.menu__second-level li, ul.level2 li {
    border-top: 1px solid #111;
    line-height:50px
}

ul.menu {
    width: 960px;
    height: 65px;
    margin:0 auto
}

.menu li, .menu li a {
    width: 160px;
    height:65px
}

.menu li {
    float:left
}

.menu li a {
    display:block
}

.menu li a.nav-btn01 {
    background:url(img/nav.png) no-repeat
}

.menu li a.nav-btn02 {
    background:url(img/nav.png) -160px 0 no-repeat
}

.menu li a.nav-btn03 {
    background:url(img/nav.png) -320px 0 no-repeat
}

.menu li a.nav-btn04 {
    background:url(img/nav.png) -480px 0 no-repeat
}

.menu li a.nav-btn05 {
    background:url(img/nav.png) -640px 0 no-repeat
}

.menu li a.nav-btn06 {
    background:url(img/nav.png) -800px 0 no-repeat
}

h2.h2_title span.br:before, h2.h2_title02 span.br:before {
    content: "\A";
    white-space: pre;
    text-align:center
}

.menu li a.nav-btn01:hover {
    background-position:0 -65px
}

.menu li a.nav-btn02:hover {
    background-position:-160px -65px
}

.menu li a.nav-btn03:hover {
    background-position:-320px -65px
}

.menu li a.nav-btn04:hover {
    background-position:-480px -65px
}

.menu li a.nav-btn05:hover {
    background-position:-640px -65px
}

.menu li a.nav-btn06:hover {
    background-position:-800px -65px
}

.menu li a.nav-btn01.current {
    background-position:0 -65px
}

.menu li a.nav-btn02.current {
    background-position:-160px -65px
}

.menu li a.nav-btn03.current {
    background-position:-320px -65px
}

.menu li a.nav-btn04.current {
    background-position:-480px -65px
}

.menu li a.nav-btn05.current {
    background-position:-640px -65px
}

.menu li a.nav-btn06.current {
    background-position:-800px -65px
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1
}

.menu__second-level li a {
    color:#fff
}

.menu__second-level li a:hover {
    background: #001F50;
    color: red;
    box-sizing:border-box
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 50px;
    width: 100%;
    background: #001F50;
    -webkit-transition: all .2s ease;
    transition:all .2s ease
}

li.menu__single:hover ul.menu__second-level {
    top: 65px;
    visibility: visible;
    opacity:1
}

ul.level2 {
    visibility: visible;
    opacity: 0;
    z-index:999
}

ul.level2 li a {
    color:#fff
}

ul.level2 li a:hover {
    background: #111;
    color: red;
    box-sizing:border-box
}

li.menu__single ul.level2 {
    position: absolute;
    top: 50px;
    width: 100%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition:all .2s ease
}

li.menu__single:hover ul.level2 {
    top: 65px;
    visibility: visible;
    opacity: 1;
    z-index:999 !important
}

.close {
    display:block !important
}

.wp-pagenavi {
    clear:both
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin:2px
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color:#000
}

.wp-pagenavi span.current {
    font-weight:700
}

div.wpcf7 {
    margin: 0;
    padding:0
}

div.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding:.2em 1em
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border:0
}

div.wpcf7-mail-sent-ok {
    border:2px solid #398f14
}

div.wpcf7-mail-sent-ng {
    border:2px solid red
}

div.wpcf7-spam-blocked {
    border:2px solid orange
}

div.wpcf7-validation-errors {
    border:2px solid #f7e700
}

.wpcf7-form-control-wrap {
    position:relative
}

span.wpcf7-not-valid-tip {
    color: red;
    font-size: 1em;
    display:block
}

.wpcf7-display-none, div.wpcf7 div.ajax-error {
    display:none
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid red;
    background: #fff;
    padding:.2em .8em
}

span.wpcf7-list-item {
    margin-left:.5em
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left:4px
}

div.wpcf7 .placeheld {
    color:#888
}

#slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
    background: url(img/slide_bg.png);
    height:460px
}

#sliderInner {
    position: relative;
    left: 50%;
    width: 3040px;
    margin-left: -1520px;
    height: 400px;
    margin-top:25px
}

#sliderInner li img {
    width: 960px;
    height:400px
}

#slideFilterL, #slideFilterR {
    position: absolute;
    top: 0;
    width: 1020px;
    height: 380px;
    opacity: .7;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background:#fff
}

#slideFilterL {
    left:0
}

#slideFilterR {
    right:0
}

.bx-wrapper {
    margin: 0 auto;
    position:relative
}

.bx-wrapper .bx-pager {
    margin: 0 auto;
    width: 960px;
    background: #fff;
    padding-top: 20px;
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color:#666
}

.bx-wrapper .bx-prev {
    left: 960px;
    background: url(img/prev.png) no-repeat;
    transition:.6s
}

.bx-wrapper .bx-next {
    right: 960px;
    background: url(img/next.png) no-repeat;
    transition:.6s
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
    opacity: .6;
    transition:.6s
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 175px;
    outline: 0;
    width: 47px;
    height: 47px;
    text-indent: -9999px;
    z-index:9999
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display:inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    text-indent: -9999px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background:#666
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background:#000
}

section.sample1 figure, section.sample2 figure {
    background: #05555d;
    float: left;
    overflow:hidden
}

#content {
    width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
    clear: both;
    height: auto;
    padding: 50px 0;
    position:static
}

#content p {
    margin:10px 0
}

h2.h2_title {
    text-align: center;
    color: #001F50;
    font-size: 22px;
    font-weight: 400;
    margin: 0 auto 50px;
    line-height:1
}

h2.h2_title span.br {
    font-size:14px !important
}

section.left {
    margin:0 0 0 30px
}

.des_text {
    display: block;
    width: 300px;
    color:#000
}

.des_text h3 {
    font-size: 16px;
    color: #001F50;
    padding: 0 0 0 5px;
    margin:3px 0
}

section.sample1 figure {
    width: 300px;
    height: 180px;
    position: relative;
    z-index: 1;
    margin:0 0 5px
}

.sample1 {
    color:#fff
}

.sample1 figcaption {
    color: #fff;
    position: absolute;
    width: 80%;
    top: 0;
    left: 0;
    margin: 70px 0 0 35px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 6px;
    opacity: 0;
    -webkit-transition: all .4s ease-out .2s;
    -moz-transition: all .4s ease-out .2s;
    transition:all .4s ease-out .2s
}

.sample1:hover figcaption {
    letter-spacing: 1px;
    opacity:1
}

.sample1 figcaption hr {
    border: 1px solid #fff;
    width: 0%;
    display: block;
    opacity: 0;
    transition: .6s;
    margin: 15px 0;
    text-align:center
}

.sample1:hover figcaption hr {
    border: 1px solid #fff;
    width: 97%;
    opacity: .5;
    transition:.8s
}

section.sample1 {
    position: relative;
    width: 300px;
    height: 350px;
    float:left
}

section.sample2 figure, section.sample2 figure img {
    width: 222px;
    height:148px
}

img.serch_img {
    position: absolute;
    z-index: 100;
    left: 245px;
    top: 125px;
    opacity: 1;
    margin: 58px 0 0 55px;
    transition:.6s
}

.sample1:hover img.serch_img, img.serch_img:hover {
    opacity: 1;
    margin: 0;
    transition:.6s
}

.sample1 figure img {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition:all .4s ease-out
}

.sample1:hover img {
    opacity: .2;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform:scale(1.2)
}

section.left02 {
    margin:50px 0 0 24px
}

.sample2, .sample2 figcaption {
    color: #fff;
    margin:50px 0 0
}

section.sample2 figure {
    position: relative;
    z-index:1
}

.sample2 figcaption {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 3%;
    left: 5px;
    font-size: 18px;
    letter-spacing: 6px;
    opacity: 0;
    -webkit-transition: all .4s ease-out .2s;
    -moz-transition: all .4s ease-out .2s;
    transition:all .4s ease-out .2s
}

.sample2:hover figcaption {
    letter-spacing: 1px;
    opacity:1
}

.sample2 figcaption hr {
    border: 1px solid #fff;
    width: 0%;
    text-align: center;
    display: block;
    opacity: 0;
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    margin:7px 0
}

.sample2:hover figcaption hr {
    border: 1px solid #fff;
    width: 93%;
    opacity: .5;
    transition: .8s;
    -webkit-transition: .8s;
    -moz-transition:.8s
}

section.sample2 {
    position: relative;
    width: 222px;
    height: 320px;
    float: left;
    margin-bottom:20px
}

.des_text02 {
    display: block;
    width: 222px;
    color:#000
}

.des_text02 h3 {
    font-size: 16px;
    color: #001F50;
    padding: 0 0 0 5px;
    margin:3px 0
}

img.serch_img02 {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 100;
    left: 180px;
    top: 105px;
    opacity: 0;
    margin: 43px 0 0 40px;
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition:.6s
}

.sample2:hover img.serch_img02 {
    width: 40px;
    height: 40px;
    opacity: 1;
    margin: 0;
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition:.6s
}

img.serch_img02:hover {
    opacity: 1;
    margin: 0;
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition:.6s
}

.sample2 figure img {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition:all .4s ease-out
}

.sample2:hover img {
    opacity: .2;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform:scale(1.2)
}

#top_banner_area {
    width: 100%;
    height: 260px;
    background: url(img/banner_bg.jpg) no-repeat;
    clear: both;
    background-size:cover
}

#banner_area_over {
    width: 100%;
    height: 260px;
    background: rgba(0, 31, 80, .8);
    padding: 35px 0 0;
    box-sizing:border-box
}

.banner_group {
    position: relative;
    width: 230px;
    height: 80px;
    float: left;
    overflow: hidden;
    margin:0 0 30px
}

.banner_group img.first {
    position: absolute;
    top: 0;
    left:0
}

.banner_group img.secound {
    position: absolute;
    top: 0;
    left: 80px;
    opacity: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition:.4s
}

.banner_group:hover img.first {
    opacity: 0;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition:.2s
}

.banner_group:hover img.secound {
    left: 0;
    opacity: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition:.4s
}

.banner_left {
    margin:0 0 30px 30px !important
}

section.banner_area {
    width: 960px;
    height: 260px;
    margin: 0 auto;
    position:relative
}

.eagle_man {
    position: absolute;
    right: -40px;
    margin-top:-65px
}

#top_news_area {
    width: 960px;
    height: 280px;
    margin: 0 auto;
    background:#f5f5f5
}

.news_title_area {
    background: #05555D;
    width: 30%;
    float: left;
    height:280px
}

.news_post_area {
    background: #fff;
    width: 70%;
    height: 280px;
    float:left
}

h2.h2_title02 {
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 200;
    margin: 0 auto 50px;
    margin-top:70px !important
}

h2.h2_title02 span.br {
    font-size: 12px !important;
    line-height:1.2 !important
}

ul.post_list {
    margin:40px 0 0 50px
}

ul.post_list li {
    margin:0
}

ul.post_list li span.post_date {
    float:left
}

ul.post_list li a.newsTitle {
    margin:0 0 0 10px !important
}

ul.post_list li img.post_arrow {
    width: 19px;
    margin-left: 10px !important;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    margin-top:-15px !important
}

ul.post_list li:hover > img.post_arrow {
    margin-left: 18px !important;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition:.4s
}

a.list_anchor {
    background: #fff;
    padding: 5px 0 5px 10px;
    display: block;
    width: 36%;
    margin: 0 auto;
    color: #05555D;
    text-decoration: none;
    font-size: 12px;
    position:relative
}

a.list_anchor img {
    margin: 0 0 0 10px;
    position: absolute;
    top: 10px;
    right: 15px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition:.3s
}

#foot01_over, #foot02 {
    width: 960px;
    margin:0 auto
}

a.list_anchor:hover {
    opacity:.8
}

a.list_anchor:hover > img {
    right: 10px;
    transition: .3s;
    -webkit-transition: .4s;
    -moz-transition:.4s
}

#outbound_banner {
    width: 100%;
    min-height: 60px;
    border-top: 4px solid #333;
    padding-top:20px
}

#outbound_banner a {
    margin:20px
}

#outbound_banner a img {
    border:1px solid #fff
}

#outbound_banner a img:hover {
    border: 1px solid #aaa;
    transition: .8s;
    -webkit-transition: .8s;
    -moz-transition:.8s
}

#page-top a, #page-top a:hover {
    border-radius: 50%;
    display:block
}

#foot01 {
    clear: both;
    width: 100%;
    background: #333;
    height:200px
}

#foot02 {
    clear: both;
    background: #fff;
    height:80px
}

#foot01_over {
    height: 200px;
    box-sizing: border-box;
    padding:10px 0 20px
}

#foot01_over a {
    color: #fff;
    font-size: 11px;
    text-decoration:none
}

#foot01_over a:hover {
    text-decoration: underline;
    cursor:pointer
}

#page-top a, #page-top a:hover, #side a, .eqip a, a.OutBoundLink, a.cat {
    text-decoration:none
}

ul.foot_list {
    float: left;
    width: 16%;
    margin:20px 0 0
}

li a.foot_mark, ul.foot_list li {
    margin:0 0 7px
}

ul.foot_list li.sub {
    margin: 0 0 7px;
    padding:0 0 0 20px
}

li a.foot_mark {
    background: url(img/foot_mark.png) 0 3px no-repeat;
    padding:0 0 0 12px
}

a.foot_logo {
    background: url(img/logo.png) no-repeat;
    display: block;
    width: 310px;
    height: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    transition: 6s;
    float: left;
    margin:16px 0 0
}

h3.h3, h4.page_h4 {
    text-indent:13px
}

a.foot_logo:hover {
    transition: .6s;
    opacity:.6
}

small {
    float: right;
    margin:30px 0 0
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size:77%
}

#page-top a {
    background: #000;
    color: #fff;
    font-size: 24px;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 10px 0 0;
    text-align:center
}

#page-top a:hover {
    padding: 10px 0 0;
    text-align: center;
    opacity:.6
}

.cat {
    width: 240px;
    height: 240px;
    margin-right:5px
}

.content, .two-column {
    height: auto;
    margin:0 auto
}

.cat:nth-child(3n + 1) {
    margin-right:0
}

.cat-head {
    color: #001F50;
    font-size:x-small
}

.cat-p {
    font-size: 14px;
    font-weight:700
}

aside {
    float: left;
    background-color:#FFF
}

#side {
    width:200px
}

aside#side h3 {
    padding: 10px;
    border: 1px solid #001F50;
    font-size: 14px;
    color: #FFF;
    background-color:#001F50
}

#side a, #side a.second {
    border-left: 1px dotted #aaa;
    border-right:1px dotted #aaa
}

#side a {
    display: block;
    width: 178px;
    border-top: 1px dotted #aaa;
    font-size: 12px;
    padding: 10px 0 10px 20px;
    color: #666;
    background: url(img/list_mark.png) 8px 15px no-repeat;
    transition:1s
}

#side a.current {
    background-color: #DCE8F1;
    color:#001F50
}

#side a:hover {
    background-color: #DCE8F1;
    color: red;
    background-position: 12px 15px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition:.5s
}

#side a.current:hover {
    background-color: #D2DEF1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition:.5s
}

#side a.second {
    border-top: 0 dotted #fff;
    width: 153px;
    padding: 10px 0 10px 45px;
    background-position:33px 15px
}

#side a.second:hover {
    background-position:38px 15px
}

#side a:last-child {
    border-bottom:1px dotted #aaa
}

a.OutBoundLink, a.OutBoundLink:hover {
    border: 1px solid #aaa;
    transition:.5s
}

#side a.currently {
    background-color: #DCE8F1;
    color:red
}

.fixed {
    transition: 1.5s;
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    position: fixed;
    top:20px
}

.bgfix .fixed, .content {
    position:static
}

.fixes {
    top:-250px
}

.fixes.com {
    top:20px
}

a.OutBoundLink {
    display: block;
    width: 728px;
    background-color: #fff;
    color: #aaa;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor:pointer
}

a.OutBoundLink:hover {
    background-color: #aaa;
    color:#fff
}

a.OutBoundLink span {
    font-weight:700
}

.content {
    width: 960px;
    box-sizing: border-box;
    clear: both;
    padding:0 0 50px
}

.two-column {
    width: 730px;
    float:right
}

.page_h2_section {
    width: 100%;
    height: 150px;
    background: url(img/page_title_bg.jpg) no-repeat;
    clear:both
}

.page_h2_section_over {
    width: 100%;
    height: 150px;
    background:rgba(0, 31, 80, .6)
}

h2.page_h2 {
    font-size: 20px;
    color: #fff;
    line-height: 150px;
    float:left
}

.h2_area {
    width: 960px;
    margin: 0 auto;
    height:150px
}

img.page_title_eagleman {
    float:right
}

h3.page_h3 {
    font-size: 20px;
    color: #001F50;
    margin:-15px 0 15px
}

h3.b_h3, h3.h3 {
    margin: 0 0 20px;
    font-size: 22px;
    vertical-align:middle
}

h3.h3 {
    position: relative;
    border: 1px solid #37777d;
    text-align: left;
    background-color: #37777d;
    color: #FFF;
    padding: 5px;
    width:718px
}

h3.b_h3 {
    padding: 30px 0;
    border-width: 5px 0 2px;
    border-color: #37777d;
    border-style: solid;
    background: #fff;
    color: #37777d;
    font-weight: 700;
    line-height: 2px;
    text-align: left;
    width: 730px;
    height:auto
}

h4.page_h4, h4.two-column_h4 {
    text-align: left;
    background-color: #001F50;
    font-size: 16px;
    color: #FFF;
    margin: 50px 0 20px;
    padding:5px
}

h4.page_h4 {
    border: 1px;
    width:958px
}

h4.two-column_h4 {
    position: relative;
    border: 1px solid #001F50;
    text-indent: 20px;
    vertical-align: middle;
    width:718px
}

h4.mark::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #fff;
    border-radius:4px
}

.pr-49, div.case {
    position:relative
}

p.page_p {
    font-size:13px
}

.page-contact {
    text-align:center
}

a.page-contact a:hover {
    text-decoration: none;
    opacity:.6
}

.breadcrumbs {
    width: 960px;
    margin: 0 auto;
    height: 60px;
    line-height:60px
}

.clear {
    clear:both
}

.pr-49 {
    top:-49px
}

.mb-5 {
    margin-bottom:5px
}

.mb-10 {
    margin-bottom:10px
}

.mb-15 {
    margin-bottom:15px
}

.mb-20 {
    margin-bottom:20px
}

.mb-25 {
    margin-bottom:25px
}

#sec-top, .mb-30 {
    margin-bottom:30px
}

.mb-40 {
    margin-bottom:40px
}

.mb-50 {
    margin-bottom:50px
}

.mb-60 {
    margin-bottom:60px
}

.mb-70 {
    margin-bottom:70px
}

.mb-80 {
    margin-bottom:80px
}

.mb-90 {
    margin-bottom:90px
}

.mb-100 {
    margin-bottom:100px
}

.fl {
    float:left
}

.fr {
    float:right
}

h5.page-b_h5 {
    font-size: 20px;
    color: #001F50;
    margin:0 0 15px
}

.page-b_L, .page-b_L2, .page-b_R, .page-b_R2 {
    height: auto;
    margin:0 0 20px
}

p.page-b_p {
    width: 730px;
    font-size: 13px;
    line-height: 18px;
    text-align:left
}

.page-b_L {
    width: 280px;
    float:left
}

.page-b_R {
    width: 430px;
    float:right
}

.page-b_L2 {
    width: 300px;
    float:left
}

.page-b_R2 {
    width: 430px;
    float:right
}

.W_365 {
    width:365px
}

hr.bar {
    border: none;
    padding-bottom: 2em;
    border-bottom: 1px dashed #ccc;
    width:730
}

section.hr {
    border-bottom: dotted 1px #AAA;
    margin-bottom:20px
}

div.case {
    width: 430px;
    min-height: 180px;
    margin-left: 300px;
    margin-bottom:20px
}

div#signature p, div.case a {
    position: absolute;
    bottom:0
}

div.case h5 {
    line-height:21px
}

.eqip {
    width: 220px;
    height: 200px;
    margin-right:35px
}

.eqip:nth-child(3n) {
    margin-right:0
}

.eqip a {
    text-align: center;
    color: #001F50;
    font-size: 14px;
    font-weight:700
}

h5.page-bl_blue, h5.page-bl_green, h5.page-bl_red, h5.page-bl_yellow {
    font-size: 18px;
    text-indent: 15px;
    padding: 5px 0;
    border-radius: 4px;
    vertical-align:middle
}

h5.page-bl_blue {
    color: #001f50;
    border-left:6px solid #001f50
}

h5.page-bl_green {
    color: #004000;
    border-left:6px solid #004000
}

h5.page-bl_yellow {
    color: #ff8000;
    border-left:6px solid #ff8000
}

h5.page-bl_red {
    color: red;
    border-left:6px solid red
}

h5.page-bl_sec {
    border: 1px solid #00468c;
    text-align: left;
    text-indent: 10px;
    background-color: #00468c;
    font-size: 14px;
    color: #FFF;
    margin: 40px 0 20px;
    padding: 5px;
    width:340px
}

table.led_table, table.led_table td, table.led_table th {
    height: 40px;
    border: none;
    border-collapse:collapse
}

table.led_table {
    width: 730px;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    margin:30px 0 20px
}

table.led_table tr {
    width: 100%;
    box-sizing: border-box;
    border-collapse:collapse
}

table.led_table th {
    padding: 3px;
    width: 50px;
    background: #f99;
    text-align:center
}

table.led_table td {
    padding-left: 30px;
    padding-right: 30px;
    width: 680px;
    background: #00468c;
    text-align:left
}

b.red {
    color: red;
    font-size:18px
}

b.black {
    color: #111;
    font-size:16px
}

table.led_table2 {
    border: 1px solid #aaa;
    border-collapse: collapse;
    text-align: center;
    width: 730px;
    height:auto
}

table.led_table2 th {
    height:30px
}

table.led_table2 td {
    padding: 3px;
    height: 40px;
    background: #fff;
    text-align:center
}

#sec01, #sec02, #sec03, #sec04 {
    width: 280px;
    height:200px
}

#sec-top {
    width: 730px;
    height: 430px;
    background: url(img/sec-top.png);
    background-size:cover
}

#sec-flow {
    width: 390px;
    height: 420px;
    background: url(img/sec-flow.png);
    background-size: cover;
    float:left
}

#sec01 {
    background: url(img/sec01.png);
    background-size:cover
}

#sec02 {
    background: url(img/sec02.png);
    background-size:cover
}

#sec03 {
    background: url(img/sec03.png);
    background-size:cover
}

#sec04 {
    background: url(img/sec04.png);
    background-size:cover
}

.sec-flow {
    color: #001F50;
    font-size: 18px;
    width: 340px;
    height: 420px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content:center
}

.ac-h6, .utm h6, div.mfp h6 {
    font-size:16px
}

#c810ti, #rxt-700cti {
    height: 500px;
    width:730px
}

#sec-apart-point, #sec-house-point, #sec-mark {
    width: 300px;
    height: 200px;
    float:left
}

#sec-apart-top, #sec-bldg-top, #sec-house-top, #utm-top {
    height: 300px;
    margin-bottom:30px
}

a.mfp, div.next-news a, div.step a {
    display: block;
    text-decoration:none
}

#sec-mark {
    background: url(img/sec-mark.png);
    background-size:cover
}

#rxt-700cti {
    background: url(img/rxt-700cti.png);
    background-size:cover
}

#c810ti {
    background: url(img/c810ti.png);
    background-size:cover
}

#sec-yard-top {
    width: 730px;
    height: 301px;
    background: url(img/sec-yard-top.png);
    background-size: cover;
    margin-bottom:30px
}

#sec-bldg-top {
    width: 730px;
    background: url(img/sec-bldg-top.png);
    background-size:cover
}

#sec-house-top {
    width: 730px;
    background: url(img/sec-house-top.png);
    background-size:cover
}

#sec-house-point {
    background: url(img/sec-house-point.png);
    background-size:cover
}

#sec-apart-top {
    width: 730px;
    background: url(img/sec-apart-top.png);
    background-size:cover
}

#sec-apart-point {
    background: url(img/sec-apart-point.png);
    background-size:cover
}

.point {
    width: 410px;
    margin-left:320px
}

#utm-01, #utm-02, #utm-03, #utm-top {
    width:730px
}

#utm-top {
    background: url(img/utm-top.png);
    background-size:cover
}

section.utm, section.utm h5 {
    margin-bottom:20px
}

#utm-01 {
    height: 376px;
    background: url(img/utm-01.png);
    background-size:cover
}

#utm-02 {
    height: 238px;
    background: url(img/utm-02.png);
    background-size:cover
}

#utm-03 {
    height: 389px;
    background: url(img/utm-03.png);
    background-size:cover
}

section.utm {
    border-bottom:dotted 1px #AAA
}

table.utm_table-1, table.utm_table-2, table.utm_table-3 {
    border: 1px solid #aaa;
    border-collapse: collapse;
    text-align: center;
    width: 730px;
    height:auto
}

table.utm_table-1 th {
    padding: 3px;
    width: 100px;
    height: 50px;
    background:#e3edf4
}

table.utm_table-1 th[scope=cols], table.utm_table-2 th[scope=cols] {
    padding: 3px;
    width: 100px;
    height: 50px;
    background: #001F50;
    color:#fff
}

table.utm_table-1 td {
    padding: 3px;
    width: 180px;
    height: 50px;
    background:#fff
}

table.utm_table-1 td:nth-last-child(1) {
    width:450px
}

table.utm_table-2 td, table.utm_table-3 td {
    padding: 3px;
    width: 180px;
    height: 50px;
    background: #fff;
    text-align:center
}

table.utm_table-2 td[scope=row] {
    background: #e3edf4;
    font-weight:700
}

table.utm_table-3 td:first-of-type {
    width:300px
}

span.bold {
    font-weight:700
}

#mfp-top {
    width: 730px;
    height: 300px;
    background: url(img/mfp-top.png);
    background-size: cover;
    margin-bottom:30px
}

section.mfp {
    border-bottom: dotted 1px #AAA;
    margin-bottom:50px
}

a.mfp, a.mfp:hover {
    border:1px solid #00468C
}

section.mfp h5 {
    margin-bottom:20px
}

a.mfp {
    width: 708px;
    margin-top: 20px;
    margin-bottom: 50px;
    background: url(img/lens.png) 280px 10px no-repeat #00468C;
    background-size: 20px 20px;
    color: #fff;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    transition:.5s
}

a.mfp:hover {
    transition: .75s;
    background: 300px 10px #fff;
    color: #00468C;
    background-size:20px 20px
}

#ac-top {
    width: 730px;
    height: 300px;
    background: url(img/ac-top.png);
    background-size: cover;
    margin-bottom:30px
}

#ac-plan-h4 {
    width: 500px;
    height: 200px;
    background: url(img/ac-plan-h4.png);
    background-size:cover
}

#ac-plan-img {
    width: 730px;
    height: 400px;
    background: url(img/ac-plan-img.png);
    background-size:cover
}

table.recruit_tabele {
    width:960px !important
}

table.recruit_tabele, th {
    padding: 3px;
    width: 220px;
    height: auto;
    background: #e3edf4;
    border: 1px solid #aaa;
    border-collapse: collapse;
    text-align:center
}

table.recruit_tabele, td {
    padding: 3px;
    width: 740px;
    height: auto;
    background: #fff;
    border: 1px solid #aaa;
    border-collapse: collapse;
    text-align:justify
}

table.question_table, table.question_table td, table.question_table th {
    height: 80px;
    border-collapse: collapse;
    border:none
}

table.question_table {
    width: 960px;
    box-sizing: border-box;
    margin:1px 0 80px
}

table.question_table tr {
    width: 100%;
    box-sizing: border-box;
    border-collapse:collapse
}

table.question_table th {
    padding: 3px;
    width: 60px;
    background: #ff2626;
    text-align:center
}

table.question_table td {
    padding-left: 30px;
    padding-right: 30px;
    width: 900px;
    background: #eee;
    text-align:justify
}

table.contact_table td, table.contact_table th {
    border-collapse: collapse;
    border: 1px solid #AAA;
    padding:15px 0 15px 15px
}

h4.question_h4 {
    font-size: 15px;
    color: #111;
    margin:0 0 1.5em
}

h4.question_h4:first-letter {
    font-size: 22pt;
    color:#001f50
}

table.contact_table {
    width: 960px !important;
    height: auto;
    box-sizing: border-box;
    border-collapse: collapse;
    overflow: hidden;
    margin:30px 0
}

#signature, img.signature {
    margin-top:30px
}

table.contact_table tr {
    width: 100%;
    box-sizing: border-box;
    border-collapse:collapse
}

table.contact_table th {
    width: 250px;
    background: #E3EDF4;
    white-space:nowrap
}

table.contact_table td {
    width:710px
}

input#submit_btn, input#submit_btn:hover {
    transition: .75s;
    text-align: center;
    border:1px solid #37777D
}

table.contact_table td textarea {
    width: 500px !important;
    height:150px !important
}

table.contact_table td input {
    height:20px
}

input#submit_btn {
    width: 960px;
    background: #fff;
    color: #37777D;
    padding: 20px 0;
    font-weight: 700;
    cursor:pointer
}

input#submit_btn:hover {
    background: #37777D;
    color:#fff
}

#eagle-eye div:not(.eagle-eye), #eagle-mark div:not(.eagle-mark) {
    width:400px
}

.eagle-eye, .eagle-mark {
    width: 300px;
    height:200px
}

.eagle-eye {
    background: url(img/eagle-eye.jpg);
    background-size:cover
}

.eagle-mark {
    background: url(img/eagle-mark.jpg);
    background-size:cover
}

#signature {
    width: 430px;
    height: 275px;
    position:relative
}

div#signature p {
    width: 430px;
    text-align:right
}

.voice_picture, div.arrow, div.next-news a, div.step a {
    text-align:center
}

dl.company_tabledl, dl.company_tabledl dd, dl.company_tabledl dt {
    margin: 0;
    padding:0
}

dl.company_table {
    background: #E3EDF4;
    border: 1px solid #AAA;
    border-top: none;
    width:100%
}

dl.company_table dd, dl.company_table dd + dd {
    background: #FFF;
    border-left: 1px solid #AAA;
    margin-left:27%
}

dl.company_table dd, dl.company_table dt {
    padding-left: 6px;
    padding-right:6px
}

dl.company_table dt {
    border-top: 1px solid #AAA;
    text-align: center;
    clear: both;
    float: left;
    width:26%
}

dl.company_table dd {
    border-top:1px solid #AAA
}

dl.company_table dd + dd {
    border-top:none
}

dl.company_table dt:nth-of-type(5), dl.company_table dt:nth-of-type(6) {
    padding-top:2.5em
}

dl.company_table dt:nth-of-type(7) {
    padding-top:1.5em
}

dl.company_table dt:nth-of-type(8) {
    padding-top:8em
}

dl.company_table dt:nth-of-type(11) {
    padding-top:5em
}

dl.company_table dt:nth-of-type(12) {
    padding-top:2.5em
}

dl.company_table dt:nth-of-type(13), dl.company_table dt:nth-of-type(14) {
    padding-top:1em
}

dl.company_table dt:nth-of-type(15) {
    padding-top:25em
}

dl.company_table dt:nth-of-type(16) {
    padding-top:9em
}

dl.company_table dt:nth-of-type(17) {
    padding-top:7em
}

#map {
    width: 100%;
    height: 450px;
    margin-bottom:30px
}

div#voice, div#workflow {
    width: 960px;
    height: 200px;
    background: url(img/h3-bg.png);
    background-size:cover
}

div#voice h3, div#workflow h3 {
    padding-left: 20px;
    padding-top: 70px;
    color: #FFF;
    font-size:30px
}

div#voice p, div#workflow p {
    padding-left: 20px;
    padding-bottom: 20px;
    color:#FFF
}

div.step h4, div.step h5 {
    color: #001F50;
    font-size: 22px;
    padding-left:10px
}

section.step {
    margin-top: 30px;
    clear:both
}

section.step:nth-of-type(1) {
    margin-top:80px
}

section.step:nth-of-type(6) {
    margin-bottom:80px
}

div.step {
    width: 710px;
    float:left
}

div.step h4 {
    background: url(img/wf-step-bar.png) 0 8px no-repeat;
    background-size: 4px 20px;
    margin-left:5.5em
}

div.step h5 {
    background: url(img/wf-step-bar.png) 0 8px no-repeat;
    background-size: 4px 20px;
    float:left
}

div.step p {
    width:630px
}

div.wf-step01, div.wf-step02, div.wf-step03, div.wf-step04, div.wf-step05, div.wf-step06 {
    width: 250px;
    height: 160px;
    text-indent: 100%;
    white-space: nowrap;
    overflow:hidden
}

div.step div {
    float:left
}

div.wf-step01 {
    background: url(img/wf-step01.png);
    background-size:cover
}

div.wf-step02 {
    background: url(img/wf-step02.png);
    background-size:cover
}

div.wf-step03 {
    background: url(img/wf-step03.png);
    background-size:cover
}

div.wf-step04 {
    background: url(img/wf-step04.png);
    background-size:cover
}

div.wf-step05 {
    background: url(img/wf-step05.png);
    background-size:cover
}

div.wf-step06 {
    background: url(img/wf-step06.png);
    background-size:cover
}

div.arrow {
    padding-top: 50px;
    height: 50px;
    border-bottom: dotted 1px #AAA;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity:.5
}

.tel {
    font-size: 20px;
    font-weight:700
}

div.step a {
    width: 310px;
    background: url(img/contact-icon.png) 55px 8px no-repeat #37777D;
    background-size: 30px 23px;
    border: 1px solid #37777D;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    cursor: pointer;
    transition:.5s
}

div.step a:hover {
    transition: .75s;
    border: 1px solid #37777D;
    background: #fff;
    color:#37777D
}

div.news {
    position: relative;
    top: -50px;
    border-top: solid 5px #001F50;
    padding-top:10px
}

div.news time {
    font-size: 14px;
    color: #001F50;
    float:left
}

div.news a {
    margin-left: 130px;
    font-size: 18px;
    color: #00468C;
    text-decoration:none
}

div.news .box {
    margin-top: 10px;
    margin-bottom: 30px;
    padding-top: 20px;
    border-top: dotted 1px #AAA;
    width: 760px;
    height: 120px;
    float: right;
    overflow: hidden;
    text-overflow:ellipsis
}

div.next-news a, div.next-news a:hover {
    border: 1px solid #37777D;
    color:#37777D
}

.next-news {
    float:right
}

div.next-news a {
    width: 3em;
    padding: 5px;
    background: #fff;
    float:left
}

div.next-news a:hover {
    background: #6AAAAF;
    transition:.5s
}

section.voice {
    background-color: #F5F5F5;
    margin-bottom: 30px;
    padding:15px
}

section.voice div.voice {
    position: relative;
    float: left;
    width: 75px;
    height: 0;
    border-top: 90px solid #001F50;
    border-right:35px solid transparent
}

section.voice:nth-of-type(4n + 2) div.voice {
    border-top:90px solid #075001
}

section.voice:nth-of-type(4n + 3) div.voice {
    border-top:90px solid #910003
}

section.voice:nth-of-type(4n + 4) div.voice {
    border-top:90px solid #FFC926
}

section.voice div p.voice {
    position: absolute;
    top: -85px;
    left: 15px;
    color: #FFF;
    font-size: 20px;
    line-height:26px
}

section.voice div p.voice:after {
    content: "0"counter(voice);
    counter-increment: voice;
    font-size: 26px;
    font-weight:700
}

section.voice h4 {
    height: 90px;
    width: 850px;
    color: #001F50;
    font-size: 22px;
    font-weight: 700;
    display: table-cell;
    vertical-align:middle
}

section.voice:nth-of-type(4n + 2) h4 {
    color:#075001
}

section.voice:nth-of-type(4n + 3) h4 {
    color:#910003
}

section.voice:nth-of-type(4n + 4) h4 {
    color:#FFC926
}

section.voice h4:before {
    content: "| "
}

section.voice h5 {
    color: #111;
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom:15px
}

section.voice h6 {
    color: #37777D;
    font-size: 13px;
    line-height: 13px;
    margin-top: 26px;
    margin-bottom:13px
}

section.voice h6 + p {
    font-size:13px
}

.voice_picture {
    margin-top: 20px;
    width: 330px;
    float:left
}

.voice_article {
    margin-top: 20px;
    width: 570px;
    margin-left:360px
}

@media (max-width: 960px),(max-height: 565px) {
    .fixed {
        position: static
    }
}