@charset "UTF-8";

/**css for stye_pc**/

.sp {
display: none;
}

body {
background: #fff;
-webkit-text-size-adjust: 100%;
}

.hidden {
position: absolute;
left: -2000px;
}

.tpl1-1 {
width: 980px;
word-break: break-all;
margin-left: auto;
margin-right: auto;
}

.WebEditor table,
.wb-contents table {
width: 100%;
}

.WebEditor h2,
.wb-contents h2 {
margin-left: 0;
}



/* --------------------------------------------------------------------
HEADER
---------------------------------------------------------------------- */

.container {
width: 1080px;
margin: 0 auto;
height: 64px;
}


#gNav a:hover {
color: #999;
}
nav li a {
/*font-size: 13px;*/
    font-size: 0.85em;
    letter-spacing: 0.2em;
}
nav .sub-menu,.mean-container .mean-nav ul ul {
color: #fff;
background: #007FCC;
}
@media only screen and (max-width: 768px) {
#gloabal {
padding: 10px 0;
height: 60px;
}
#gNav .nav {
overflow-y: auto;
height: 100vh;
}
.mean-nav .container {
padding: 0;
}
nav li .fa {
display: none;
}
}

@media print, screen and (min-width: 769px) {
#global {
height: 64px;
background: #ECF7FD;
}
.sp {
display: none;
}
.h_nav {
width: 100%;
height: 64px;
}
#h_top {
display: flex;
justify-content: space-evenly;
align-items: center;

}
#gNav ul {
position: relative;
display: flex;
justify-content: space-evenly;
height: 64px;
align-items: center;
}
#gNav li {
/*    position: relative;*/
margin-right: 3em;
}
#gNav li:last-child {
margin-right: 0;
}
#gNav li i {
/*font-size: 16px;*/
font-size: 1.2em;
margin-left: 5px;
}
#gNav li a {
position: relative;
display: block;
text-align: center;
/*    line-height: 80px;*/
}
    
#gNav .sub-menu {
z-index: 1;
display: block;
position: absolute;
top: 64px;
left: 50%;
width: 1080px;
left: 0;
background: #007FCC;
height: 454px;
}
#gNav .sub-menu a {
padding: 10px;
display: block;
border-bottom: none;
padding: 20px;
line-height: 1.2em;
}
#gNav .sub-menu li {
display: block;
/*font-size: 16px;*/
font-size: 1.2em;
padding: 0;
margin: 0;
}
#gNav .sub-menu li:last-child {
border-bottom: none;
}
#gNav ul > li:hover {
-webkit-transition: all .5s;
transition: all .5s;
}
#gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a {
color: #bfd0ff;
}

#gNav li:hover ul.sub-menu {
top: 64px;
visibility: visible;
opacity: 1;
z-index: 9999;
}

#gNav li ul li:after {
content: none;
}
#gNav li:hover ul.sub-menu a {
color: #111;
}
/*
#gNav .sub-menu li a:hover {
background: #fff;
}
#gNav .contact_btn a:hover {
color: #fff;
}
*/
}

/*
.temp {
    width: 1080px;
    height: 454px;
    background: #007FCC;
    font-size: 16px;
    color: #fff;
}
*/

/*
.sub02_menu {
font-size: 16px;
}
*/

/*
.sub03_menu {
font-size: 16px;
}
*/

.logoBoxLeft p {
width: 100%;
}

.skip {
position: absolute;
left: -2000px;
}

/* ----------------------------------------
検索フォーム
---------------------------------------- */

.form01{
    background-color: white;
    height: 32px;
    border: 1px #333333 solid;
    box-sizing: border-box;
    color: #333;
}
.form01 input{
    vertical-align: top;
    margin: 0px;
    height: 100%;
    box-sizing: border-box;
    background-color: transparent;
    color: #333;
/*    font-size: 14px;*/
    font-size: 1.2em;
}
.input01{
    width: 300px;
    border: none;
    border-right: 1px #333333 solid;
}
.submit01{
    width: 50px;
    border: none;
    background-image: url(/images/icon_search2019.png);
    background-position: center;
    background-size: auto 80%;
    background-repeat: no-repeat;
}

.headLink {
    position: static;
    text-align: left;
}

/* ----------------------------------------
RESET
---------------------------------------- */

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

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

.headerWrap {
    font-family: sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic'!important;
/*    font-size: 10px;*/
    font-size: 1.0em;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
    box-shadow: 0px 8px 6px -6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
    margin-bottom: 6px;
    background: #fff;
    color: #333;
}

.menuCon {
font-family: sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic'!important;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.footerS {
font-family: sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic'!important;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*font-size: 75%;*/
}

/* ----------------------------------------
既存調整
---------------------------------------- */


table.topSideMenu {
border: none;
}


table.topSideMenu tr td {
border: none;
}

@media print, screen and (min-width: 769px) {
.ml0 {
margin-left: 0px!important;
}
.ml10 {
margin-left: 10px!important;
}
.ml20 {
margin-left: 20px!important;
}
.ml30 {
margin-left: 30px!important;
}
.ml40 {
margin-left: 40px!important;
}
.ml50 {
margin-left: 50px!important;
}
.ml60 {
margin-left: 60px!important;
}
.ml70 {
margin-left: 70px!important;
}
.ml80 {
margin-left: 80px!important;
}
.ml90 {
margin-left: 90px!important;
}
.ml100 {
margin-left: 100px!important;
}
.mr0 {
margin-right: 0px!important;
}
.mr10 {
margin-right: 10px!important;
}
.mr20 {
margin-right: 20px!important;
}
.mr30 {
margin-right: 30px!important;
}
.mr40 {
margin-right: 40px!important;
}
.mr50 {
margin-right: 50px!important;
}
.mr60 {
margin-right: 60px!important;
}
.mr70 {
margin-right: 70px!important;
}
.mr80 {
margin-right: 80px!important;
}
.mr90 {
margin-right: 90px!important;
}
.mr100 {
margin-right: 100px!important;
}
.mb0 {
margin-bottom: 0px!important;
}
.mb10 {
margin-bottom: 10px!important;
}
.mb20 {
margin-bottom: 20px!important;
}
.mb30 {
margin-bottom: 30px!important;
}
.mb40 {
margin-bottom: 40px!important;
}
}

.txtRight {
text-align: right;
}

span.red {
color: #ff0000;
}