html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;

}

body{
  overflow: hidden;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

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

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}

p{
  line-height: 1.6;
}

.height-narrow{
  line-height: 1.6 !important;
}

a{
  color:#0b508e;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}
a img {
  border: 0;
}

.wrapper{
  width: 980px;
  margin: 0 auto;
}

/*** font ***/
.ft10{  font-size: 10px !important;}
.ft12{  font-size: 12px !important;}
.ft14{  font-size: 14px !important;}
.ft16{  font-size: 16px !important;}
.ft18{  font-size: 18px !important;}
.ft20{  font-size: 20px !important;}
.ft22{  font-size: 22px !important;}
.ft24{  font-size: 24px !important;}
.ft26{  font-size: 26px !important;}
.ft28{  font-size: 28px !important;}
.ft30{  font-size: 30px !important;}

.ftBl{  color:#1a60ae !important;}
.ftDkBl{  color:#0b508e !important;}

.bold{  font-weight: bold !important;}
.normal{  font-weight: normal !important;}
.underline{ text-decoration: underline !important; }

/*** line-height ***/
.lineH13{ line-height: 1.3em !important; }

/*** margin ***/
.mAuto { margin: 0 auto !important; }

.mAll20{  margin: 20px !important;}

.mb0{  margin-bottom:0 !important;}
.mb5{  margin-bottom:5px !important;}
.mb10{  margin-bottom:10px !important;}
.mb15{  margin-bottom:15px !important;}
.mb20{  margin-bottom:20px !important;}
.mb25{  margin-bottom:25px !important;}
.mb30{  margin-bottom:30px !important;}
.mb35{  margin-bottom:35px !important;}
.mb40{  margin-bottom:40px !important;}
.mb45{  margin-bottom:45px !important;}
.mb50{  margin-bottom:50px !important;}
.mb55{  margin-bottom:55px !important;}
.mb60{  margin-bottom:60px !important;}
.mb70{  margin-bottom:60px !important;}

.mt0{  margin-top: 0px !important;}
.mt5{  margin-top: 5px !important;}
.mt10{  margin-top: 10px !important;}
.mt15{  margin-top:15px !important;}
.mt20{  margin-top: 20px !important;}
.mt25{  margin-top:25px !important;}
.mt30{  margin-top: 30px !important;}
.mt35{  margin-top:35px !important;}
.mt40{  margin-top: 40px !important;}
.mt45{  margin-top:45px !important;}
.mt50{  margin-top: 50px !important;}
.mt55{  margin-top:55px !important;}
.mt60{  margin-top:60px !important;}
.mt70{  margin-top:60px !important;}

.ml0{  margin-left:0px !important;}
.ml5{  margin-left: 5px !important;}
.ml10{  margin-left:10px !important;}
.ml15{  margin-left:15px !important;}
.ml20{  margin-left:22px !important;}
.ml22{  margin-left:22px !important;}
.ml25{  margin-left:25px !important;}
.ml30{  margin-left:30px !important;}
.ml35{  margin-left:35px !important;}
.ml40{  margin-left:40px !important;}
.ml45{  margin-left:45px !important;}
.ml50{  margin-left:50px !important;}
.ml55{  margin-left:55px !important;}
.ml60{  margin-left:60px !important;}
.ml70{  margin-left:60px !important;}

.mr0{  margin-right:0px !important;}
.mr5{  margin-right: 5px !important;}
.mr10{  margin-right:10px !important;}
.mr15{  margin-right:15px !important;}
.mr20{  margin-right:22px !important;}
.mr22{  margin-right:22px !important;}
.mr25{  margin-right:25px !important;}
.mr30{  margin-right:30px !important;}
.mr35{  margin-right:35px !important;}
.mr40{  margin-right:40px !important;}
.mr45{  margin-right:45px !important;}
.mr50{  margin-right:50px !important;}
.mr55{  margin-right:55px !important;}
.mr60{  margin-right:60px !important;}
.mr70{  margin-right:60px !important;}

/*** padding ***/
.ptb25lr50 { padding: 25px 50px !important; }

.pb0{  padding-bottom:0 !important;}
.pb5{  padding-bottom:5px !important;}
.pb10{  padding-bottom:10px !important;}
.pb15{  padding-bottom:15px !important;}
.pb20{  padding-bottom:20px !important;}
.pb25{  padding-bottom:25px !important;}
.pb30{  padding-bottom:30px !important;}
.pb35{  padding-bottom:35px !important;}
.pb40{  padding-bottom:40px !important;}
.pb45{  padding-bottom:45px !important;}
.pb50{  padding-bottom:50px !important;}
.pb55{  padding-bottom:55px !important;}
.pb60{  padding-bottom:60px !important;}
.pb70{  padding-bottom:60px !important;}

.pt0{  padding-top: 0px !important;}
.pt5{  padding-top: 5px !important;}
.pt10{  padding-top: 10px !important;}
.pt15{  padding-top:15px !important;}
.pt20{  padding-top: 20px !important;}
.pt25{  padding-top:25px !important;}
.pt30{  padding-top: 30px !important;}
.pt35{  padding-top:35px !important;}
.pt40{  padding-top: 40px !important;}
.pt45{  padding-top:45px !important;}
.pt50{  padding-top: 50px !important;}
.pt55{  padding-top:55px !important;}
.pt60{  padding-top:60px !important;}
.pt70{  padding-top:60px !important;}

.pl0{  padding-left:0px !important;}
.pl5{  padding-left: 5px !important;}
.pl10{  padding-left:10px !important;}
.pl15{  padding-left:15px !important;}
.pl20{  padding-left:22px !important;}
.pl22{  padding-left:22px !important;}
.pl25{  padding-left:25px !important;}
.pl30{  padding-left:30px !important;}
.pl35{  padding-left:35px !important;}
.pl40{  padding-left:40px !important;}
.pl45{  padding-left:45px !important;}
.pl50{  padding-left:50px !important;}
.pl55{  padding-left:55px !important;}
.pl60{  padding-left:60px !important;}
.pl70{  padding-left:60px !important;}

.pr0{  padding-right:0px !important;}
.pr5{  padding-right: 5px !important;}
.pr10{  padding-right:10px !important;}
.pr15{  padding-right:15px !important;}
.pr20{  padding-right:22px !important;}
.pr22{  padding-right:22px !important;}
.pr25{  padding-right:25px !important;}
.pr30{  padding-right:30px !important;}
.pr35{  padding-right:35px !important;}
.pr40{  padding-right:40px !important;}
.pr45{  padding-right:45px !important;}
.pr50{  padding-right:50px !important;}
.pr55{  padding-right:55px !important;}
.pr60{  padding-right:60px !important;}
.pr70{  padding-right:60px !important;}

/*** width ***/
.width10{  width: 10% !important;}
.width20{  width: 20% !important;}
.width30{  width: 30% !important;}
.width40{  width: 40% !important;}
.width50{  width: 50% !important;}
.width60{  width: 60% !important;}
.width70{  width: 70% !important;}
.width80{  width: 80% !important;}
.width90{  width: 90% !important;}
.width100{  width: 100% !important;}

.width60p{  width: 60px !important;}
.width100p{  width: 100px !important;}
.width150p{  width: 150px !important;}
.width200p{  width: 200px !important;}

/*** float ***/
.floatLeft{
  float: left;
  display: inline;
}
.floatRight{
  float: right;
  display: inline;
}
.clearfix:after{
  content:'';
  clear: both;
  display: block;
}

/*** align ***/
.align_l{  text-align: left !important;}
.align_c{  text-align: center !important;}
.align_r{  text-align: right !important;}

.alignT{  vertical-align: top !important;}  

/*** display ***/
.isSP, .isSP2{ display: none !important;}
.isTab{ display: block !important;}

.noDisplay{  display: none !important;}

/*** color ***/
.black{color: #000 !important;}
.bgBlack{background-color: #000 !important;}
.white{color: #fff !important;}
.bgWhite{background-color: #fff !important;}
.blue{color: #1a60ae !important;}
.bgBlue{background-color: #04518e !important;}
.grey{color: #fafafa !important;}
.bgGrey{background-color:#fafafa !important;}

.bgGrey20 {background-color: rgba(204, 204, 204, 0.2) !important;}
.bgGrey40 {background-color: rgba(204, 204, 204, 0.4) !important;}
.bgGrey60 {background-color: rgba(204, 204, 204, 0.6) !important;}

/*** border ***/
.noBorder {  border: none !important;}

/*
* header
*/

#topDescription{
  padding:10px;
}

#mainNavigation{
  height: 90px;
  position: relative;
}

.logo{
  position: absolute;
  left: 0;
  top: 20px;
}

.headContact{
  position: absolute;
  right: 0;
  top:15px;
}

.headTel{
  font-size: 12px;
  text-decoration: none;
  color: #04518e;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 10px;
}

.headTel i{
  display: inline-block;
  margin: 0 5px 0 0;
}

.headForm{
  font-weight: bold;
  background-color: #04518e;
  border:solid 1px #04518e;
  padding:10px 20px;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  line-height: 1.2em;
  color:#ffffff;
  text-decoration: none;
  font-size: 12px;
}

.headForm:hover{
  text-decoration: none;
  border:solid 1px #04518e;
  background-color: #ffffff;
  color: #04518e;
}

#header .subTableCell a:hover {
  text-decoration: underline;
}

/*
* footer
*/

#footer{
  border-top:solid 1px #cccccc;
  background-color: #242831;
}

#footer .container{
  height:180px;
  position: relative;
}

#copyright{
  position: absolute;
  top:65px;
  right: 0;
  font-size: 12px;
}

#copyright img{
  width:80px;
}

#footLink{
  position: absolute;
  top: 20px;
  left:0;
}

#footSocial{
  height:35px;
  margin: 0 0 15px;
}

#footPrivacy a{
  text-decoration: none;
  color: #ffffff;
}

/*
* UI
*/

.buttonUI, .backButtonUI{
  border-style: solid;
  border-color: #04518e;
  border-width: 1px;
  padding: 25px;
  width: 370px;
  text-align: center;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  line-height: 1.2em;
  font-size: 22px;
  color: #1a60ae !important;
  position: relative;
  background-color: #ffffff;
  /* add */
  margin: 0px 15px;
}
.awayButtonUI{
  border-style: solid;
  border-color: #04518e;
  border-width: 1px;
  padding: 25px 25px 25px 10px;
  width: 370px;
  text-align: center;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  line-height: 1.2em;
  font-size: 22px;
  color: #1a60ae !important;
  position: relative;
  background-color: #ffffff;
  margin: 5px !important;
}

.buttonUI:after{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f105";
  position: absolute;
  right:23px;
  top:50%;
  margin-top:-17px;
  font-size: 30px;
}


.buttonUI:hover,.buttonUI:active,.buttonUI:focus,
.backButtonUI:hover,.backButtonUI:active,.backButtonUI:focus,
.awayButtonUI:hover,.awayButtonUI:active,.awayButtonUI:focus {
  color:#ffffff !important;
  background-color: #04518e;
  text-decoration: none;
}


.buttonUI_blog{
  border:solid 1px #dddddd;
  position: relative;
  border-radius: 4px;
  display: inline-block;
  padding: 0 20px;
  line-height: 44px;
  width:220px;
  text-align: center;
  color: #999999;
  background-color: #eeeeee;
}

.buttonUI_blog:hover,.buttonUI:active,.buttonUI:focus{
  color:#ffffff !important;
  background-color: #04518e;
  text-decoration: none;
}

.backButtonUI:before {
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f104";
  position: absolute;
  left:23px;
  top:50%;
  margin-top:-17px;
  font-size: 30px;
}
.awayButtonUI:after{
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f08e";
  position: absolute;
  right: 23px;
  top: 50%;
  margin-top: -11px;
  font-size: 22px;
}
.serviceBtnUI {
  border-style: solid;
  border-color: #04518e;
  border-width: 1px;
  padding: 10px;
  width: 100%;
  text-align: center;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  line-height: 1.2em;
  font-size: 16px;
  color: #1a60ae !important;
  position: relative;
  background-color: #ffffff;
  margin: 5px;
}
.serviceBtnUI:after{
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f105";
  position: relative;
  top: 1px;
  right: -5px;
  font-size: 18px;
}
.serviceBtnUI:hover,
.serviceBtnUI:active,
.serviceBtnUI:focus{
  color:#ffffff !important;
  background-color: #04518e;
  text-decoration: none;
}
.service h4{
  padding: 1rem 1rem;
  border-left: 3px solid #1A60AE;
  font-size: 18px;
  color: #1A60AE;
}
.service .flowtitle {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}
.service .flowtitle {
  font-weight: bold;
  padding: 8px 16px;
  background: #DEEAF7;
  color: #000;
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
  clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
  
  margin-bottom: 30px;
  text-align: center;

  font-size: 26px !important;
  margin: 0 0 50px;
}
.service .box{
  border: 2px #1A60AE;
  position: relative;
  margin-top: 1em;
}
.service .flowtitlesmoll{
  font-weight: bold;
  padding: 8px 16px;
  background: #DEEAF7;
  color: #000;
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
  clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
  text-align: center;
}
.middle_l{
  padding: 20px !important;
  margin: 10px;
  width: 280px;
  font-size: 16px !important;
  display: inline-block !important;
}
.middle_l:after{
  right: 15px;  
  margin-top: -15px;
  font-size: 25px;
}
.middle_b{
  padding:15px !important;
  width:190px !important;
  font-size: 16px !important;
  display: inline-block !important;
}
.middle_b:after{
  right: 20px;  
  margin-top: -15px;
  font-size: 25px;
}

#content section{
  padding: 70px 0;
}
#content section:nth-of-type(2n){
  background-color: #fafafa;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}
#content section h1{
  color:#1a60ae;
  font-size: 30px;
  margin:0 0 50px;
}

.layout-two-column-container{
  display: table;
  border-collapse: collapse;
}
.layout-two-column-container-link{
  display: table;
  border-collapse: collapse;
  margin: 0 auto;
}
.layout-two-column-row{
  display: table-row;
}
.layout-two-column-cell{
  width:50%;
  display: table-cell;
}
.layout-two-column-container-link .layout-two-column-cell{
  border-radius: 20px;
  width:440px;
  padding: 20px;
}
.layout-two-column-container-link .layout-two-column-cell:hover{
  background-color: #ffffff;
  text-decoration: none;
}
.nobgcolor { background-color: #ffffff !important; }
.layout-two-column-container-link .layout-two-column-spacer{
  display: table-cell;
  width:20px;
}
.layout-two-column-container-link .layout-two-column-cell h2{
  color:#000000;
}
.layout-two-column-container-link .layout-two-column-cell p{
  color:#000000;
}
.layout-two-column-container-link .layout-two-column-cell span{
  color:#000000;
  display: block;
  text-align: right;
  text-decoration: underline;
  margin: 40px 0 0 0;
}
.layout-two-column-container-link .layout-two-column-cell span i{
  margin: 0 0 0 10px;
}
.layout-three-column-container{
  display: table;
  border-collapse: collapse;
}
.layout-three-column-row{
  display: table-row;
}
.layout-three-column-cell{
  width:33%;
  display: table-cell;
}
.clipImage{
  position: relative;
  display: inline-block;
}
.clipImage img.mask{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#mainNavigation > nav{
  /* margin:0 0 0 190px; */
  margin: 0 0 0 300px;
}
#mainNavigation > nav > ul > li{
  display: inline-block;
  margin:50px 0 0;
  font-size: 14px;
}
#mainNavigation > nav > ul > li a{
  text-decoration: none;
  color:#000000;
  font-weight: bold;
  display: inline-block;
}
#mainNavigation > nav > ul > li a i,
#mainNavigation > nav > ul > li h3 i,
#mainNavigation > nav > ul > li h4 i{
  display: none;
}
#mainNavigation > nav > ul > li > a:hover{
  padding: 0;
  border-bottom: solid 2px #04518e;
}
#mainNavigation > nav > ul > li.current > a{
  padding: 0;
  border-bottom: solid 2px #04518e;
}
#mainNavigation > nav > ul > li:not(:last-child){
  margin-right: 25px;
}
#mainNavigation > nav > ul > li > .subNavigation{
    display: none;
    border:solid 1px #04518e;
    background-color: #ffffff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
    left: 0;
    padding: 15px;
    position: absolute;
    top: 90px;
    width: 980px;
    z-index: 100;
    border-radius: 2px;
    color: #000000;
    font-weight: normal;
}
#mainNavigation > nav > ul > li > .subNavigation .subTableCell > ul > li{
  margin:0 0 10px;
}
#mainNavigation > nav > ul > li > .subNavigation .subTableCell > ul > li li {
  /* margin:0 10px 10px;*/
  display: inline-block;
  margin:0 10px 0;
}
#mainNavigation > nav > ul > li > .subNavigation .subTableCell.noBorder > ul > li li {
  /* display: inline-flex !important; */
  display: inline-flex;
  width: 45%;
}
#mainNavigation > nav > ul > li > .subNavigation .subTableCell > ul > li li ul {
  margin:0 0px 10px;
}
#mainNavigation > nav > ul > li > .subNavigation .subTableCell > ul > li li li {
  margin:0 10px 0px;
}
#mainNavigation > nav > ul > li > .subNavigation .subTableCell > ul > li li:before {
  font:normal normal normal 16px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f105";
  position: relative;
  right: 5px;
  margin-left: 8px;
  font-size: 16px;
  color: #0b508e;
}
#mainNavigation > nav > ul > li > .subNavigation h3{
  font-size: 14px;
  /* margin:0 0 10px; */
}
#mainNavigation > nav > ul > li > .subNavigation a{
  font-size: 14px;
  font-weight: normal;
  color: #0b508e;
}
#mainNavigation > nav > ul > li .subTable{
  display: table;
  width: 100%;
}
#mainNavigation > nav > ul > li .subTableRow{
  display: table-row;
  width: 100%;
}
#mainNavigation > nav > ul > li .subTableCell{
  display: table-cell;
  padding: 15px;
}
#mainNavigation > nav > ul > li .subTableCell.single:first-child{
  border-right: none 0 #2374B2;
  width: 100%;
}
#mainNavigation > nav > ul > li .subTableCell:first-child{
  border-right: solid 1px #2374B2;
  width: 70%;
}
#mainNavigation #naviArrow{
    bottom: -1px;
    display: none;
    position: absolute;
    width: 15px;
    z-index: 100;
}
/*
#content{
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
*/

.balloon{ position: relative; }
.balloon small{
  position: absolute;
  width: 260px;
  display: block;
  padding: 21px 15px;
  font-size: 14px;
  line-height: 1.4em;
  border-radius: 5px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
  left:50%;
  margin-left: -130px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  pointer-events: none;
}
.balloon_b small{
  color: #ffffff;
  background-color: #1a60ae;
  border:solid 1px #1a60ae;
}
.balloon_b small:after{
  content:url("../img/common/misc_balloon_arrow_blue.png");
  position: absolute;
  bottom:-14px;
  left:50%;
  margin-left: -9px;
}
.balloon_w small{
  color:#333333;
  background-color: #ffffff;
  border:solid 1px #dedede;
}
.balloon_w small:after{
  content:url("../img/common/misc_balloon_arrow_white.png");
  position: absolute;
  bottom:-14px;
  left:50%;
  margin-left: -9px;
}

/*
** secondfloor contents
*/

.mainVisual{
  background-color: #000000;
  position: relative;
  height: 330px;
}
.mainVisual.recruit{
  height: 48px;
  background-color: #eee;
}
.mvWrapper{
  width: 100%;
  position: relative;
  overflow: hidden;
  height:330px;
}
img.mvPC{
  width:1500px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -750px;
  top: 0;
}
img.mvSP{
  display: none;
}
.headWrap{
  width:1500px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -750px;
  top: 0;
}
.setPos{
  position: relative;
  width: 100%;
  height: 330px;
}
.setPos h1,
.setPos .pageTilte{
  position: absolute;
  top: 145px;
  left: 280px;
  font-size: 40px;
  color:#000000;
  line-height: 1.2em;
}
#breadcrumbs li{
  display: inline-block;
  font-size: 13px;
  margin-bottom:5px;
  position: relative;
  line-height: 1.2em;
  color:#000000;
}
#breadcrumbs li a{
  color: #787878;
}
#breadcrumbs li a:hover{

}
#breadcrumbs li:not(:last-child){
  padding: 0 15px 0 0;
  margin-right: 5px;
}
#breadcrumbs i{
  position: absolute;
  right: 0;
  font-size: 13px;  
  top: 50%;
  margin-top: -8px;
}
.subWrapper{
  width: 860px;
  margin: 0 auto
}
.wireTwoColumn{
  width: 950px;
  margin: 0 auto;
  position: relative;
  padding: 0 245px 0 0;
}
.wireTwoColumn .subColumn{
  width:220px;
  position: absolute;
  top: 0;
  right: 0;
}

#main section h2{
  margin-bottom: 30px;
  font-size: 24px;
}
#main img{
  margin-bottom: 30px;
}
#main p:not(:last-of-type){
  margin-bottom: 20px;
}
.allFullSize{
  width:100%;
  display: block;
}
.allHalfSize{
  width:50%;
  display: block;
  margin: 0 auto;
}
.allHalfSmallSize{
  width:40%;
  display: block;
  margin: 0 auto !important;
}
.allOneThirdSize{
  width:33%;
  display: block;
  margin: 0 auto;
}
.allThirtySize{
  width: 30%;
  display: block;
}
.allQuarterSize{
  width: 25%;
  display: block;
}

blockquote{
  padding: 32px 44px;
  border-radius: 6px;
  background-color: #eeeeee;
  position: relative;
}
blockquote:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f10d";
  position: absolute;
  left:13px;
  top:13px;
  font-size: 16px;
  color: #666666;
}
blockquote:after{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f10e";
  position: absolute;
  right:13px;
  bottom:13px;
  margin-top:-15px;
  font-size: 16px;
  color: #666666;
}
blockquote cite{
  margin-bottom: 20px;
  display: block;
  font-weight: bold;
}

q{
  border-left:solid 5px #eeeeee;
  padding: 13px 21px;
  display: block;
}
q.quoteBlue{
  border-left:solid 5px #1a60ae;
}
q.quoteBlue span{
  font-size: 14px;
  display: block;
  color: #999999;
  margin-top: 20px;
}

q.quoteBlue span:before{
  content:'— ';
}
.exLink{
  position: relative;
  padding: 0 0 0 26px;
  color:#000000;
  display: inline-block;
  font-size: 14px;
}
p a span.exLink_r{
  font-size: 16px !important;
  color:#0b508e;
}
p a span.exLink_r:after{
  right: -30px;
  font-size: 18px !important;  
  top: 5px;
}
q.quoteArticle{
  border-left:solid 5px #1a60ae;
  padding: 0 21px;
  display: block;
}
q.quoteArticle .title{
  color: #000000 !important;
  margin: 0 !important;
  font-size: 24px !important;
}
q.quoteArticle span{
  font-size: 14px;
  display: block;
  color: #787878;
  margin-top: 5px;
}
.exLink:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f08e";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
  color: #000000;
}
.exLink_r{
  position: relative;
  padding: 0;
  color:#000000;
  display: inline-block;
  font-size: 14px;
}
.exLink_r:after{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f08e";
  position: absolute;
  right: -20px;
  top: 0px;
  font-size: 16px;
  color: #0b508e;
}
.anchor{
  position: relative;
  padding: 0 0 0 26px;
  color:#000000;
  display: inline-block;
  font-size: 14px;
}
.anchor:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f0d7";
  position: absolute;
  left:6px;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
  color: #1a60ae;
}
.circle{
  position: relative;
  padding: 0;
  display: inline-block;
  font-size: 55px;
}
.circle:before{
  font:normal normal normal 130px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f111";
  position: absolute;
  left:0px;
  top:0;
  margin-top: -9px;
  font-size: 130px;
}
.flag{
  position: relative;
  padding: 0;
  display: inline-block;

}
.flag:before{
  font:normal normal normal 80px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f024";
  position: absolute;
  left: 50%;
  top: 20%;
  margin-top: 0px;
  font-size: 80px;
  color: #ffffff;
  z-index: 300;  
}
.goLink:before {
  font: normal normal normal 16px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f054";
  position: absolute;
  left: 5px;
  margin-top: 5px;
  font-size: 16px;
  color: #0b508e;
}
.backLink:before {
  font: normal normal normal 16px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f053";
  position: relative;
  left: 0;
  margin-left: 3px;
  margin-right: 5px;
  font-size: 16px;
  color: #0b508e;
}
ul.check li{
  position: relative;
  padding: 0 0 0 26px;
  font-size: 14px;
}
ul.check li:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f046";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
  color: #000000;
}
ul.check2 li{
  position: relative;
  padding: 0 0 10px 35px;
  font-size: 18px;
}
ul.check2 li:before{
  font:normal normal normal 16px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f00c";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -21px;
  font-size: 30px;
  color: #000000;
}
ul.normal li{
  position: relative;
  padding: 0 0 0 26px;
  margin: 5px 0;
  font-size: 16px;
}
ul.normal li:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f0da";
  position: absolute;
  left:6px;
  top:50%;
  margin-top: -10px;
  font-size: 16px;
  color: #1a60ae;
}
ul.point li{
  position: relative;
  padding: 0 0 5px 30px;
  font-size: 16px;
  line-height: 1.6em !important;
}
ul.point li:before{
  font:normal normal normal 16px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f0c8";
  position: absolute;
  left: 5px;
  top: 0%;
  margin-top: 3px;
  font-size: 16px;
}
ul.minus li{
  position: relative;
  padding: 0 0 0 46px;
  font-size: 16px;
  line-height: 1.6em !important;
}
ul.minus li:before{
  font:normal normal normal 16px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f068";
  position: absolute;
  left: 18px;
  top: 0%;
  margin-top: 3px;
  font-size: 16px;
}
ul.list li span{
  position: absolute;
  left: 0;
  font-size: 16px;
}
ul.list li{
  position: relative;
  padding: 0 0 0 175px;
	margin-bottom : 10px;
  font-size: 16px;
  line-height: 1.6em !important;
}
@media screen and (max-width: 640px){
	ul.list li span{
		position : relative;
		left : -1em;
		display : block;
	}
	ul.list li{
		padding: 0 0 0 1em;
	}
}

ul.list {
  margin-bottom: 20px;
}
dl{
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
dl dt{
  font-weight: bold;
  margin: 1em 0 5px 0;
}
dl dd{
  margin: 0 0 8px 1.5em;
}
.wordFile{
  position: relative;
  padding: 0 0 0 26px;
  color:#000000;
  display: inline-block;
  font-size: 14px;
}
.wordFile:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f1c2";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
}
.excelFile{
  position: relative;
  padding: 0 0 0 26px;
  color:#000000;
  display: inline-block;
  font-size: 14px;
}
.excelFile:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f1c3";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
}
.powerFile{
  position: relative;
  padding: 0 0 0 26px;
  color:#000000;
  display: inline-block;
  font-size: 14px;
}
.powerFile:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f1c4";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
}
.pdfFile{
  position: relative;
  padding: 0 0 0 26px;
  color:#000000;
  display: inline-block;
  font-size: 14px;
}
.pdfFile:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f1c1";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
}
.textFile{
  position: relative;
  padding: 0 0 0 26px;
  color:#000000;
  display: inline-block;
  font-size: 14px;
}
.textFile:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f0f6";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
}
.caution{
  position: relative;
  padding: 0 0 0 26px;
  color:#eb9b37;
  display: block;
  font-size: 14px;
}
.caution:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f071";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
}
.warning{
  position: relative;
  padding: 0 0 0 26px;
  color:#d03433;
  display: block;
  font-size: 14px;
}
.warning:before{
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0, 0);
  content:"\f071";
  position: absolute;
  left:0;
  top:50%;
  margin-top: -9px;
  font-size: 16px;
}
figure{
  margin:0;
  padding:0;
}
#main figure img{
  margin:0 0 15px;
  display: block;
}
figure figcaption{
  font-size: 12px;
}

.pager{
  border:solid 1px #dddddd;
  position: relative;
  border-radius: 4px;
  display: inline-block;
  padding: 0 100px;
  line-height: 34px;
}
.pager .pagerFirst,
.pager .pagerPrev,
.pager .pagerNext,
.pager .pagerLast {
    position: absolute;
}
.pagerFirst{
  left: 15px;
  top: 0;
}
.pagerPrev{
  left: 40px;
  top: 0;
}
.pagerNext{
  right: 40px;
  top: 0;
}
.pagerLast{
  right: 15px;
  top: 0;
}
.pager ul:after{
  content: '';
  clear: all;
  display: block;
}
.pager li{
  display: inline;
  float: left;
  border-right: solid 1px #dddddd;
}
.pager li:first-child{
  border-left: solid 1px #dddddd;
}
.pager li span{
  display: inline-block;
  color: #ffffff;
  width: 32px;
  background-color: #336699;
}
.pager li a{
  display: inline-block;
  width: 32px;
}
.pager li:nth-child(2n) a{
  background-color: #eeeeee;
}

.table{
  display: table;
  width: 100%;
}
.tableRow{
  display: table-row;
}
.tableCell{
  display: table-cell;
  /* padding: 15px 30px; */
  padding: 5px 10px;
}
.tableHeader.tableRow:not(:last-child) .tableCell{
  border-bottom: solid 3px #dddddd;
  font-weight: bold;
  width: 60px;
}
.tableRow:not(:last-child) .tableCell{
  border-bottom: solid 1px #dddddd;
}
.tableRow:nth-child(2n-1) .tableCell{
  background-color: #ffffff;
}
.table > .tableRow:nth-child(2n) .tableCell{
  background-color: #f9f9f9;
}
.tableRow > .tableCell:first-child{
  display: table-cell;
  /* padding: 15px 20px; */
  padding: 15px 10px;
  font-weight: bold; 
}
.spTableLabel{
  /* display: none; */
}

.entryList li{

}
.entryList > li:not(:last-child){
  margin-bottom: 0px;
}
.entryList .listThumbnail{
  width:160px;
  height:100px;
  position: absolute;
  top: 10px;
  left: 0;
  overflow:hidden;
}
.entryList h2.listCategoryName{
  font-size: 12px !important;
  background-color: rgba(255,153,0,0.8);
  padding: 5px !important;
  text-align: center !important;
  color: #ffffff !important;
  position: absolute;
  top: 10px;
  left: 0;
  line-height: 1.2em;
}
.entryList li a{
  position: relative;
  padding: 10px 0 20px 180px;
  min-height: 120px;
  display: block;
}

.entryList li a:hover{
  text-decoration: none;
  background-color: #f6f6f6;
  color: #1a60ae !important;
}
.entryList li h3{
  font-size: 16px !important;
  color:#000000;
}
.entryList li a:hover h3{
  color: #1a60ae !important;
}
.entryList li p{
  font-size: 14px;
  color:#999999;
}
.listDate{
  position: absolute;
  bottom: 0;
  right: 0;
  color: #666666;
}
.consultant{
  position: relative;
  min-height: 210px;
  padding: 0 0 0 240px;
}
.consultant h2{
  margin: 0 !important;
}
.consultantImage{
  position: absolute;
  width: 210px;
  top: 0;
  left:0;
}
.consultantOrder{
  background-color: #eeeeee;
  border-radius: 6px;
  position: relative;
  padding: 13px 0 13px 0;
	text-align : center;
}
.consultantOrder.single_page{
	text-align : center;
  padding: 13px 0;
}
.consultantOrder span{
  position: absolute;
  top:50%;
  left: 24px;
  margin-top: -10px;
}
.consultantOrder span:after{
  content: '→';
}
.consultantOrder a{
  margin:0;
}
.consultantOrder a:not(:first-child){
  margin:0 0 0 24px;
}
.listInImage li{
  width:240px;
  height:136px;
  position: relative;
  overflow: hidden;
}
#main .listInImage li img{
  margin:0;
}
.listInImage .listThumbnail{
  position: absolute;
  top: 0;
  left:0;
}
.listInImage li:not(:last-child){
  margin:0 0 15px;
}
.listInImage h2.listCategoryName{
  font-size: 12px !important;
  background-color: rgba(255,153,0,0.8);
  padding: 5px !important;
  text-align: center !important;
  color: #ffffff !important;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.2em;
}
.listInImage h3{
  position: absolute;
  top: 40px;
  left:15px;
  color: #ffffff;
  width: 200px;
  font-size: 18px;
}
.listInImage span{
  position: absolute;
  bottom: 10px;
  left:15px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.2em;
}
.entryList_s li{
  position: relative;
  min-height: 70px;
}
.entryList_s > li:not(:last-child){
  margin-bottom: 20px;
}
.entryList_s .listThumbnail{
  width:60px;
  height:60px;
  position: absolute;
  top: 10px;
  left: 0;
  overflow: hidden;
}
.entryList_s li a{
  display: block;
  padding: 10px 0 10px 70px;
  min-height: 80px;
}
.entryList_s li a:hover{
  text-decoration: none;
  background-color: #f6f6f6;
  color: #1a60ae !important;
}
.entryList_s li a:hover h3{
  color: #1a60ae !important;
}
.entryList_s li h3{
  font-size: 14px !important;
  color:#000000;
}
.entryList_s li a .listThumbnail .wrap{
    display: block;
    height: 60px;
    position: relative;
    width: 60px;
}
.entryList_s li a .listThumbnail .wp-post-image{
  position: absolute;
  top: 50%;
  left: 50%;
  margin:-50px 0 0 -80px !important;
}
.imageThumbList:after{
  content: '';
  clear: both;
  display: block;
}
.imageThumbList li{
  padding: 0;
  font-size: 12px;
  text-align: center;
  width:120px;
  display: inline;
  float: left;
  margin: 0 21px 30px 0;
  min-height: 120px;
}
.imageThumbList li:nth-child(5n){
  margin: 0 0 30px;
}
.imageThumbList a{
  color: #000000;
}
.imageThumbList li h3{
  font-size: 14px !important;
}
.imageThumb{
  width:120px;
  margin: 0 0 10px;
  line-height: 0;
}
.imageThumb img{
  margin:0 !important;
}
.imageOnLeft{
  position: relative;
  padding: 0 0 0 350px;
  min-height: 300px;
}
.imageOnLeft .columnImage{
  position: absolute;
  top: 0;
  left: 0;
}
.imageOnRight{
  position: relative;
  padding: 0 400px 0 0;
  min-height: 300px;
}
.imageOnRight .columnImage{
  position: absolute;
  top: 0;
  right:45px;
}
.columnImage .clipImage{
  width: 300px;
}
.imageOnLeft_category{
  position: relative;
  padding: 0 0 0 250px;
  margin-bottom: 40px;
  min-height: 130px;
}
.imageOnLeft_category .columnImage{
  position: absolute;
  top: 0;
  left: 0;
}

.snsbv {
    font-size: 0;
}
li.balloon-btn-vertical {
    display: inline-block;
}
li.balloon-btn-vertical:not(:last-child) {
    margin-right: 10px;
}
a.arrow-box-vertical-link {
    display: none;
}
a.balloon-btn-vertical-link {
    display: block;
    height: 35px;
    width: 35px;
}
a.balloon-btn-vertical-link i {
    display: none;
}
.twitter-balloon-btn-vertical-link {
    background-image: url("/wp-content/themes/primal/img/common/misc_twitter.svg");
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.facebook-balloon-btn-vertical-link {
    background-image: url("/wp-content/themes/primal/img/common/misc_facebook.svg");
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.googleplus-balloon-btn-vertical-link {
    background-image: url("/wp-content/themes/primal/img/common/misc_googleplus.svg");
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.hatena-balloon-btn-vertical-link {
    background-image: url("/wp-content/themes/primal/img/common/misc_hatebu.svg");
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.entry-content a.arrow-box-vertical-link {
    display: block;
    font-size: 12px;
    color: #000000 !important;
    background-image: url("/wp-content/themes/primal/img/common/misc_count.png");
    background-size:100% 100%;
    background-repeat:no-repeat;
    width:37px;
    height:29px;
    text-align: center;
    line-height: 29px;
    position: relative;
}
.entry-content a.arrow-box-vertical-link span{
  position: absolute;
  top: 50%;
  margin: -10px 0 0;
  left:0;
  width: 100%;
}
#blogBannerList:after{
  content: '';
  clear: both;
  display: block;
}
#blogBannerList li img{
  margin: 0;
}
#blogBannerList li:first-child{
  display: inline;
  float: left;
  width: 460px;
}
#blogBannerList li:not(:first-child){
  width:220px;
  display: inline;
  float: right;
}
#blogBannerList li:last-child{
  margin: 15px 0 0;
}
.linkBackground{
  width: 150px;
  border: solid 1px #cccccc;
  border-radius: 6px;
  padding-top: 12px;
  padding-left: 12px;

}
.linkBackground img{
  width: 95%;
}
.linkBackground:hover{
  border: solid 1px #04518e;
}
.mtNarrow { margin-top: 5px; }

a#scroll-to-top {
  background-color: #1a60ae; 
  opacity: 0.8;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  text-align: center;
  cursor: pointer;
  outline: 0;
  padding: 0;
  color: #fff;
  vertical-align: middle !important;
  -webkit-transition: bottom 0.3s ease-out;
  -moz-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
}
.toTop-slide {
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  color: #fff;
  background-color: rgba(0,0,0,0.3);
  text-decoration: none;
  border-radius: 3.2rem;
  text-align: center;
  cursor: pointer;
}
.faUp {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 50px;
  text-align: center;
  margin: -3px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/******************************************************************************************/

@media screen and (min-width: 1500px) {
/*
** secondfloor contents
*/
  .mvWrapper{
    width: 1500px;
    overflow: hidden;
    margin:0 auto;
  }
}

@media screen and (max-width: 980px) {
  .isPC{
    display: none !important;
  }
  .isSP{
    display: block !important;
  }
  .wrapper{
    width: auto;
    margin:0 15px;
  }

  #page{
  }

/*
* header
*/
  .logo{
    left:25px;
  }

  .headContact{
    right: 75px;
  }

  .headTel{
    width: 70px;
    position: relative;
    display: inline-block;
    text-align: center;
  }
  .headTel i{
    font-size: 35px;
    margin: 5px 5px 7px 0;
  }
  .headTel span{
    position: absolute;
    font-size: 10px;
    color: #000000;
    width: 100%;
    bottom: -10px;
    left: 0;
  }
  .headMenu{
    position: absolute;
    top: 12px;
    right: -5px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.6);
    width: 65px;
    height: 65px;
    background-color: #ffffff;
    z-index: 190;
  }
  #menuUI{
    width: 60px;
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color:#04518e;
    font-weight: bold;
  }
  #menuUI i{
    font-size: 40px;
    margin: 5px 0;
  }
  #menuUI span{
    position: absolute;
    font-size: 10px;
    color: #000000;
    width: 100%;
    bottom: -10px;
    left: 0;
  }
  #header .subTableCell a:hover {
  text-decoration: none;
  }

/*
* footer
*/
  #footLink{
    position: relative;
    width: 100%;
    margin: 0 auto 25px;
    display: block;
    top:0;
  }
  #footSocial{
    text-align: center;
  }
  #footPrivacy a{
    border-top: solid 1px #a0accc;
    border-bottom: solid 1px #a0accc;
    position: relative;
    display: block;
    padding:15px 0;
    margin: 0 10px;
  }
  #footPrivacy a i{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;

  }
  #copyright{
    position: relative;
    text-align: center;
    top:0;
  }
  #footer .container{
    height:auto;
    position: relative;
    padding: 20px 0 30px;
  }

/*
* UI
*/
  .buttonUI, .backButtonUI, .awayButtonUI{
    display: block;
    font-size: 16px;
    /* margin: 0 25px; */
    margin: 5px;
    padding: 15px;
    width: auto;
  }
  .buttonUI_blog{
    width: 100%;
    padding: 5px 20px;
  }
  .middle_l{
    padding: 18px !important;
    margin: 10px;
    width: 100%;
    font-size: 16px !important;
    display: inline-block !important;
  }
  .middle_b:after{
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0, 0);
    content:"\f105";
    position: absolute;
    right:7px;
    top:50%;
    margin-top:-13px;
    font-size: 22px;
  }
  .middle_b{
    padding:15px !important;
    width:120px !important;
    font-size: 12px !important;
    display: inline-block !important;
  }
  #content section{
    padding: 50px 0;
  }
  .layout-two-column-container{
    display: block;
    border-collapse: collapse;
  }
  .layout-two-column-row{
    display: block;
  }
  .layout-two-column-cell{
    width:100%;
    display: block;
    margin: 0;
  }
  .layout-two-column-container-link .layout-two-column-cell{
    border-radius: 20px;
    width:100%;
    padding: 0;
  }
  .layout-two-column-container-link .layout-two-column-cell:hover{
    background-color: transparent;
    text-decoration: none;
  }
  .layout-two-column-container-link .layout-two-column-spacer{
    display: none;
    width:0;
  }
  .layout-two-column-container-link .layout-two-column-cell h2{
    color:#000000;
  }
  .layout-two-column-container-link .layout-two-column-cell p{
    color:#000000;
  }
  .layout-two-column-container-link .layout-two-column-cell span{
    color: #0b508e;
    display: block;
    text-align: right;
    text-decoration: underline;
    margin: 40px 0 0 0;
  }
  .layout-two-column-container-link .layout-two-column-cell span i{
    margin: 0 0 0 10px;
  }
  .layout-three-column-container{
    display: block;
    border-collapse: collapse;
  }
  .layout-three-column-row{
    display: block;
  }
  .layout-three-column-cell{
    width:100%;
    display: block;
    margin: 0 0 50px;
  }
  .fullSize{
    width:100%;
    display: block;
  }
  .halfSize{
    width:70%;
    display: block;
    margin: 0 auto;
  }
  .oneThirdSize{
    width:50%;
    display: block;
    margin: 0 auto;
  }

  #mainNavigation{
    margin: 0 !important;
  }
  #mainNavigation > nav{
    /*
    margin:0 0 0 320px;
    */
    position: absolute;
    width:70%;
    background-color: #242831;
    z-index: 200;
    top: 0;
    right: 0;
    -webkit-transform : translate(100%, 0) ;
    transform : translate(100%, 0);
  }
  #mainNavigation > nav > ul{
    background-color: #242831;
  }
  #mainNavigation > nav > ul > li{
    display: block;
    margin:0;
    font-size: 14px;
  }
  #mainNavigation > nav > ul > li a,
  #mainNavigation > nav > ul > li h3,
  #mainNavigation > nav > ul > li h4{
    text-decoration: none;
    color:#ffffff;
    font-weight: normal;
    display: block;
    padding: 15px 45px 15px 15px !important;
    border-bottom: solid 1px #7786aa !important;
    position: relative;
  }
  #mainNavigation > nav > ul > li a i,
  #mainNavigation > nav > ul > li h3 i,
  #mainNavigation > nav > ul > li h4 i{
    display: block;
    position: absolute;
    right:25px;
    top:50%;
    margin-top: -10px;
    font-size: 20px;
  }
  #mainNavigation > nav > ul > li > a:hover{
    padding: 15px;
    border-bottom: solid 1px #7786aa;
  }
  #mainNavigation > nav > ul > li.current > a{
    padding: 0;
    border-bottom: none 0 #04518e;
  }
  #mainNavigation > nav > ul > li:not(:last-child){
    margin-right: 0;
  }
  #mainNavigation > nav > ul > li{
    position: relative;
  }
  #mainNavigation > nav > ul > li > .subNavigation{
      background-color: transparent;
      box-shadow: none;
      left: 0;
      padding: 0;
      position: relative;
      top: 0;
      width: 100%;
      z-index: 100;
      display: none;
      border: 0 none #04518e;
      border-radius: 0;
  }
  #mainNavigation > nav > ul > li > .subNavigation .subTableCell > ul > li{
    margin:0;
  }
  #mainNavigation > nav > ul > li > .subNavigation h2{
    display: none;
  }
  #mainNavigation > nav > ul > li > .subNavigation a,
  #mainNavigation > nav > ul > li > .subNavigation h3,
  #mainNavigation > nav > ul > li > .subNavigation h4{
      padding: 15px;
      margin: 0;
      display: block;
      border-bottom: solid 1px #7786aa;
      color: #242831;
      font-weight: normal;
      background-color: #b1bfde;
      padding: 0;
  }
  #mainNavigation > nav > ul > li > .subNavigation li li > a,
  #mainNavigation > nav > ul > li > .subNavigation li li > h4{
      background-color: #ccdafa;
  }
  #mainNavigation > nav > ul > li > .subNavigation li li li > a{
      background-color: #ffffff;
  }
  #mainNavigation > nav > ul li.last > a{
    padding: 15px;
    margin: 0;
    border-bottom: solid 1px #7786aa;
  }
  #mainNavigation > nav > ul > li .subTable{
    display: block;
    width: 100%;
  }
  #mainNavigation > nav > ul > li .subTableRow{
    display: block;
    width: 100%;
  }
  #mainNavigation > nav > ul > li .subTableCell{
    display: block;
    padding: 0;
  }
  #mainNavigation > nav > ul > li .subTableCell:first-child{
    border-right: none 0 #2374B2;
    width: auto;
  }
  #mainNavigation > nav > ul > li > .subNavigation .subTableCell > ul > li ul {
    display: none;
  }
  #mainNavigation > nav > ul > li > .subNavigation .subTableCell > ul > li li {
    margin:0;
    display: block;
  }
  #mainNavigation > nav > ul > li > .subNavigation .subTableCell > ul > li li:before {
    font-size: 0;
    color: #ccdafa;
    display: none;
  }
  #mainNavigation > nav > ul > li > .subNavigation .subTableCell.noBorder > ul > li li {
    width: auto;
    display: block !important;  
  }
  #spBack{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    display: none;
  }
  #content img,.headContact img{
    -webkit-transform: translate(0);
  }

  /*
  ** secondfloor contents
  */

  .mainVisual{
    background-color: #000000;
    position: relative;
    height: auto;
  }
  .mvWrapper{
    width: 100%;
    position: relative;
    overflow: hidden;
    height:auto;
  }
  img.mvPC {
    display: none;
  }
  img.mvSP{
    width:100%;
    display: block;
    position: relative;
    left: 0;
    margin-left: 0;
    top: 0;
  }
  .headWrap{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 24px;
    line-height: 1.2em;
    margin-left: 0;
    padding: 12px;
    background: -moz-linear-gradient(left,  rgba(4,80,140,1) 0%, rgba(4,80,140,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(4,80,140,1)), color-stop(100%,rgba(4,80,140,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(4,80,140,1) 0%,rgba(4,80,140,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(4,80,140,1) 0%,rgba(4,80,140,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(4,80,140,1) 0%,rgba(4,80,140,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(4,80,140,1) 0%,rgba(4,80,140,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04508c', endColorstr='#0004508c',GradientType=1 ); /* IE6-9 */
    width: 100%;
    top: auto;
  }
  .setPos{
    position: relative;
    width: 100%;
    height: auto;
  }
  .setPos h1,
  .setPos .pageTilte{
    position: relative;
    font-size: 24px;
    line-height: 1.2em;
    top: 0;
    left: 0;
    color:#ffffff !important;
  }
  .subWrapper{
      margin: 0 15px;
      width: auto;
  }
  .wireTwoColumn{
    width: auto;
    position: relative;
    padding: 0;
    margin: 0 15px;
  }
  .wireTwoColumn .subColumn{
    width: auto;
    position: relative;
    top: 0;
    right: 0;
  }
  .entryList li{
    position: relative;
    padding: 0 0 22px;
    min-height: 100px;
  }
  .entryList > li:not(:last-child){
    margin-bottom: 0px;
  }
  .entryList .listThumbnail{
    height:auto;
    position: absolute;
    top: 10px;
    left: 0;
    height: 100px;
  }
  .consultant{
    position: relative;
    min-height: 210px;
    padding: 0 0 0 33%;
  }
  .consultantImage{
    position: absolute;
    width: 30%;
    top: 0;
    left:0;
  }
  .consultantOrder{
    background-color: #eeeeee;
    border-radius: 6px;
    position: relative;
    padding: 13px;

  }
  .consultantOrder span{
    position: relative;
    top:0;
    left: 0;
    margin: 0 0 20px;
    display: block;
  }
  .consultantOrder span:after{
    content: '';
  }
  .consultantOrder a:not(:first-child) {
      margin: 0 0 0 12px;
  }
	
	@media screen and (max-width: 767px) {
		.consultant{
			padding : 0!important;
		}
		.consultant .consultantImage{
			width : 70vw!important;
			height : 70vw!important;
			max-width : 300px;
			max-height : 300px;
		}
		.consultantImage{
			position:relative;
			margin : 0 auto;
		}
		.consultant h2,
		.consultant p{
			text-align : center;
		}
		.consultant p.height-narrow{
			text-align : left;!important;
			padding-top : 20px;
		}
		.orderUI{
			text-align : center;
		}
	}
  .orderUI{
    text-align: center;
  }
  .listInImage li{
    width:100%;
    height: auto;
    position: relative;
    height: auto;
    overflow: hidden;
  }
  .listInImage .listThumbnail {
      left: 0;
      position: relative;
      top: 0;
  }
  .listInImage li:not(:last-child){
    margin:0 0 15px;
  }
  .listInImage h3{
    position: absolute;
    top: 40px;
    left:15px;
    color: #ffffff;
    width: 90%;
    font-size: 18px;
  }
  .listInImage span{
    position: absolute;
    bottom: 20px;
    left:20px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.2em;
  }
  .listInImage h2.listCategoryName{
    font-size: 12px !important;
    background-color: rgba(255,153,0,0.8);
    padding: 5px !important;
    text-align: center !important;
    color: #ffffff !important;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.2em;
  }
  .tableCell{
    font-size: 14px;
    display: block;
    width: 100%;
    background-color: #ffffff !important;
    border:none !important;
    /* padding: 0 30px 5px; */
  }
  .tableRow > .tableCell:first-child{
    display: block;
    padding: 10px;
    margin: 15px 0;    
    background-color: #eeeeee !important;
    font-weight: bold;
  }
  .tableRow > .tableCell:nth-child(2n){
    /*
    display: list-item !important;
    margin-left: 30px;
    padding-left: 0px !important;
    font-weight: bold;
    */
  }
  .tableRow{
    display: block;
    margin-bottom: 10px;
  }
  .tablebody{
    display: block;
  }
  .entryList_s li{
    position: relative;
  }
  .entryList_s li a{
    display: block;
  }
  .imageThumbList:after{
    content: '';
    clear: both;
    display: block;
  }
  .imageThumbList li{
    padding: 0;
    font-size: 12px;
    text-align: center;
    width:32%;
    display: inline;
    float: left;
    margin: 0 1% 25px 0;
  }
  .imageThumbList li:nth-child(5n){
    margin: 0 1% 25px 0;
  }
  .imageThumbList li:nth-child(3n){
    margin: 0 0 25px 0;
  }
  .imageThumbList li h3{
    font-size: 14px;
  }
  .imageThumb{
    width:100%;
    margin: 0 0 10px;
    line-height: 0;
  }
  .imageOnLeft{
    position: relative;
    padding: 0;
    min-height: auto;
  }
  .imageOnLeft .columnImage{
    position: relative;
    display: block;
    top: 0;
    left:0;
  }
  .imageOnRight{
    position: relative;
    padding: 0;
    min-height: auto;
  }
  .imageOnRight .columnImage{
    position: relative;
    display: block;
    top: 0;
    left:0;
  }
  .columnImage .clipImage{
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .imageOnLeft_category{
    position: relative;
    padding: 0;
    min-height: auto;
  }
  .imageOnLeft_category .columnImage{
    position: relative;
    display: block;
    top: 0;
    left:0;
  }
  .tableHeader{
    display: none;  
  }
  .spTableLabel{
    color: #333333;
    font-weight: bold;
    width: 110px;
/*  display: none;
    display: block;
    left: -5px;
    font-size: 0.8em;
    padding: 0 5px 0 0; */
  }
  .linkBackground{
    width: 150px;
  }
  .colorBl{
    background-color: #47bcdf;
  }
  .colorGr{
    background-color: #68e488;
  }
  .colorPu{
    background-color: #c58fbc;
  }
  .alignT{
    vertical-align: top !important;
  }
  .mtNarrow { margin-top: 10px; }
}