@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}

html {
  line-height: 1
}

ol,
ul {
  list-style: none
}

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

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

blockquote,
q {
  quotes: none
}

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

a img {
  border: none
}

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

img {
  vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3
}

button,
input,
select,
textarea {
  outline: none;
  margin: 0;
  padding: 0
}

button,
input[type=text],
textarea {
  vertical-align: top
}

input[type=checkbox],
input[type=radio],
select {
  vertical-align: middle
}

textarea {
  resize: none
}

button {
  background: none;
  border: 0;
  cursor: pointer;
  display: block;
  position: relative
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

* {
  margin: 0;
  padding: 0
}

html {
  overflow-y: scroll
}

body {
  background: #fff;
  color: #393939;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  min-width: 980px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow: hidden;
  -webkit-font-smoothing: antialiased
}

body>iframe,
body>img {
  bottom: 0;
  left: 0;
  position: absolute
}

a {
  color: #393939;
  text-decoration: none
}

a:link {
  color: #393939
}

a:visited {
  color: #393939
}

a:hover {
  color: #bcbcbc
}

a:hover img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6
}

a:active {
  color: #bcbcbc
}

a.txtLink {
  color: #56a24b
}

a.txtLink:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

::-moz-selection {
  background: #186aab;
  color: #fff
}

::selection {
  background: #186aab;
  color: #fff
}

::-moz-selection {
  background: #186aab;
  color: #fff
}

input[type=text],
select,
textarea {
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 5px
}

input[type=text] {
  height: 15px
}

select {
  font-size: 12px;
  height: 27px;
  line-height: 22px;
  padding: 4px
}

textarea {
  height: 74px
}

button {
  background: #1ba7aa;
  color: #fff;
  font-size: 12px;
  font-weight: bold
}

button:disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default
}

table.default {
  width: 100%
}

table.default td,
table.default th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dedede;
  padding: 13px 20px
}

table.default th {
  background: #f5f5f5;
  vertical-align: top;
  width: 150px;
  font-weight: bold
}

.hWrap {
  clear: both;
  margin: 0 0 30px 0;
  border-left: 6px solid #186aab
}

.hWrap .hTitle {
  color: #393939;
  font-size: 28px;
  line-height: 22px;
  padding: 6px 0 2px 15px
}

.hWrap .hTitle.b {
  line-height: 1.1
}

.educationDetail .secLecturer .profileBlock .profileBox .profile dt,
.educationDetail .secLecturer .profileUnder dt,
.fieldDetail .caseBlock .title,
.hTitleSub,
.offshore08 .offshoreDetail .caseBlock .title,
.offshore08 .offshoreDetail .secTopComment .minTit,
.softwareDetail .caseBlock .title {
  border-left: 4px solid #dedede;
  padding-left: 9px;
  color: #393939;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px
}

.grayTitle {
  font-size: 18px;
  text-align: center;
  background: #f5f5f5;
  padding: 15px 0
}

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

.btnDetail {
  border-radius: 4px;
  text-align: center;
  overflow: hidden
}

.btnDetail a {
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #353535;
  display: block;
  text-align: center
}

.btnDetail a span {
  background: url(../images/common/icon-arrow-detail.png) no-repeat left center;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 0 0 20px;
  margin-left: -5px
}

.btnDetail a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

.btnGhost {
  border: solid 2px #186aab;
  text-align: center
}

.btnGhost a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #186aab;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 56px
}

.btnGhost a span {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  padding-left: 16px;
  position: relative;
  z-index: 2
}

.btnGhost:hover {
  background: #186aab;
  border: solid 2px #186aab
}

.btnGhost:hover a {
  color: #ffffff
}

.btnGhost:hover a span {
  background: url(../images/common/icon-arrow-link03_on.png) no-repeat left center
}

.grayBox {
  background: #f5f5f5
}
.blueBox2 {
  background: #186aab;
}

.blueBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f6fcfc;
  border: solid 1px #d1e6e6;
  color: #189cb9;
  padding: 10px 20px 10px 20px;
  width: 100%
}

.course01 .blueBox {
  color: #468d56;
  border: solid 1px #468d56;
  background: #eff9ef
}

.course02 .blueBox {
  color: #da5a69;
  border: solid 1px #da5a69;
  background: #fdf2f3
}

.course03 .blueBox {
  color: #da5a69;
  border: solid 1px #da5a69;
  background: #fdf2f3
}

.course04 .blueBox {
  color: #e08c36;
  border: solid 1px #e08c36;
  background: #fef6ed
}

.course05 .blueBox {
  color: #59a3df;
  border: solid 1px #59a3df;
  background: #f5fafe
}

.course06 .blueBox {
  color: #b3966b;
  border: solid 1px #b3966b;
  background: #fffdf0
}

.course07 .blueBox {
  color: #8b71b8;
  border: solid 1px #8b71b8;
  background: #f3f0f7
}

.course08 .blueBox {
  color: #c14d97;
  border: solid 1px #c14d97;
  background: #f9edf4
}

.course09 .secCourse .blueBox {
  color: #59a3df;
  border: solid 1px #59a3df;
  background: #f5fafe
}

.course09 .pinkBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #FF7C7C;
  border: solid 1px #FF7C7C;
  background: #FFFBFB;
  padding: 10px 20px 10px 20px;
  margin-top: 20px;
}

.course09 .pinkBox a {
  color: #FF7C7C;
}

.course09 .pinkBox a:hover {
  opacity: .75;
}

.course09 .pinkBox .boxLink {
  display: block;
  padding-top: 10px;
}

.course02-2 .blueBox {
  color: #da5a69;
  border: solid 1px #da5a69;
  background: #fdf2f3
}

.course03-2 .blueBox {
  color: #da5a69;
  border: solid 1px #da5a69;
  background: #fdf2f3
}

.course10 .blueBox {
  color: #00bf34;
  border: solid 1px #00bf34;
  background: #f3fcf1
}

.course11 .blueBox {
  color: #99e208;
  border: solid 1px #99e208;
  background: #eff9ef
}

.course12 .blueBox {
  color: #36c5e4;
  border: solid 1px #36c5e4;
  background: #f5fafe
}

.course13 .blueBox {
  color: #ff6633;
  border: solid 1px #ff6633;
  background: #fffdf0
}

.course14 .blueBox {
  color: #009999;
  border: solid 1px #009999;
  background: #f3fcf1
}

.course15 .blueBox {
  color: #4f41b8;
  border: solid 1px #4f41b8;
  background: #f5fafe
}

#home .secSolution .solutionBlock .listGroup li span a,
.arrowLink {
  background: url(../images/common/icon-arrow-link02.png) no-repeat left center;
  display: block
}

.pointBalloon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  font-size: 20px;
  height: 66px;
  line-height: 66px;
  margin-top: 15px;
  position: relative;
  text-align: center;
  width: 980px
}

.pointBalloon span {
  color: #186aab;
  font-size: 24px
}

.pointBalloon .scrEvent {
  top: -100px;
  position: absolute;
  z-index: 1
}

.pointBalloon .scrEvent.human01 {
  left: 204px
}

.pointBalloon .scrEvent.human02 {
  left: 130px
}

.pointBalloon:before {
  border: 10px solid transparent;
  border-bottom-color: #fff;
  border-top-width: 0;
  content: "";
  display: block;
  left: 49%;
  position: absolute;
  top: -9px;
  width: 0;
  z-index: 1
}

.pointBalloon:after {
  border: 10px solid transparent;
  border-bottom-color: #e8e8e8;
  border-top-width: 0;
  content: "";
  display: block;
  left: 49%;
  position: absolute;
  top: -10px;
  width: 0
}

.linkBox {
  cursor: pointer
}

.borderBox {
  border: solid 1px #dedede
}

ul.newsList li {
  background: url(../images/common/line-dot-orizontal03.gif) repeat-x bottom;
  cursor: default !important;
}

/* ul.newsList li:last-of-type {
  background: none;
  margin-bottom: 0
} */
ul.newsList li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

/* ul.newsList li dd a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-transition: 0;
  -o-transition: 0;
  transition: 0;
  color: #393939
} */
ul.newsList li dl dt {
  color: #7c7c7c;
  line-height: 26px
}

ul.newsList li dl dt.events_cat,
ul.newsList li dl dt span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 25px;
  margin-right: 9px;
  text-align: center;
  width: 100px
}

ul.newsList li dl dt.events_cat {
  float: left;
}

ul.newsList li dl dt.events_date {
  float: left;
  width: calc(100% - 110px)
}

ul.newsList li dl dd p.events_date {
  color: #7c7c7c;
  line-height: 26px;
  display: block;
}

.category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-bottom: 30px;
}

.category_list li {
  margin: 0 6px;
  width: auto;

}

.category_list li a {
  display: block;
  width: auto;
  padding: 16px;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
}

.category_list li a:hover {
  opacity: .7;
}

.category_list li.events_all a {
  background-color: #28ce82
}

.category_list li.seminar a {
  background-color: #e15e8f
}

ul.newsList li dl dt span.seminar,
ul.newsList li dl dt span.pr {
  background: #e15e8f
}

.category_list li.media a,
ul.newsList li dl dt span.media {
  background: #b1b552
}

.category_list li.topics a,
ul.newsList li dl dt span.topics {
  background: #186aab
}

.category_list li.stockholder a,
ul.newsList li dl dt span.stockholder {
  background: #34cc84;
}

.category_list li.disclosure a,
ul.newsList li dl dt span.disclosure {
  background: #c53e41;
}

ul.newsList li dl dd {
  margin-bottom: 20px;
  padding: 14px 0
}

ul.newsList li dl dd a {
  display: block;
}

ul.newsList li dl dd.events_title {
  clear: both;
  width: 100%;
  /*padding-top: 5px;*/
  padding: 8px 0 14px
}

.wp-pagenavi {
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:767px) {
  .wp-pagenavi {
    margin-bottom: 30px
  }

}

.wp-pagenavi a,
.wp-pagenavi span {
  background: #fff;
  border: 1px solid #eaeaea;
  line-height: 42px;
  display: block;
  height: 42px;
  min-width: 42px;
  padding: 0 5px;
  text-align: center;
  font-family: "Montserrat", sans-serif
}

.wp-pagenavi a:not(:first-child):not(:last-child)+a:not(:first-child):not(:last-child),
.wp-pagenavi span:not(:first-child):not(:last-child)+a:not(:first-child):not(:last-child) {
  border-left: none
}

.wp-pagenavi a:hover,
.wp-pagenavi span:hover {
  background-color: #f0f3f7
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
  background-color: #1d8ebc;
  color: #fff;
  border-color: #1d8ebc
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.nextpostslink {
  margin-left: 20px;
  width: 64px;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(../images/post/arrow-pagenation-next.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px 11px;
  border: 1px solid #eaeaea
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi span.previouspostslink {
  margin-right: 20px;
  width: 64px;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #eaeaea;
  background-image: url(../images/post/arrow-pagenation-next.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px 11px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}


sup {
  display: inline-block;
  margin-top: -20px;
  vertical-align: super
}

sup.min {
  font-size: 70%
}

.sup {
  font-size: 10px;
  vertical-align: super
}

#container {
  overflow: hidden;
  *zoom: 1;
  margin: 0 auto 0 auto;
  padding: 40px 0 0 0;
  width: 980px
}

#container.voiceDetail {
  margin: 0 auto 0;
  overflow: hidden;
  padding: 0 0 0;
  width: 100%
}

#container.educationDetail {
  background: url(../images/common/bg-detail01.gif) repeat-x top;
  overflow: hidden;
  width: 100%
}

.cost #container.educationDetail,
.lecturer #container.educationDetail,
.elearning #container.educationDetail {
  background: url(../images/common/bg-detail02.gif) repeat-x top
}

#container.companyDetail,
#container.consultingDetail,
#container.hakenDetail,
#container.offshoreDetail,
#container.softwareDetail {
  background: url(../images/common/bg-detail02.gif) repeat-x top;
  overflow: hidden;
  width: 100%
}

#container.fieldDetail,
#container.research,
#container.subject,
#container.voiceListWrap {
  background: url(../images/common/bg-detail03.gif) repeat-x top;
  overflow: hidden;
  width: 100%
}

#content {
  float: right;
  width: 705px
}

#content .inner {
  width: auto
}

.qbook #content {
  float: left;
  width: 630px
}

#sidebar {
  float: left;
  width: 235px
}

.qbook #sidebar {
  float: right;
  width: 310px
}

#header {
  -webkit-box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.03);
  background: #ffffff;
  position: relative;
  z-index: 100;
  width: 100%;
  top: 0
}

#header .bgColor {
  background: #186aab;
  color: #ffffff
}

#header .bgColor h1,
#header .bgColor p {
  font-size: 11px;
  padding-left: 3px;
  line-height: 24px
}

#header .utility {
  height: 60px;
  position: relative
}

#header .utility .logo {
  left: 0;
  position: absolute;
  top: 16px
}

#header .utility .subMenu {
  position: absolute;
  right: 310px;
  top: 22px
}

#header .utility .subMenu>li {
  border-radius: 4px;
  float: left;
  font-size: 13px;
  margin-left: 10px;
  overflow: hidden
}

#header .utility .subMenu>li a,
#header .utility .subMenu>li span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  display: block;
  line-height: 26px;
  text-align: center
}

#header .utility .subMenu>li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url(../images/common/icon-arrow-link.png) no-repeat 10px center #eeeeee;
  padding: 0 12px 0 23px
}

#header .utility .subMenu>li a.icon-open_in_new {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /*background: url(../images/common/icon-arrow-link.png) no-repeat 10px center #eeeeee;*/
  background:
  url(../images/common/icon-arrow-link.png) no-repeat 10px center,
  url(../images/common/icon-open_in_new_black.svg) no-repeat right 7px top 7px/10px 10px,
  #eeeeee;
  padding: 0 22px 0 23px
}


#header .utility .subMenu>li a:hover {
  background: url(../images/common/icon-arrow-link_on.png) no-repeat 10px center,
  url(../images/common/icon-open_in_new_white.svg) no-repeat right 7px top 7px/10px 10px,
  #000000;
  color: #ffffff
}



#header .utility .subMenu>li a.icon-open_in_new:hover {
  background:
  url(../images/common/icon-arrow-link_on.png) no-repeat 10px center,
  url(../images/common/icon-open_in_new_white.svg) no-repeat right 7px top 7px/10px 10px/10px 10px,
  #000000;
  color: #ffffff
}

#header .utility .subMenu>li .btnChange li {
  float: left
}

#header .utility .subMenu>li .btnChange li span {
  background: #000;
  color: #ffffff
}

#header .utility .subMenu>li .btnChange li a,
#header .utility .subMenu>li .btnChange li span {
  background-image: none;
  padding: 0;
  width: 35px
}

#header .utility .btnContact {
  position: absolute;
  top: -45px;
  right: -6px
}

#header .utility .btnContact a:hover img {
  -webkit-transition: 0;
  transition: 0;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1
}

#header #globalNav {
  margin: 10px auto 0;
  padding: 0;
  width: 100%
}

#header #globalNav li {
  cursor: pointer;
  float: left;
  overflow: hidden;
  width: 122.5px;
}

#header #globalNav li.active p,
#header #globalNav li.open p {
  background: #232323
}

#header #globalNav li.active p:after,
#header #globalNav li.active p:before,
#header #globalNav li.open p:after,
#header #globalNav li.open p:before {
  background: #232323 !important
}

#header #globalNav li.active p a,
#header #globalNav li.active p span,
#header #globalNav li.open p a,
#header #globalNav li.open p span {
  color: #ffffff
}

#header #globalNav li p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  height: 54px;
  width: 100%;
  text-align: center;
  position: relative
}

#header #globalNav li p:before {
  background: #e8e8e8;
  content: '';
  display: block;
  height: 29px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 1px
}

#header #globalNav li p a,
#header #globalNav li p span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  font-size: 13px;
  font-weight: bold;
  height: 100%;
  line-height: 120%;
  padding-top: 2px;
  vertical-align: middle;
  width: 100%;
}
#header #globalNav li p a.icon-open_in_new {
  background: url(../images/common/icon-open_in_new_black.svg) no-repeat right 18px top 20px/10px 10px;
}

#header #globalNav li p:hover {
  background: #232323
}

#header #globalNav li p:hover:after,
#header #globalNav li p:hover:before {
  background: #232323 !important
}

#header #globalNav li p:hover a,
#header #globalNav li p:hover span {
  color: #ffffff
}

#header #globalNav li p:hover a.icon-open_in_new:hover {
  background: url(../images/common/icon-open_in_new_white.svg) no-repeat right 18px top 20px/10px 10px, #232323;
}

/*
#header #globalNav li.menuTop {
  width: 118px
}

#header #globalNav li.menuService {
  width: 121px
}

#header #globalNav li.menuSolution {
  width: 136px
}

#header #globalNav li.menuField {
  width: 111px
}

#header #globalNav li.menuVoice {
  width: 111px
}

#header #globalNav li.menuConsulting {
  width: 150px
}

#header #globalNav li.menuEducation {
  width: 97px
}

#header #globalNav li.menuQbook {
  width: 97px
}

#header #globalNav li.menuRecruit {
  width: 136px
}
*/

#header #globalNav li:last-of-type p:after,
#header #globalNav li.menuRecruit p:after {
  background: #e8e8e8;
  content: '';
  display: block;
  height: 29px;
  right: 0;
  position: absolute;
  top: 13px;
  width: 1px
}

#header .megaMenu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #232323;
  display: none;
  height: 290px;
  *height: 226px;
  padding: 34px 39px;
  position: absolute;
  width: 980px;
  z-index: 100
}

#header .megaMenu.heightC {
  height: 355px
}

#header .megaMenu a {
  color: #fff
}

#header .megaMenu .close {
  background: url(../images/common/btn-menu-close.png) no-repeat;
  cursor: pointer;
  height: 49px;
  overflow: hidden;
  position: absolute;
  text-indent: -999999px;
  right: 0;
  top: 0;
  width: 49px
}

#header .megaMenu .megaTitle {
  color: #ffffff;
  font-size: 22px;
  margin-bottom: 16px
}

#header .megaMenu .contentsBlock .pointList {
  float: left;
  width: 680px
}

#header .megaMenu .contentsBlock .pointList li {
  float: left;
  margin-right: 20px;
  width: 155px;
  background: #fff
}

#header .megaMenu .contentsBlock .pointList li:hover .tit,
#header .megaMenu .contentsBlock .pointList li:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

#header .megaMenu .contentsBlock .pointList li:last-child {
  margin-right: 0
}

#header .megaMenu .contentsBlock .pointList li .tit {
  background: #186aab;
  color: #fff;
  display: table;
  font-weight: bold;
  height: 54px;
  text-align: center;
  width: 100%
}

#header .megaMenu .contentsBlock .pointList li .tit span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

#header .megaMenu .contentsBlock .widthNext {
  float: none;
  width: 100%
}

#header .megaMenu .contentsBlock .txtLink .widthC {
  width: 660px;
  float: left;
  padding: 29px 0 31px
}

#header .megaMenu .contentsBlock .txtLink ul li {
  margin-bottom: 16px
}

#header .megaMenu .contentsBlock .txtLink ul li a {
  background: url(../images/common/icon-arrow-link06.png) no-repeat left center;
  display: block;
  line-height: 130%;
  padding-left: 16px
}

#header .megaMenu .contentsBlock .txtLink ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

#header .megaMenu .contentsBlock .txtLink .listBtn {
  border-radius: 4px;
  background: #ffffff;
  width: 195px
}

#header .megaMenu .contentsBlock .txtLink .listBtn a {
  background: url(../images/common/icon-arrow-link02.png) no-repeat 42px center;
  display: block;
  padding-left: 20px;
  color: #393939;
  padding: 3px 0 2px 58px;
  font-size: 14px;
  font-weight: bold
}

#header .megaMenu .contentsBlock .txtLink .listBtn a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

#header .megaMenu .contentsBlock .txtLink .next {
  border-radius: 4px;
  background: #ffffff;
  width: 195px;
  margin-top: 42px;
  margin-right: 47px;
  float: right
}

#header .megaMenu .contentsBlock .widthTxt ul li {
  display: inline-block;
  clear: both
}

#header .megaMenu.menuService .txtLink ul li {
  margin-bottom: 9px;
  margin-right: 25px
}

#header .megaMenu.menuField {
  height: 355px
}

#header .megaMenu.menuField.megaMenu {
  padding: 32px 40px
}

#header .megaMenu.menuField .pointList {
  float: inherit;
  width: 100%
}

#header .megaMenu.menuField .txtLink {
  float: inherit;
  width: 100%;
  position: relative
}

#header .megaMenu.menuField .txtLink ul {
  margin-top: 30px
}

#header .megaMenu.menuField .txtLink ul+ul {
  margin-top: 10px
}

#header .megaMenu.menuField .txtLink ul li {
  float: left;
  margin-bottom: 8px
}

#header .megaMenu.menuField .txtLink ul li a {
  line-height: 1.15
}

#header .megaMenu.menuField .txtLink ul li+li {
  margin-left: 25px
}

#header .megaMenu.menuField .txtLink .listBtn {
  position: absolute;
  bottom: 5px;
  right: 40px
}

#header .megaMenu.menuSolution {
  /*height: 355px*/
  /*height: 385px;*/
  height: 420px;
}

#header .megaMenu.menuSolution.megaMenu {
  padding: 32px 40px
}

#header .megaMenu.menuSolution .pointList {
  float: inherit;
  width: 100%
}

#header .megaMenu.menuSolution .txtLink {
  float: inherit;
  width: 100%;
  position: relative
}

#header .megaMenu.menuSolution .txtLink ul {
  margin-top: 30px
}

#header .megaMenu.menuSolution .txtLink ul+ul {
  margin-top: 10px
}

#header .megaMenu.menuSolution .txtLink ul li {
  float: left;
  margin-bottom: 8px
}

#header .megaMenu.menuSolution .txtLink ul li a {
  line-height: 1.15
}

#header .megaMenu.menuSolution .txtLink ul li+li {
  margin-left: 25px
}

#header .megaMenu.menuSolution .txtLink .listBtn {
  position: absolute;
  bottom: 5px;
  right: 40px
}

#header .megaMenu.menuVoice .voiceMain {
  float: left;
  width: 285px;
  background: #ffffff
}

#header .megaMenu.menuVoice .voiceMain:hover .tit,
#header .megaMenu.menuVoice .voiceMain:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

#header .megaMenu.menuVoice .voiceMain .tit {
  background: #186aab;
  color: #fff;
  font-weight: bold;
  display: table;
  height: 55px;
  text-align: center;
  width: 100%
}

#header .megaMenu.menuVoice .voiceMain .tit span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

#header .megaMenu.menuVoice .rightLink {
  float: right;
  width: 615px
}

#header .megaMenu.menuVoice .rightLink ul {
  background: #fff;
  margin-bottom: 20px
}

#header .megaMenu.menuVoice .rightLink ul:last-child {
  margin-bottom: 0
}

#header .megaMenu.menuVoice .rightLink li {
  *zoom: 1;
  background: #186aab;
  height: 70px;
  overflow: hidden
}

#header .megaMenu.menuVoice .rightLink li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

#header .megaMenu.menuVoice .rightLink li dl dt {
  float: left
}

#header .megaMenu.menuVoice .rightLink li dl dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 14px;
  margin-left: 88px;
  padding-top: 13px
}

#header .megaMenu.menuVoice .rightLink li dl dd p {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px
}

#header .megaMenu.menuRecruit .recruitMain {
  float: left
}

#header .megaMenu.menuRecruit .recruitMain li {
  float: left;
  margin-right: 20px;
  width: 286px;
  background: #fff
}

#header .megaMenu.menuRecruit .recruitMain li:hover .tit,
#header .megaMenu.menuRecruit .recruitMain li:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

#header .megaMenu.menuRecruit .recruitMain li:last-child {
  margin-right: 0
}

#header .megaMenu.menuRecruit .recruitMain li .tit {
  background: #186aab;
  color: #fff;
  display: table;
  font-weight: bold;
  height: 54px;
  text-align: center;
  width: 100%
}

#header .megaMenu.menuRecruit .recruitMain li .tit span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

#sidebar .posBox {
  position: relative;
  /*min-height: 500px*/
}

#sidebar .posFix {
  position: absolute;
  width: 235px;
  bottom: 0
}

#sidebar .menuBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border: solid 1px #dedede;
  margin: 0 0 20px
}

#sidebar .menuBox .sideTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F7');
  background: #fbfbfb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
  background: linear-gradient(#ffffff, #f7f7f7);
  border-bottom: solid 1px #dedede;
  padding: 16px 0 14px;
  color: #393939;
  text-align: center;
  font-weight: bold;
  font-size: 18px
}

#sidebar .menuBox .sideTitle .educationList,
.educationDetail #sidebar .menuBox .sideTitle {
  font-size: 16px
}

#sidebar .menuBox .sideTitle.hakenTel,
#sidebar .menuBox .sideTitle.hakenWeb {
  font-weight: normal;
  font-size: 20px
}

#sidebar .menuBox .sideNav {
  padding: 10px
}

#sidebar .menuBox .sideNav>li {
  margin-bottom: 10px;
  background: #ffffff
}

#sidebar .menuBox .sideNav>li:last-child {
  margin-bottom: 0
}

#sidebar .menuBox .sideNav>li.active {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #dedede
}

#sidebar .menuBox .sideNav>li.active a {
  color: #393939
}

#sidebar .menuBox .sideNav>li a,
#sidebar .menuBox .sideNav>li span {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat 19px center;
  display: block;
  padding: 14px 12px 14px 35px;
  line-height: 140%
}

#sidebar .menuBox .sideNav>li .subNav {
  margin-top: -5px;
  padding-bottom: 14px
}

#sidebar .menuBox .sideNav>li .subNav li {
  font-size: 12px
}

#sidebar .menuBox .sideNav>li .subNav li.active {
  background-color: #dedede
}

#sidebar .menuBox .sideNav>li .subNav li a {
  background: url(../images/common/icon-arrow-link05.png) no-repeat 27px center;
  line-height: 18px;
  padding: 3px 10px 3px 44px
}

#sidebar .menuBox .sideNav>li .subNav li a:hover {
  text-decoration: underline
}

#sidebar .menuBox .sideReturn {
  padding: 15px 15px 18px 15px
}

#sidebar .menuBox .sideReturn a {
  border-radius: 3px;
  background: #353536;
  display: block;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0
}

#sidebar .menuBox .sideReturn a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

#sidebar .menuBox .underBox {
  border-top: solid 1px #dedede;
  margin-top: 20px
}

#sidebar .menuBox .underBox .inBox {
  width: 215px;
  margin: 15px auto;
  text-align: center
}

#sidebar .menuBox .underBox .inBox .txt {
  font-size: 12px
}

#sidebar .menuBox .underBox .inBox .telBox {
  margin-top: 15px
}

#sidebar .menuBox .underBox .inBox .telBox li {
  background: #ffffff;
  padding: 12px 0
}

#sidebar .menuBox .underBox .inBox .telBox li+li {
  margin-top: 10px
}

#sidebar .menuBox .underBox .btnBox {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 10px
}

#sidebar .menuBox .underBox .btnBox a {
  background: url(../images/pages/btn-haken-side-entry_off.png) no-repeat left center;
  display: block;
  height: 57px;
  width: 214px;
  margin: 0 auto
}

#sidebar .menuBox .underBox .btnBox a img {
  margin-top: 20px
}

#sidebar .menuBox .underBox .btnBox a:hover {
  background: url(../images/pages/btn-haken-side-entry_on.png) no-repeat left center
}

#sidebar .menuBox .underBox .btnBox a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

#sidebar .menuBox .underBox .btnBox .notes {
  font-size: 12px;
  margin-top: 5px;
  display: block
}

#sidebar .inner {
  width: auto
}

#sidebar .contactBox {
  background: #f5f5f5;
  border: solid 1px #dedede;
  padding-bottom: 18px
}

#sidebar .contactBox .balloon {
  text-align: center;
  background: url(../images/common/bg-side-contact.gif) no-repeat center bottom #ffffff;
  font-size: 15px;
  padding: 14px 0 20px 0
}

#sidebar .contactBox .btnContact {
  background: url(../images/common/btn-side-contact_off.png) no-repeat left center;
  text-align: center;
  width: 213px;
  margin: 10px auto 0 auto
}

#sidebar .contactBox .btnContact:hover {
  background: url(../images/common/btn-side-contact_on.png) no-repeat left center
}

#sidebar .contactBox .btnContact a {
  display: block;
  height: 50px;
  width: 213px
}

#sidebar .contactBox .btnContact a img {
  margin: 15px 0 0 -2px
}

#sidebar .contactBox .btnContact a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

#sidebar .sideBnr li {
  margin-top: 20px
}

.qbook #sidebar .banner-sideBox {
  margin-bottom: 40px
}

.qbook #sidebar .banner-sideBox .banner-wrap {
  margin-bottom: 20px
}

.qbook #sidebar .banner-sideBox .banner-wrap a {
  display: block
}

.qbook #sidebar .sideBox {
  margin-top: 20px
}

.qbook #sidebar .sideBox .sideTitle {
  border-bottom: solid 2px #186aab;
  margin-bottom: 20px;
  padding-bottom: 2px
}

.qbook #sidebar .qbookBnr .bnrTitle {
  background: #186aab;
  padding: 13px 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff
}

.qbook #sidebar .qbookBnr .bnrBlock {
  border: 1px solid #dedede;
  border-width: 0 1px 1px;
  text-align: center;
  padding: 21px 0
}

.qbook #sidebar .ranking .rankingList>li {
  min-height: 100px
}

.qbook #sidebar .ranking .rankingList>li a {
  -webkit-transition: 0.3;
  transition: 0.3
}

.qbook #sidebar .ranking .rankingList>li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.qbook #sidebar .ranking .rankingList>li .thumb {
  float: left;
  padding-top: 0;
  width: 125px;
  height: 73px
}

.qbook #sidebar .ranking .rankingList>li .thumb .img.noimg {
  background-size: 80% auto !important
}

.qbook #sidebar .ranking .rankingList>li .textBox {
  float: right;
  width: 165px;
  font-size: 14px;
  font-weight: bold
}

.qbook #sidebar .ranking .rankingList>li .textBox .label {
  font-size: 10px;
  margin-bottom: 9px;
  width: 110px;
  position: relative
}

.qbook #sidebar .ranking .rankingList>li+li {
  border-top: dotted 1px #e8e8e8;
  margin-top: 20px;
  padding-top: 20px
}

.qbook #sidebar .category .sideTitle {
  margin-bottom: 5px
}

.qbook #sidebar .category .categoryList>li a {
  display: block;
  background: url(../images/qbook/icon-arrow-link.png) no-repeat 0 center;
  line-height: 30px;
  padding: 3px 10px 3px 16px
}

#footer {
  margin-top: 0px;
  position: relative
}

.secVoiceContents+#footer {
  margin-top: 0
}

#footer .subTitle {
  color: #186aab;
  font-size: 26px;
  font-weight: bold
}

#footer .secSafety {
  -webkit-box-shadow: 21, 144, 169, 0.65, 0px -6px 6px 3px inset;
  box-shadow: 21, 144, 169, 0.65, 0px -6px 6px 3px inset;
  padding: 57px 0
}

#footer .secSafety .subTitle {
  padding-right: 250px
}

#footer .secSafety .image {
  display: none;
  position: absolute;
  right: 1px;
  top: -83px
}

#footer .secSafety .inner {
  position: relative
}

#footer .secSafety .safetyList {
  margin-top: 28px
}

#footer .secSafety .safetyList li {
  -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background: url(../images/common/bg-footer-safety.png) no-repeat left top #1f6fbb;
  color: #fff;
  float: left;
  margin-right: 40px;
  padding: 32px 19px 23px 19px;
  width: 300px;
  *width: 260px
}

#footer .secSafety .safetyList li:last-child {
  margin-right: 0;
  padding: 20px 19px 22px 19px
}

#footer .secSafety .safetyList li .tit {
  font-size: 22px;
  font-weight: bold;
  text-align: center
}

#footer .secSafety .safetyList li p {
  font-size: 15px;
  margin-top: 13px
}

#footer .secSafety .safetyList li .btnSafety {
  background: url(../images/common/btn-footer-safety_off.png) no-repeat left center;
  text-align: center;
  margin-top: 16px
}

#footer .secSafety .safetyList li .btnSafety:hover {
  background: url(../images/common/btn-footer-safety_on.png) no-repeat left center
}

#footer .secSafety .safetyList li .btnSafety a {
  display: block;
  height: 50px;
  width: 260px
}

#footer .secSafety .safetyList li .btnSafety a img {
  margin: 15px 0 0 -5px
}

#footer .secSafety .safetyList li .btnSafety a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

#footer .footerMenu {
  padding: 48px 0;
  position: relative;
  /*min-height: 360px;*/
}

#footer .footerMenu .footerNavGroup {
  float: left;
  margin-top: 8px;
  width: 725px;
  border-right: solid 1px #eeeeee
}

#footer .footerMenu .footerNavGroup li {
  float: left;
  width: 235px
}

#footer .footerMenu .footerNavGroup li dt {
  margin-bottom: 13px
}

#footer .footerMenu .footerNavGroup li dt a {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding-left: 18px
}
#footer .footerMenu .footerNavGroup li dt a.icon-open_in_new::after {
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 8px;
  display: inline-block;
  background:
  url(../images/common/icon-open_in_new_black.svg) no-repeat right center;
  background-size: 10px;
}

#footer .footerMenu .footerNavGroup li dt.harf {
  width: 100px;
  float: left
}

#footer .footerMenu .footerNavGroup li dt.harf+.harf {
  margin-left: 5px;
  width: 120px
}

#footer .footerMenu .footerNavGroup li dd {
  margin-bottom: 9px;
  padding-left: 22px
}

#footer .footerMenu .footerNavGroup li dd a {
  background: url(../images/common/icon-arrow-link.png) no-repeat left center;
  font-size: 12px;
  display: block;
  padding-left: 14px
}

#footer .footerMenu .footerNavGroup li dd+dt {
  margin-top: 20px
}

#footer .footerMenu .footerNavGroup li:nth-child(2) {
  width: 255px
}

#footer .footerMenu .footerNavGroup li:nth-child(3) {
  width: 220px
}

#footer .footerMenu .companyBlock {
  border-left: solid 1px #eeeeee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  position: absolute;
  right: 0;
  width: 255px;
  z-index: 100;
  top: 50px;
}

#footer .footerMenu .companyBlock .contactBlock {
  margin: 21px 0 0 5px
}

#footer .footerMenu .companyBlock .contactBlock .btnContact {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 9px
}

#footer .footerMenu .companyBlock .contactBlock .btnContact:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

#footer .footerMenu .companyBlock .contactBlock .btnContact a {
	/*background-color: #353535;*/
	color: #353535;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	background-image: -webkit-linear-gradient(0deg,rgba(252,226,50,1.00) 0%,rgba(250,192,2,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(252,226,50,1.00) 0%,rgba(250,192,2,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(252,226,50,1.00) 0%,rgba(250,192,2,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(252,226,50,1.00) 0%,rgba(250,192,2,1.00) 100%);
}

#footer .footerMenu .companyBlock .contactBlock img {
  margin-bottom: 10px
}

#footer .footerMenu .companyBlock .organizationList {
  margin-left: 5px
}

#footer .footerMenu .companyBlock .organizationList li+li {
  margin-top: 9px
}

#footer #pagetop {
  position: fixed;
  right: 30px;
  z-index: 999999;
  bottom: -100px
}

#footer #pagetop a {
  color: #fff
}

#footer .copyright {
  background: #186aab;
  color: #ffffff;
  font-size: 12px;
  line-height: 60px;
  text-align: center
}

.topicPath {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 3px 5px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 1px 3px 5px rgba(0, 0, 0, 0.03);
  background: #f5f5f5;
  border-top: solid 1px #eeeeee;
  display: block;
  position: relative;
  z-index: 1
}

.topicPath ol {
  margin: 0 auto;
  width: 980px;
  text-align: left;
  font-size: 0
}

.topicPath ol li {
  display: inline;
  line-height: 33px;
  font-size: 12px
}

.topicPath ol li a {
  padding-right: 7px;
  color: #9e9e9e
}

.topicPath ol li a:hover {
  text-decoration: underline
}

.topicPath ol li span {
  padding-right: 7px;
  color: #9e9e9e
}

.topicPath ol li:before {
  color: #ccc;
  content: ">";
  margin-right: 7px
}

.topicPath ol li:first-child:before {
  display: none
}

.topicPath ol li:last-child a span {
  color: #393939
}

.underHeader {
  -webkit-box-shadow: 0px 1px 3px 5px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0px 1px 3px 5px rgba(0, 0, 0, 0.05) inset;
  background: url(../images/common/bg-page-header.png) bottom repeat-x #1d8ebc
}

.underHeader .underTitle {
  color: #ffffff;
  display: inline;
  font-size: 35px;
  font-weight: bold;
  line-height: 110px;
  *line-height: 100px;
  vertical-align: top;
  *vertical-align: middle
}

.underHeader span {
  font-family: Futura, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #8ec8de;
  line-height: 105px;
  display: inline-block;
  margin: 0 0 0 10px
}

.underHeader span.sub {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle
}

#home .btnDetail {
  margin: 33px auto 0;
  width: 470px
}

#home .btnDetail a span {
  font-size: 18px;
  line-height: 45px
}

#home .scrEvent {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

#home .secTopic .hStand,
#home .secVoice .hStand {
  background: url(../images/top/bg-top-topictitle.png) no-repeat top center;
  color: #186aab;
  font-size: 32px;
  font-weight: bold;
  margin: -47px 0 23px;
  padding-top: 40px;
  text-align: center
}

#home .secMv,
#home .secVoiceView {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 3px 1px 0px 5px rgba(0, 0, 0, 0.03) inset;
  box-shadow: 3px 1px 0px 5px rgba(0, 0, 0, 0.03) inset;
  background: #1780c7;
  background: -webkit-gradient(linear, left top, left bottom, from(#1780c7), to(#1d95cc));
  background: linear-gradient(#1780c7, #1d95cc)
}

#home .secMv {
  height: 381px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 33px;
  z-index: 1
}

#home .secMv .slick-list {
  overflow: visible;
  padding: 0 !important;
  position: relative;
  margin: 0 auto;
  width: 940px
}

#home .secMv .slick-slide {
  position: relative
}

#home .secMv .slick-slide:nth-child(2n):hover {
  opacity: 0.9
}

#home .secMv .slick-slide:nth-child(2n):hover .bnr-btn {
  opacity: 0.9
}

#home .secMv .slick-slide:nth-child(2n):hover .bnr-btn span {
  opacity: 0.9
}

#home .secMv .slick-slide img {
  margin: auto;
  width: 900px
}

#home .secMv .slick-slide .bnr-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #186aab;
  border-radius: 5px;
  bottom: 20px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  height: 38px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  margin: 0 auto 10px;
  position: absolute;
  right: 0;
  width: 280px
}

#home .secMv .slick-slide .bnr-btn span {
  left: 7px;
  position: relative
}

#home .secMv .slick-slide .bnr-btn span:before {
  border: 0px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: '';
  height: 8px;
  left: -22px;
  margin-top: -4px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 46%;
  width: 8px
}

#home .secMv .slick-slide .bnr-btn.twoLayout {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  width: 760px
}

#home .secMv .slick-slide .bnr-btn.twoLayout a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #186aab;
  border-radius: 5px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 370px;
  flex-basis: 370px;
  font-size: 14px;
  height: 38px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 10px
}

#home .secMv .slick-slide .bnr-btn.twoLayout a:hover {
  opacity: 0.9
}

#home .secMv .slick-slide.sp-app .bnr-btn {
  margin-right: 171px
}

#home .secMv .prev-arrow {
  background: #232323;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
  display: inline-block;
  height: 51px;
  margin-left: 10px;
  pointer-events: auto;
  width: 30px
}

#home .secMv .prev-arrow:after {
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  content: '';
  height: 12px;
  left: 12px;
  margin-top: -4px;
  position: absolute;
  top: 46%;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 12px
}

#home .secMv .next-arrow {
  background: #232323;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  display: inline-block;
  height: 51px;
  margin-right: 10px;
  pointer-events: auto;
  width: 30px
}

#home .secMv .next-arrow:after {
  content: '';
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  height: 12px;
  left: 4px;
  margin-top: -4px;
  position: absolute;
  top: 46%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 12px
}

#home .secMv .arrow-wrap {
  left: 0;
  margin: auto;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 126px;
  width: 980px;
  z-index: 10
}

#home .secMv .next-wrap {
  text-align: right
}

#home .secMv .prev-wrap {
  text-align: left
}

#home .secMv .slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  left: 0;
  margin: auto;
  padding-top: 18px;
  position: relative;
  right: 0;
  width: 980px;
  z-index: 99
}

#home .secMv .slick-dots .slick-active {
  background: #fff
}

#home .secMv .slick-dots li {
  background: #5ab5db;
  border-radius: 50%;
  height: 10px;
  margin-right: 10px;
  position: relative;
  top: 8px;
  width: 10px
}

#home .secMv .slick-dots li:hover {
  cursor: pointer
}

#home .secMv .slick-dots li:last-child {
  margin-right: 41px
}

#home .secMv .slick-dots li button {
  text-indent: -9999px
}

#home .secMv .hMv {
  text-align: center
}

#home .secMv .bx-window {
  overflow: visible !important
}

#home .secMv .slideArea {
  margin-top: 30px;
  position: relative;
  width: 100%;
  z-index: 1
}

#home .secMv .slideArea .loopslider {
  height: 125px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  display: none
}

#home .secMv .slideArea .loopslider ul {
  display: inline-block;
  float: left;
  width: auto !important
}

#home .secMv .slideArea .loopslider ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden
}

#home .secMv .slideArea .loopslider ul li {
  display: inline;
  float: left;
  height: 125px;
  margin: 0 0 0 10px
}

#home .secMv .slideArea .loopslider ul li.active .balloon {
  display: block !important
}

#home .secMv .slideArea .loopslider ul li.active .balloon .longText {
  margin-left: -50% !important
}

#home .secMv .slideArea .loopslider ul li.active .balloon .longText02 {
  margin-left: -30% !important
}

#home .secMv .slideArea .loopslider ul li .block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding-top: 30px;
  position: relative
}

#home .secMv .slideArea .loopslider ul li .block.long {
  padding-top: 0px
}

#home .secMv .slideArea .loopslider ul li .block.wide {
  margin-left: 0
}

#home .secMv .slideArea .loopslider ul li .block.wide .balloon img {
  margin-left: -50%
}

#home .secMv .slideArea .loopslider ul li .block.wide+li {
  margin-left: 0
}

#home .secMv .slideArea .loopslider ul li .block.middle .balloon img {
  margin-left: -10px !important
}

#home .secMv .slideArea .loopslider ul li .block .balloon {
  display: none;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%
}

#home .secMv .slideArea .loopslider ul li.list10 .block {
  padding-top: 40px
}

#home .secMv .slideArea .loopslider ul li.list11 .block {
  padding-top: 40px
}

#home .secTopic {
  z-index: 10;
  position: relative
}

#home .secTopic .topicList li {
  float: left;
  margin-right: 40px;
  width: 215px
}

#home .secTopic .topicList li:last-child {
  margin-right: 0
}

#home .secTopic .topicList li h3 {
  font-size: 22px;
  text-align: center
}

#home .secTopic .topicList li h3 span {
  background-position: center left;
  background-repeat: no-repeat;
  padding: 4px 0 0 27px
}

#home .secTopic .topicList li h3.title01 span {
  background: url(../images/top/icon-top-topic01.png) no-repeat left center;
  margin-left: -11px
}

#home .secTopic .topicList li h3.title02 span {
  background: url(../images/top/icon-top-topic02.png) no-repeat left center;
  padding: 4px 0 0 30px;
  margin-left: -8px
}

#home .secTopic .topicList li h3.title03 span {
  background: url(../images/top/icon-top-topic03.png) no-repeat left 5px;
  margin-left: -8px
}

#home .secTopic .topicList li h3.title04 span {
  background: url(../images/top/icon-top-topic04.png) no-repeat left center;
  margin-left: -8px
}

#home .secTopic .topicList li .heightline-image {
  margin-top: 9px
}

#home .secTopic .topicList li .heightline-image span {
  color: #8f8f8f;
  display: block;
  font-size: 8px;
  margin-top: 1px;
  text-align: right
}

#home .secTopic .topicList li p {
  margin-top: 0
}

#home .secTopic .rankBox {
  background: #f5f5f5;
  border: 1px solid #dedede;
  margin-top: 33px;
  padding: 29px 38px 27px
}

#home .secTopic .rankBox .image {
  float: right;
  margin: -2px 0 0 40px
}

#home .secTopic .rankBox .title {
  color: #464646;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 7px;
  padding-left: 40px;
  position: relative
}

#home .secTopic .rankBox .title:before {
  background: url(../images/top/icon-top-topic-rank.png) no-repeat;
  content: '';
  display: block;
  height: 21px;
  left: -2px;
  position: absolute;
  top: -1px;
  width: 31px
}

#home .secTopic .rankBox p {
  font-size: 15px;
  line-height: 1.6
}

#home .secQuality {
  margin: 0 0 66px;
  padding: 54px 0 60px
}

#home .secQuality .listS {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 20
}

#home .secQuality .qualityListTop {
	display: grid;
	gap:20px;
	grid-template-columns: 1fr 1fr;
}

#home .secQuality .qualityListTop::before {
content:none;
}

#home .secQuality .qualityListTop li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #e8e8e8;
  cursor: pointer;
  /*float: left;*/
  margin: 0 40px 19px 0;
  *margin: 0 10px 19px 0;
  min-height: 180px;
  position: relative;
  width: 470px;
  *width: 440px;
  z-index: 10
}

#home .secQuality .qualityListTop li>div {
  padding: 22px 13px
}

#home .secQuality .qualityListTop li:nth-child(2n) {
  margin-right: 0
}

#home .secQuality .qualityListTop li.list01 .bgShadow img {
  margin-top: 10px
}

#home .secQuality .qualityListTop li.list01 .textBox .title a {
  color: #a54a98
}

#home .secQuality .qualityListTop li.list01 .textBox .title span.subTit {
  background: url(../images/top/txt-top-quality01.png) no-repeat center center;
  width: 44px
}

#home .secQuality .qualityListTop li.list02 .textBox .title a {
  color: #50ace2
}

#home .secQuality .qualityListTop li.list02 .textBox .title span.subTit {
  background: url(../images/top/txt-top-quality02.png) no-repeat center center;
  width: 100px
}

#home .secQuality .qualityListTop li.list03 .textBox .title a {
	/*color: #94c973;
  color: #CB9515*/
	color: #186aab;
	text-decoration: underline !important;
	font-weight: bold;
	position: relative;
}
#home .secQuality .qualityListTop li.list03 .textBox .title a::before {
	content: '';
	display: block;
	background-position: left center;
	background-image: url(../images/common/icon-arrow-detail-blue.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 14px;
	position: absolute;
	top:0;
	bottom:0;
	margin:auto;
	left:-20px;
}

#home .secQuality .qualityListTop li.list03 .textBox p {
	text-align: center;
}

#home .secQuality .qualityListTop li.list03 .textBox .title span.subTit {
  background: url(../images/top/txt-top-quality03.png) no-repeat center center;
  width: 90px
}

#home .secQuality .qualityListTop li.list04 .textBox .title a {
  color: #a5659f
}

#home .secQuality .qualityListTop li.list04 .textBox .title span.subTit {
  background: url(../images/top/txt-top-quality04.png) no-repeat center center;
  width: 155px
}

#home .secQuality .qualityListTop li.list05 .title a {
  color: #449466
}

#home .secQuality .qualityListTop li.list05 .title span.subTit {
  background: url(../images/top/txt-top-quality12.png) no-repeat center center;
  width: 73px
}

#home .secQuality .qualityListTop li.list05 .bgShadow img {
  margin: 7px 0px 0px -8px
}

#home .secQuality .qualityListTop li.list06 .title a {
  color: #006dd2
}

#home .secQuality .qualityListTop li.list06 .title span.subTit {
  background: url(../images/top/txt-top-quality06.png) no-repeat center center;
  width: 73px
}

#home .secQuality .qualityListTop li.list06 .bgShadow img {
  margin: 9px 0px 0px -11px
}

#home .secQuality .qualityListTop li.list13 .title a {
  color: #D83E3E
}

#home .secQuality .qualityListTop li.list13 .title span.subTit {
  background: url(../images/top/txt-top-quality13.png) no-repeat center center;
  width: 90px
}

#home .secQuality .qualityListTop li.list13 .bgShadow img {
  margin: 9px 0px 0px -11px
}

#home .secQuality .qualityListTop li.list15 .title a {
  color: #6AB558
}

#home .secQuality .qualityListTop li.list15 .title span.subTit {
  background: url(../images/top/txt-top-quality15.png) no-repeat center center;
  width: 101px
}

#home .secQuality .qualityListTop li.list15 .bgShadow img {
  margin: 9px 0px 0px -11px
}

#home .secQuality .qualityListTop li .bgShadow {
  background: url(../images/top/bg-top-quality.png) no-repeat center bottom;
  float: left;
  min-height: 115px;
  text-align: center;
  width: 116px
}

#home .secQuality .qualityListTop li .bgShadow img {
  -webkit-transition: 0.3s;
  transition: 0.3s
}

#home .secQuality .qualityListTop li .textBox {
  float: right;
  width: 320px
}

#home .secQuality .qualityListTop li .textBox h3 {
  font-size: 20px
}

#home .secQuality .qualityListTop li .textBox h3 span {
  display: inline-block;
  float: left
}

#home .secQuality .qualityListTop li .textBox h3 span.subTit {
  display: inline-block;
  font-size: 12px;
  height: 20px;
  margin-left: 5px;
  overflow: hidden;
  text-indent: -9999px
}

#home .secQuality .qualityListTop li .textBox .txt {
  margin-top: 2px
}

#home .secQuality .qualityListTop li:hover .bgShadow .animeImg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

#home .secSolution {
  margin-bottom: 78px
}

#home .secSolution .solutionBlock {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  background: #f5f5f5;
  padding: 24px 18px 19px 18px;
  position: relative;
  z-index: 10
}

#home .secSolution .solutionBlock h3 {
  margin-bottom: 26px;
  text-align: center
}

#home .secSolution .solutionBlock .listGroup {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #dedede;
  border-width: 0 1px 1px 1px
}

#home .secSolution .solutionBlock .listGroup .tit {
  background: #e2e2e2;
  font-size: 20px;
  line-height: 50px;
  text-align: center
}

#home .secSolution .solutionBlock .listGroup ul {
  padding: 0px 20px
}

#home .secSolution .solutionBlock .listGroup li {
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x bottom
}

#home .secSolution .solutionBlock .listGroup li:last-child {
  background: none
}

#home .secSolution .solutionBlock .listGroup li span {
  display: table-cell;
  display: inline\9;
  vertical-align: middle
}

#home .secSolution .solutionBlock .listGroup li span a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 18px;
  text-align: left
}

#home .secSolution .solutionBlock .listGroup li span a.sub {
  padding: 10px 0 10px 18px\9
}

#home .secSolution .solutionBlock.block01 {
  border-top: solid 3px #0c61a2;
  margin-bottom: 30px
}

#home .secSolution .solutionBlock.block01 .listGroup {
  float: left;
  margin-right: 19px;
  padding-bottom: 10px;
  width: 300px
}

#home .secSolution .solutionBlock.block01 .listGroup a {
  padding-bottom: 16px;
  padding-top: 20px
}

#home .secSolution .solutionBlock.block01 .listGroup:last-child {
  margin-right: 0
}

#home .secSolution .solutionBlock.block01 .listGroup:last-child a {
  padding-bottom: 14px;
  padding-top: 20px
}

#home .secSolution .solutionBlock.block02 {
  border-top: solid 3px #e46ba1;
  float: left;
  width: 472px;
  *width: 440px
}

#home .secSolution .solutionBlock.block02 .listGroup {
  float: left;
  margin-right: 19px;
  width: 205px
}

#home .secSolution .solutionBlock.block02 .listGroup:last-child {
  margin-right: 0
}

#home .secSolution .solutionBlock.block02 .listGroup li {
  padding: 7px 0
}

#home .secSolution .solutionBlock.block03 {
  border-top: solid 3px #589c9d;
  float: right;
  width: 472px;
  *width: 460px
}

#home .secSolution .solutionBlock.block03 .listGroup li {
  float: left;
  padding: 7px 0
}

#home .secSolution .solutionBlock.block03 .listGroup li a {
  width: 195px
}

#home .secSolution .solutionBlock.block03 .listGroup li:first-child {
  background: none
}

#home .secSolution .solutionBlock.block03 .listGroup li:first-child span a span {
  background: url(../images/common/line-dot-vertical01.gif) repeat-y right;
  display: block;
  width: 100%
}

#home .secSolution .solutionBlock.block03 .listGroup li:last-child span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#home .secSolution .solutionBlock.block03 .listGroup li:last-child span a {
  margin-left: 15px;
  width: 180px
}

#home .secSolution .pointBalloon {
  margin-top: 34px
}

#home .secProcess {
  margin-bottom: 80px
}

#home .secProcess .hWrap span {
  color: #186aab;
  font-weight: bold
}

#home .secProcess .processList li {
  cursor: pointer;
  float: left;
  margin-right: 38px;
  width: 300px
}

#home .secProcess .processList li:last-child {
  margin-right: 0
}

#home .secProcess .processList li h3 {
  font-size: 22px;
  margin-bottom: 15px;
  text-align: center
}

#home .secProcess .processList li h3 span {
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 28px
}

#home .secProcess .processList li h3.title01 span {
  background: url(../images/top/icon-top-process01.png) no-repeat left center
}

#home .secProcess .processList li h3.title02 span {
  background: url(../images/top/icon-top-process02.png) no-repeat left center
}

#home .secProcess .processList li h3.title03 span {
  background: url(../images/top/icon-top-process03.png) no-repeat left center
}

#home .secProcess .processList li .scalePhoto {
  width: 300px;
  height: 185px
}

#home .secProcess .processList li .scalePhoto2 {
  width: 300px;
  height: 185px;
  overflow: hidden
}

#home .secProcess .processList li .scalePhoto2 img {
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear
}

#home .secProcess .processList li .scalePhoto2 img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}

#home .secProcess .processList li:hover .scalePhoto {
  overflow: hidden;
  cursor: pointer
}

#home .secProcess .processList li:hover .scalePhoto img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1.03);
  transform: scale(1.03)
}

#home .secProcess .processList li:hover .btnGhost {
  background: #186aab;
  border: solid 2px #186aab
}

#home .secProcess .processList li:hover .btnGhost a {
  color: #fff
}

#home .secProcess .processList li:hover .btnGhost a span {
  background: url(../images/common/icon-arrow-link03_on.png) no-repeat left center
}

#home .secProcess .processList li p {
  margin-top: 16px
}

#home .secProcess .processList li .btnGhost {
  width: 100%;
  margin-top: 13px
}

#home .secVoiceView {
  padding-top: 45px;
  z-index: 1
}

#home .secVoiceView .hWrap {
  border-left: 5px solid #fff !important;
  margin-bottom: 19px
}

#home .secVoiceView .hWrap .hTitle {
  color: #fff
}

#home .secVoice {
  position: relative;
  z-index: 100
}

#home .secVoice>.inner {
  text-align: center
}

#home .secVoice .hStand {
  margin-bottom: 18px
}

#home .secVoice .projectList {
 /* display: inline-block*/
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
}

#home .secVoice .projectList::before {
  content:none;
}

#home .secVoice .projectList li {
  /*float: left;
  margin: 0 40px 0 0;
  width: 215px*/
  float: none;
  margin: 0;
  width: auto;
}

#home .secVoice .projectList li:nth-child(4n) {
  margin-right: 0
}

#home .secVoice .projectList li:nth-child(n+5) {
  /*margin-top: 32px*/
  margin-top: 0;
}

#home .secVoice .projectList li img {
  width: 100%;
  height: auto;
}


#home .secVoice .btnDetail {
  margin-top: 40px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #home .secVoice .btnDetail:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
  }
}

#home .secNews {
  margin-bottom: 60px;

}

#home #tab li {
  background: #f5f5f5;
  border: solid 1px #e8e8e8;
  border-bottom: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 54px;
  text-align: center;
  /*width: calc((100% / 3) - 5px);*/
  width: calc(99% / 2)
}

#home #tab li:first-child,
#home #tab li:nth-child(2) {
  float: left;
}

#home #tab li:nth-child(2) {
  /*margin-left: 7px;*/
  margin-left: 1%;
}

#home #tab li:last-child {
  float: right;
}

#home #tab li a {
  font-size: 18px;
  display: block;
  font-weight: bold;
}

#home #tab li.active {
  pointer-events: none;
  background-color: #186aab;
  border: solid 1px #186aab;
  border-bottom: none;
  position: relative;
  z-index: 100;
}

#home #tab li.active:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #186aab transparent transparent transparent;
  border-width: 8px 8px 0 8px;
}

#home #tab li.active a {
  color: #fff;
}

#home .detail,
#home .detail_events {
  padding: 25px 35px 12px 35px;
  border: solid 1px #e8e8e8;
}

#home .detail .btnListlink,
#home .detail_events .btnListlink {
  text-align: right;
}

#home .detail .btnListlink a,
#home .detail_events .btnListlink a {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding-left: 18px;
}

.tab_area label.active {
  background: #fff;
  color: #000;
}

.tab_panel.active {
  display: block;
  -webkit-animation: tabAnim ease 0.6s forwards;
  animation: tabAnim ease 0.6s forwards;
  -ms-animation: tabAnim ease 0.6s forwards;
}

#home .infoBlock .secNews,
#home .infoBlock .secQbook {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 41px
}

#home .infoBlock .secNews {
  padding-right: 10px;
  width: 100%
}

#home .infoBlock .secNews .date {
  width: 450px
}

#home .infoBlock .secNews .newsList {
  margin-bottom: 12px;
}

#home .infoBlock .secNews .newsList li dd {
  margin-bottom: 0
}

#home .infoBlock .secNews .newsList li+li {
  padding-top: 15px
}

#home .infoBlock .secNews .newsList li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

#home .infoBlock .secNews .newsList li:hover a {
  color: #bcbcbc
}

#home .infoBlock .secNews .bnrArea {
  background: #f5f5f5;
  text-align: center;
  padding: 20px;
  margin-bottom: 30px
}

#home .infoBlock .btnDetailMin {
  float: right;
  margin-bottom: 50px;
  width: 125px
}

#home .infoBlock .btnDetailMin a {
  border-radius: 4px;
  background: url(../images/common/icon-arrow-link05.png) no-repeat 12px center #eee;
  color: #393939;
  display: block;
  line-height: 25px;
  font-size: 12px;
  padding-left: 30px
}

#home .infoBlock .btnDetailMin a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

#home .secGroup .grayBox,
#home .secMedia .grayBox {
  padding: 30px 0 20px;
}

#home .secGroup .grayBox .bannerList,
#home .secMedia .grayBox .bannerList {
  text-align: center
}

#home .secGroup .grayBox .bannerList li,
#home .secMedia .grayBox .bannerList li {
  display: inline;
  margin-right: 12px
}

#home .secGroup .grayBox .bannerList li:last-child,
#home .secMedia .grayBox .bannerList li:last-child {
  margin-right: 0
}

#home .secGroup .grayBox .bannerList li.bnrM,
#home .secMedia .grayBox .bannerList li.bnrM {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
  width: 222px
}

#home .secGroup {
  margin-top: 65px
}

#home .secMedia {
  margin-top: 35px
}

#home .secMedia .grayBox .widthC {
  width: 500px;
  margin: 0 auto
}

#home .secMedia .bannerList .bnrM a img {
  width: 100%
}

.faq .hWrap {
  margin-bottom: 27px
}

.faq .secFaq {
  margin-bottom: 60px
}

.faq .secFaq>section {
  margin-bottom: 20px
}

.faq .secFaq>section:last-child {
  margin-bottom: 0
}

.faq .secFaq>section .borderBox {
  padding: 20px 18px;
  position: relative;
  z-index: 2;
  cursor: pointer
}

.faq .secFaq>section .borderBox.active span {
  background: url(../images/pages/icon-faq-close.png) no-repeat right
}

.faq .secFaq>section .faqTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/pages/icon-faq-question.png) no-repeat left;
  cursor: pointer;
  width: 100%
}

.faq .secFaq>section .faqTitle span {
  background: url(../images/pages/icon-faq-open.png) no-repeat right;
  display: block;
  padding: 5px 35px
}

.faq .secFaq>section .answerBox {
  background: #eff7f9;
  display: none;
  margin-top: 14px;
  padding: 19px 20px
}

#home .secSolution .solutionBlock .listGroup li span .faq .secFaq>section .answerBox a,
.faq .secFaq>section .answerBox #home .secSolution .solutionBlock .listGroup li span a,
.faq .secFaq>section .answerBox .arrowLink {
  padding: 4px 0 0 13px;
  margin-top: 15px
}

.events .hWrap,
.news .hWrap {
  margin-bottom: 27px
}

.events .hWrap .hTitle,
.news .hWrap .hTitle {
  line-height: 140%
}

.news .dateArea {
  color: #7c7c7c;
  line-height: 26px
}

.news .dateArea span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 25px;
  margin-right: 9px;
  text-align: center;
  width: 100px
}

.news .dateArea span.seminar,
.news .dateArea span.pr {
  background: #e15e8f
}

.news .dateArea span.media {
  background: #b1b552
}

.news .dateArea span.topics {
  background: #186aab
}

.news .dateArea span.stockholder {
  background: #34cc84;
}

.news .dateArea span.disclosure {
  background: #c53e41;
}

.news .txtArea {
  margin-top: 11px
}

.voiceList .pageTitle {
  font-size: 26px;
  text-align: center
}

.voiceList .voiceBox {
  margin-top: 100px
}

.voiceList .voiceBox+.voiceBox {
  margin-top: 70px
}

.voiceList .voiceBox#voiceBoxCooperate .voiceView li .companyLogo span {
  padding-top: 5px
}

.voiceList .voiceView li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #dedede;
  cursor: pointer;
  float: left;
  margin: 0 40px 30px 0;
  *margin: 0 35px 30px 0;
  padding: 22px 0;
  width: 470px
}

.voiceList .voiceView li:nth-child(2n) {
  margin-right: 0
}

.voiceList .voiceView li:nth-last-child(-n+2) {
  margin-bottom: 0
}

.voiceList .voiceView li:hover .scalePhoto {
  overflow: hidden;
  cursor: pointer
}

.voiceList .voiceView li:hover .scalePhoto img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1.03);
  transform: scale(1.03)
}

.voiceList .voiceView li .companyLogo {
  margin-bottom: 22px;
  text-align: center;
  display: table;
  width: 100%
}

.voiceList .voiceView li .companyLogo span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
  font-weight: bold
}

.voiceList .voiceView li .companyLogo span img {
  vertical-align: middle
}

.voiceList .voiceView li .dataBox {
  margin: 0 auto;
  width: 410px
}

.voiceList .voiceView li .dataBox .scalePhoto {
  height: 250px;
  width: 410px;
  border: solid 1px #dedede;
  overflow: hidden;
}

.voiceList .voiceView li .dataBox .companyName {
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px
}

.voiceList .voiceView li .dataBox .companyPoint {
  margin-top: 6px
}

.voiceList .voiceView li .dataBox .companyPoint dt {
  border-radius: 3px;
  clear: left;
  color: #fff;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 10px 5px 0;
  text-align: center;
  width: 75px
}

.voiceList .voiceView li .dataBox .companyPoint dt.content {
  background: #9d9d9d
}

.voiceList .voiceView li .dataBox .companyPoint dt.service {
  background: #1a6cac
}

.voiceList .voiceView li .dataBox .companyPoint dt.service+dd {
  color: #1a6cac;
  font-weight: bold
}

.voiceList .voiceView li .dataBox .companyPoint dd {
  float: left;
  font-size: 14px;
  width: 325px
}

.voiceList .voiceView li .grayBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 150%;
  margin: 15px auto 0;
  padding: 17px 16px;
  width: 410px
}

.voiceList .voiceView li .grayBox span {
  color: #1ba7aa
}

.voiceList .voiceView li .btnDetail {
  margin: 22px auto 0;
  width: 410px
}

.voiceList .voiceView li .btnDetail a span {
  line-height: 30px;
  padding: 2px 0 0 18px
}

.voiceDetail .companyMain {
  background: #f5f5f5;
  padding: 20px 0 66px
}

.voiceDetail .companyMain .dataBlock {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5fafb;
  border: solid 1px #dedede;
  float: left;
  width: 300px
}

.voiceDetail .companyMain .dataBlock .logo {
  background: #fff;
  border-bottom: solid 1px #dedede;
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 24px 0;
  text-align: center
}

.voiceDetail .companyMain .dataBlock .logo img {
  margin: 0 auto
}

.voiceDetail .companyMain .dataBlock .logo img+img {
  margin-top: 15px
}

.voiceDetail .companyMain .dataBlock .companyDetail {
  padding: 17px 19px
}

.voiceDetail .companyMain .dataBlock .companyDetail .companyName {
  font-size: 18px;
  font-weight: bold
}

.voiceDetail .companyMain .dataBlock .companyDetail .companyName.small {
  font-size: 16.5px;
}

.voiceDetail .companyMain .dataBlock .companyDetail .companyUrl {
  color: #9d9d9d;
  font-size: 12px;
  word-break: break-all
}

.voiceDetail .companyMain .dataBlock .companyDetail .data {
  margin-top: 10px
}

.voiceDetail .companyMain .dataBlock .companyDetail .data dt {
  border-radius: 3px;
  clear: left;
  color: #fff;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 10px 3px 0;
  text-align: center;
  width: 77px
}

.voiceDetail .companyMain .dataBlock .companyDetail .data dt.content {
  background: #9d9d9d
}

.voiceDetail .companyMain .dataBlock .companyDetail .data dt.service {
  background: #1a6cac
}

.voiceDetail .companyMain .dataBlock .companyDetail .data dt.service+dd {
  color: #1a6cac;
  font-weight: bold
}

.voiceDetail .companyMain .dataBlock .companyDetail .data dd {
  float: left;
  font-size: 13px;
  margin-bottom: 3px;
  width: 170px
}

.voiceDetail .companyMain .mvPhoto {
  float: right;
  border: solid 1px #dedede;
  width: 660px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  position: relative
}

.voiceDetail .companyMain .mvPhoto .img {
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.voiceDetail .interviewBlock {
  border-radius: 3px;
  background: #fff;
  border: solid 1px #dedede;
  margin-top: 17px;
  overflow: hidden
}

.voiceDetail .interviewBlock dt {
  background: #e6e6e6;
  display: table;
  float: left;
  font-weight: bold;
  width: 300px
}

.voiceDetail .interviewBlock dt p {
  display: table-cell;
  font-size: 14px;
  text-align: center;
  vertical-align: middle
}

.voiceDetail .interviewBlock dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  *float: right;
  line-height: 140%;
  padding: 7px 20px 7px 320px;
  *padding: 7px 20px 7px 0px;
  width: 100%;
  *width: 645px
}

.voiceDetail .interviewBlock dd span {
  font-weight: bold
}

.secVoiceContents .hStand {
  background: url(../images/pages/bg-pages-voicetitle.png) no-repeat center top;
  color: #393939;
  font-size: 28px;
  font-weight: bold;
  line-height: 145%;
  margin: -37px 0 28px;
  padding-top: 32px;
  text-align: center
}

.secVoiceContents .hStand span {
  color: #1ba7aa
}

.secVoiceContents .voiceComment dt {
  float: left;
  width: 110px
}

.secVoiceContents .voiceComment dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #dedede;
  font-size: 14px;
  margin-bottom: 50px;
  margin-left: 133px;
  padding: 17px 22px;
  position: relative
}

.secVoiceContents .voiceComment dd:after,
.secVoiceContents .voiceComment dd:before {
  border: solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  pointer-events: none;
  right: 100%;
  top: 55px;
  width: 0
}

.secVoiceContents .voiceComment dd:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 13px;
  margin-top: -13px
}

.secVoiceContents .voiceComment dd:before {
  border-color: rgba(222, 222, 222, 0);
  border-right-color: #dedede;
  margin-top: -14px;
  border-width: 14px
}

.secVoiceContents .voiceComment dd .name {
  color: #186aab;
  font-weight: bold;
  margin-bottom: 5px
}

.secVoiceContents .secInterview {
  margin-bottom: 65px
}

.secVoiceContents .secInterview .contTitle {
  background: #f5f5f5;
  border: solid 1px #dedede;
  border-width: 1px 0;
  font-size: 28px;
  padding: 20px 0;
  text-align: center
}

.secVoiceContents .secInterview .interview .photoSet {
  float: left;
  padding-top: 30px;
  width: 300px
}

.secVoiceContents .secInterview .interview .photoSet .photoBlock {
  margin-bottom: 43px;
  width: 280px
}

.secVoiceContents .secInterview .interview .photoSet .photoBlock img {
  margin-bottom: 6px
}

.secVoiceContents .secInterview .interview .photoSet .photoBlock p {
  font-size: 12px
}

.secVoiceContents .secInterview .interview .photoSet .photoBlock p.small {
  font-size: 10.5px
}

.secVoiceContents .secInterview .interview .photoSet+.commentSet {
  border-left: solid 1px #dedede;
  float: right;
  width: 680px;
  *width: 650px
}

.secVoiceContents .secInterview .interview .commentSet {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 185%;
  padding: 22px 0 0 20px;
  width: 100%
}

.secVoiceContents .secInterview .interview .commentSet .question {
  color: #186aab;
  font-weight: bold;
  margin-bottom: 13px
}

.secVoiceContents .secInterview .interview .commentSet .answer {
  margin-bottom: 47px
}

.secVoiceContents .secInterview .interview .commentSet .answer span {
  font-weight: bold
}

.secVoiceContents .secInterview .interview .commentSet .notes {
  display: block;
  font-size: 12px;
  font-weight: normal !important
}

.secVoiceContents .secInterview .interview .commentSet .linkBlock {
  margin: 70px auto 40px;
  border: solid 1px #e8e8e8;
  position: relative;
  width: 100%
}

.secVoiceContents .secInterview .interview .commentSet .linkBlock dd,
.secVoiceContents .secInterview .interview .commentSet .linkBlock dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 105px
}

.secVoiceContents .secInterview .interview .commentSet .linkBlock dt {
  background: url(../images/pages/bg-offshoredetail-offshore04-mobile.png) no-repeat left center;
  font-size: 20px;
  padding: 25px 20px 0 31px;
  width: 290px;
  position: absolute;
  left: 0;
  top: 0
}

.secVoiceContents .secInterview .interview .commentSet .linkBlock dd {
  padding: 20px 0 0 350px;
  *padding: 20px 0 0
}

.secVoiceContents .secInterview .interview .linkBlock02 {
  margin: 70px auto 40px;
  border: solid 1px #e8e8e8;
  position: relative;
  width: 100%
}

.secVoiceContents .secInterview .interview .linkBlock02 dd,
.secVoiceContents .secInterview .interview .linkBlock02 dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 105px
}

.secVoiceContents .secInterview .interview .linkBlock02 dt {
  background: url(../images/pages/bg-offshoredetail-offshore04-mobile.png) no-repeat left center;
  font-size: 20px;
  padding: 25px 20px 0 31px;
  width: 290px;
  position: absolute;
  left: 0;
  top: 0
}

.secVoiceContents .secInterview .interview .linkBlock02 dd {
  padding: 20px 0 0 425px;
  *padding: 20px 0 0
}

.secVoiceContents .underBlock {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4NmFhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE4OWNiOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 3px 1px 0px 5px rgba(0, 0, 0, 0.03) inset;
  box-shadow: 3px 1px 0px 5px rgba(0, 0, 0, 0.03) inset;
  background: #1883b2;
  background: -webkit-gradient(linear, left top, left bottom, from(#186aab), to(#189cb9));
  background: linear-gradient(#186aab, #189cb9);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF186AAB', endColorstr='#FF189CB9');
  padding: 40px 0
}

.secVoiceContents .underBlock .contBox {
  background: #fff;
  overflow: hidden;
  width: 470px
}

.secVoiceContents .underBlock .contBox:first-child:last-child {
  width: 100%
}

.secVoiceContents .underBlock .contBox:first-child:last-child .imgBlock {
  width: 20%
}

.secVoiceContents .underBlock .contBox:first-child:last-child .imgBlock img {
  width: 100%
}

.secVoiceContents .underBlock .contBox:first-child:last-child .companyData {
  padding-left: 25px;
  width: 80%
}

.secVoiceContents .underBlock .contBox:first-child:last-child .companyData .companyTable {
  width: 100%
}

.secVoiceContents .underBlock .contBox:first-child:last-child .companyData .companyTable th {
  vertical-align: top
}

.secVoiceContents .underBlock .contBox:first-child:last-child .companyData .companyTable td .name {
  display: block;
  font-weight: bold
}

.secVoiceContents .underBlock .contBox .balloon {
  background: #e6e6e6;
  border-bottom: #dedede;
  font-size: 20px;
  font-weight: bold;
  line-height: 70px;
  position: relative;
  text-align: center
}

.secVoiceContents .underBlock .contBox .balloon:after {
  border: solid transparent;
  border-color: rgba(230, 230, 230, 0);
  border-top-color: #e6e6e6;
  border-width: 12px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  pointer-events: none;
  top: 100%;
  width: 0
}

.secVoiceContents .underBlock .contBox .contents {
  padding: 21px 28px
}

.secVoiceContents .underBlock .contBox .contents .borderList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x bottom;
  margin-bottom: 16px;
  padding-bottom: 20px
}

.secVoiceContents .underBlock .contBox .contents .borderList.lite li {
  padding-bottom: 1px;
  margin-bottom: 9px;

}

.secVoiceContents .underBlock .contBox .contents .borderList li:last-child {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.secVoiceContents .underBlock .contBox .contents .borderList li .pointBlock {
  margin-bottom: 9px
}

.secVoiceContents .underBlock .contBox .contents .borderList li .pointBlock img {
  float: left
}

.secVoiceContents .underBlock .contBox .contents .borderList li .pointBlock.wHalf img {
  width: 40px;
}

.secVoiceContents .underBlock .contBox .contents .borderList li .pointBlock .txt {
  float: right;
  width: 290px
}

.secVoiceContents .underBlock .contBox .contents .borderList li .pointBlock .txt.wLite {
  width: 350px;
}

.secVoiceContents .underBlock .contBox .contents .borderList li .pointBlock .txt .hSub {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px
}

.secVoiceContents .underBlock .contBox .contents .borderList li .pointBlock .txt.wLite .hSub {
  line-height: 40px;
  margin-bottom: 0;
}

.secVoiceContents .underBlock .contBox .contents .borderList li .voiceComment dt {
  width: 66px
}

.secVoiceContents .underBlock .contBox .contents .borderList li .voiceComment dt img {
  width: 66px
}

.secVoiceContents .underBlock .contBox .contents .borderList li .voiceComment dd {
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 90px;
  padding: 12px 15px
}

.secVoiceContents .underBlock .contBox .contents .borderList li .voiceComment dd:after,
.secVoiceContents .underBlock .contBox .contents .borderList li .voiceComment dd:before {
  top: 40px
}

.secVoiceContents .underBlock .contBox .imgBlock {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border-right: solid 1px #dedede;
  float: left;
  padding: 30px 20px;
  width: 160px
}

.secVoiceContents .underBlock .contBox .companyData {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  *float: none;
  padding-right: 25px
}

.secVoiceContents .underBlock .contBox .companyData .companyTable {
  font-size: 14px;
  margin-top: 15px;
  width: 260px
}

.secVoiceContents .underBlock .contBox .companyData .companyTable tr {
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x bottom
}

.secVoiceContents .underBlock .contBox .companyData .companyTable tr:last-of-type {
  background: none
}

.secVoiceContents .underBlock .contBox .companyData .companyTable tr:last-of-type th {
  vertical-align: top
}

.secVoiceContents .underBlock .contBox .companyData .companyTable tr td,
.secVoiceContents .underBlock .contBox .companyData .companyTable tr th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.secVoiceContents .underBlock .contBox .companyData .companyTable tr th {
  font-weight: bold;
  padding: 10px 5px;
  width: 75px
}

.secVoiceContents .underBlock .contBox .companyData .companyTable tr td {
  padding: 10px 0px;
  word-break: break-all
}

.secVoiceContents .underBlock .contBox .companyData .companyTable tr td a {
  color: #56a24b
}

.secVoiceContents .underBlock .contBox .companyData .companyTable tr td ul,
.dataBlock .companyDetail .data ul {
  padding-left: 1em;
  text-indent: -1em
}

.commentSet dl.annotation {
  border-top: solid 1px #dedede;
  padding: 5px 10px;
  font-size: 12px;
  width: 95%;
  text-align: left;
}

.commentSet dl.annotation dt {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  width: 100px;
  line-height: normal;
}

.commentSet dl.annotation dd {
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  width: calc(100% - 106px);
  line-height: normal;
}

.contact .hWrap {
  margin-bottom: 14px
}

.contact .tableBlock {
  margin: 14px 0 64px
}

.contact .tableBlock table {
  width: 100%
}

.contact .tableBlock table td,
.contact .tableBlock table th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  text-align: center
}

.contact .tableBlock table th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: solid 1px #dedede;
  font-size: 20px;
  height: 60px;
  padding: 16px 0 17px;
  text-align: center;
  vertical-align: middle;
  width: 100%
}

.contact .tableBlock table td {
  padding: 2px 20px
}

.contact .tableBlock table td .btnContact {
  background: url(../images/pages/btn-contact-bg_off.png) no-repeat left center;
  text-align: center
}

.contact .tableBlock table td .btnContact:hover {
  background: url(../images/pages/btn-contact-bg_on.png) no-repeat left center
}

.contact .tableBlock table td .btnContact a {
  display: block;
  height: 60px;
  width: 211px
}

.contact .tableBlock table td .btnContact a img {
  margin-top: 17px
}

.contact .tableBlock table td .btnContact a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.contact .tableBlock table.serviceList {
  border: 1px solid #dedede;
  float: left;
  width: 705px
}

.contact .tableBlock table.serviceList td {
  border: solid 1px #dedede;
  border-width: 0 1px 1px 0;
  font-size: 12px;
  padding: 10px 0
}

.contact .tableBlock table.serviceList td span {
  font-size: 10px;
  display: block
}

.contact .tableBlock table.serviceBtn {
  border: 1px solid #dedede;
  float: right;
  width: 250px
}

.contact .tableBlock table.telList {
  border: 1px solid #dedede;
  float: left;
  width: 705px
}

.contact .tableBlock table.telList tr:nth-of-type(2) td {
  padding: 23px 0
}

.contact .tableBlock table.telList tr:nth-of-type(2) td p {
  padding: 0px 20px
}

.contact .tableBlock table.telList tr:nth-of-type(2) td:first-of-type p {
  border-right: solid 1px #dedede
}

.contact .tableBlock table.telList tr:last-of-type td {
  padding: 0 20px 15px
}

.contact .tableBlock table.telList .time {
  border-top: dotted 1px #dedede;
  padding-top: 14px
}

.contact .tableBlock table.telList .time dd,
.contact .tableBlock table.telList .time dt {
  float: left;
  line-height: 20px
}

.contact .tableBlock table.telList .time dt {
  border-radius: 3px;
  background: #186aab;
  color: #fff;
  font-size: 13px;
  margin-right: 8px;
  padding: 0 20px
}

.contact .tableBlock table.telList .time dd {
  margin-right: 22px
}

.contact .tableBlock table.telList .time dd span {
  font-weight: bold;
  font-size: 12px;
  margin-left: 12px
}

.contact .grayBox {
  margin-top: 25px;
  padding: 30px 0;
  text-align: center
}

.news .secNews .txtArea p+p {
  margin-top: 20px
}

.news .secNews .infoArea {
  margin-top: 50px
}

.news .secNews .infoArea dl {
  margin-top: 20px
}

.news .secNews .infoArea dl dd a {
  color: #56a24b
}

.news .secNews .infoArea dl dd a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

.news .secNews .infoArea dl dd+dt {
  margin-top: 10px
}

.download .secDownload {
  margin-bottom: 65px
}

.download .secDownload:last-child {
  margin-bottom: 0
}

.download .secDownload .anchor {
  margin-top: -20px;
  padding-top: 20px
}

.download .secDownload .downloadArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dedede;
  margin-bottom: 40px;
  width: 100%
}

.download .secDownload .downloadArea:last-child {
  margin-bottom: 0
}

.download .secDownload .downloadArea dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: solid 1px #dedede;
  font-size: 18px;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  padding: 0;
  text-align: center;
  width: 100%
}

.download .secDownload .downloadArea dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 25px 20px 15px 20px;
  width: 50%;
  *width: 315px
}

.download .secDownload .downloadArea dd.cover,
.download .secDownload .downloadArea dd.pages {
  float: left
}

.download .secDownload .downloadArea dd.cover img,
.download .secDownload .downloadArea dd.pages img {
  float: left
}

.download .secDownload .downloadArea dd.cover .txt,
.download .secDownload .downloadArea dd.pages .txt {
  float: right
}

.download .secDownload .downloadArea dd.cover .txt ul li,
.download .secDownload .downloadArea dd.pages .txt ul li {
  font-size: 12px
}

.download .secDownload .downloadArea dd.cover {
  padding-left: 30px;
  padding-right: 0
}

.download .secDownload .downloadArea dd.cover img {
  margin-top: 5px;
  width: 100px
}

.download .secDownload .downloadArea dd.cover .txt {
  background: url(../images/common/line-dot-vertical02.gif) repeat-y right;
  line-height: 150%;
  padding-right: 20px;
  width: 180px
}

.download .secDownload .downloadArea dd.pages img {
  margin-top: 3px;
  width: 97px
}

.download .secDownload .downloadArea dd.pages .txt {
  width: 195px
}

.download .secDownload .downloadArea dd.pages .txt p {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px
}

.download .secDownload .downloadArea dd.pages .txt li {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em
}

.download .secDownload .downloadArea dd:last-of-type {
  border-top: 1px solid #eee;
  clear: both;
  padding: 20px 0;
  text-align: center;
  width: 100%
}

.download .secDownload .downloadArea dd:last-of-type .btnDownload {
  background: url(../images/pages/btn-download-bg_off.png) no-repeat left center;
  margin: 0 auto;
  width: 300px
}

.download .secDownload .downloadArea dd:last-of-type .btnDownload:hover {
  background: url(../images/pages/btn-download-bg_on.png) no-repeat left center
}

.download .secDownload .downloadArea dd:last-of-type .btnDownload a {
  display: block;
  height: 60px;
  width: 300px
}

.download .secDownload .downloadArea dd:last-of-type .btnDownload a img {
  margin-top: 17px
}

.download .secDownload .downloadArea dd:last-of-type .btnDownload a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.download .secComplete .txt {
  margin: 20px 0
}

.download .secComplete .subTit {
  color: #186aab;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px
}

.download .secComplete .subTit span {
  font-size: 16px
}

.download .secComplete .Downloadlist li+li {
  margin-top: 15px
}

.outlinePolicy .outlineDetail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}

.outlinePolicy .outlineDetail>p {
  margin-bottom: 30px
}

.outlinePolicy .outlineDetail>section {
  margin-bottom: 65px
}

.outlinePolicy .outlineDetail .viewList {
  margin-top: 15px
}

.outlinePolicy .outlineDetail .viewList dt {
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px
}

.outlinePolicy .outlineDetail .viewList dd {
  font-size: 14px
}

.outlinePolicy .outlineDetail .attention {
  margin-top: 10px
}

.outlinePolicy .outlineDetail .attention li {
  font-size: 12px;
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em
}

.outlinePolicy .outlineDetail .numList>li {
  margin-bottom: 10px;
  padding-left: 1.5em;
  text-indent: -1.5em
}

.outlinePolicy .outlineDetail .numList .numList {
  margin: 10px 0
}

.outlinePolicy .outlineDetail .dotList {
  margin: 10px 0 10px 10px
}

.outlinePolicy .outlineDetail .dotList li {
  text-indent: -1em;
  padding-left: 1em
}

.outlinePolicy .outlineDetail .companyProfile {
  margin: 40px 0;
  text-align: right
}

.outlinePolicy .outlineDetail .bylaws {
  margin-top: 20px
}

.educationList .hWrap.educationTop {
  background: url(../images/pages/bg-educationlist-title.png) no-repeat right top;
  margin-bottom: 30px;
  padding: 24px 0 12px
}

.educationList .hWrap.educationTop .hTitle {
  color: #186aab;
  line-height: 138%;
  font-size: 30px;
  font-weight: bold
}

.educationList .hWrap.tableUnder {
  margin-bottom: 15px
}

.educationList .hWrap.tableUnder .hTitle {
  font-size: 25px
}

.educationList .hMintitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px
}

.educationList .secPointList {
  margin-top: 32px
}

.educationList .secPointList .pointList {
  margin: 28px 0 60px 0
}

.educationList .secPointList .pointList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #e8e8e8;
  float: left;
  margin: 0 10px 9px 0;
  overflow: visible;
  position: relative;
  width: 347px;
  *width: 325px;
  z-index: 10
}

.educationList .secPointList .pointList li:nth-child(2n) {
  margin-right: 0
}

.educationList .secPointList .pointList li.double {
  min-height: 80px
}

.educationList .secPointList .pointList li.double .textBox {
  line-height: 120% !important;
  padding-top: 15px
}

.educationList .secPointList .pointList li .bgShadow {
  background: url(../images/pages/bg-educationlist-point.png) no-repeat center bottom;
  bottom: -5px;
  display: table;
  float: left;
  height: 80px;
  position: absolute;
  text-align: center;
  width: 92px
}

.educationList .secPointList .pointList li .bgShadow p {
  display: table-cell;
  min-height: 80px;
  text-align: center;
  vertical-align: middle
}

.educationList .secPointList .pointList li .textBox {
  float: right;
  font-size: 20px;
  line-height: 80px;
  width: 235px
}

.educationList .secEducationlist .hWrap {
  margin-bottom: 26px
}

.educationList .secEducationlist .educationView {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.educationList .secEducationlist .educationView li {
  background: #fff;
  cursor: pointer;
  /*float: left;*/
  margin: 0 20px 20px 0;
  /*margin: 0 20px 25px 0;*/
  position: relative;
  width: 342px;
  z-index: 10
}

.educationList .secEducationlist .educationView li:nth-child(2n) {
  margin-right: 0
}

.educationList .secEducationlist .educationView li:nth-last-child(-n+2) {
  margin-bottom: 0
}

.educationList .secEducationlist .educationView li:hover .scalePhoto {
  overflow: hidden;
  cursor: pointer
}

.educationList .secEducationlist .educationView li:hover .scalePhoto img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1.03);
  transform: scale(1.03)
}

.educationList .secEducationlist .educationView li .scalePhoto {
  border: solid 1px #dedede;
  overflow: hidden;
}

.educationList .secEducationlist .educationView li .dataBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 0 1px 1px;
  margin: 0 auto;
  padding: 17px 25px
}

.educationList .secEducationlist .educationView li .dataBox .contentsName {
  color: #186aab;
  font-size: 22px;
  text-align: center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span {
  margin-left: -16px;
  padding-left: 16px
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main01 {
  background: url(../images/pages/icon-educationlist-main01.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main02 {
  background: url(../images/pages/icon-educationlist-main02.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main03 {
  background: url(../images/pages/icon-educationlist-main03.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main04 {
  background: url(../images/pages/icon-educationlist-main04.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main05 {
  background: url(../images/pages/icon-educationlist-main05.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main06 {
  background: url(../images/pages/icon-educationlist-main06.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main08 {
  background: url(../images/pages/icon-educationlist-main08.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main09 {
  background: url(../images/pages/icon-educationlist-main09.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main10 {
  background: url(../images/pages/icon-educationlist-main02.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main11 {
  background: url(../images/pages/icon-educationlist-main02.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.main12 {
  background: url(../images/pages/icon-educationlist-main12.png) no-repeat left center
}

/* Course 11 */
.educationList .secEducationlist .educationView li .dataBox .contentsName span.main13 {
  background: url(../images/pages/icon-educationlist-main13.png) no-repeat left center
}

/* Course 12 */
.educationList .secEducationlist .educationView li .dataBox .contentsName span.main14 {
  background: url(../images/pages/icon-educationlist-main14.png) no-repeat left center
}

/* Course 13 */
.educationList .secEducationlist .educationView li .dataBox .contentsName span.main15 {
  background: url(../images/pages/icon-educationlist-main15.png) no-repeat left center
}

/* Course 14 */
.educationList .secEducationlist .educationView li .dataBox .contentsName span.main16 {
  background: url(../images/pages/icon-educationlist-main16.png) no-repeat left center
}

/* Course 15 */
.educationList .secEducationlist .educationView li .dataBox .contentsName span.main17 {
  background: url(../images/pages/icon-educationlist-main17.png) no-repeat left center
}

/* Course 16 */
.educationList .secEducationlist .educationView li .dataBox .contentsName span.main18 {
  background: url(../images/pages/icon-educationlist-main18.png) no-repeat left center
}

/* Course 17 */
.educationList .secEducationlist .educationView li .dataBox .contentsName span.main19 {
  background: url(../images/pages/icon-educationlist-main19.png) no-repeat left center
}

/* Course 18 */
.educationList .secEducationlist .educationView li .dataBox .contentsName span.main20 {
  background: url(../images/pages/icon-educationlist-main20.png) no-repeat left center
}

/* Course 19 */
.educationList .secEducationlist .educationView li .dataBox .contentsName span.main21 {
  background: url(../images/pages/icon-educationlist-main21.png) no-repeat left center
}

.educationList .secEducationlist .educationView li .dataBox .contentsName span.under {
  color: #393939;
  display: block;
  font-size: 15px;
  margin-top: 8px;
  padding-left: 0;
  margin-left: 0
}

.educationList .secEducationlist .educationView li .dataBox .contentsPoint {
  margin-top: 18px;
  border-top: 1px solid #dedede;
  padding-top: 17px
}

.educationList .secEducationlist .educationView li .dataBox .contentsPoint dt {
  border-radius: 3px;
  clear: left;
  color: #fff;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 10px 5px 0;
  text-align: center;
  width: 40px
}

.educationList .secEducationlist .educationView li .dataBox .contentsPoint dt.content {
  background: #1ba7aa
}

.educationList .secEducationlist .educationView li .dataBox .contentsPoint dd {
  float: left;
  font-size: 14px;
  width: 240px
}

.educationList .secEducationlist .educationView li .dataBox .contentsPoint dd span {
  font-size: 12px
}

.educationList .secEducationlist .educationView li .btnDetail {
  /*margin-top: 20px;*/
  margin-top: 5px;
  width: 100%;
  vertical-align: middle;
  display: table;
  min-height: 52px;
}

.educationList .secEducationlist .educationView li .btnDetail a {
  padding: 5px 0 3px;
  vertical-align: middle;
  display: table-cell;
}

.educationList .secEducationlist .educationView li .btnDetail a span {
  font-size: 14px;
  padding: 2px 0 0 18px
}

.educationList .pointBalloon {
  height: 96px;
  line-height: 140%;
  /*margin: 37px 0 0;*/
  margin: 20px 0 0;
  width: 100%
}

.educationList .pointBalloon .human01,
.educationList .pointBalloon .human02 {
  position: absolute;
  top: 20px;
  z-index: 1
}

.educationList .pointBalloon .human01 {
  left: 94px
}

.educationList .pointBalloon .human02 {
  left: 56px
}

.educationList .pointBalloon p {
  position: absolute;
  margin-top: 20px
}

.educationList .pointBalloon.pos01 p {
  left: 145px;
  text-align: left
}

.educationList .pointBalloon.pos02 p {
  left: 105px;
  text-align: left
}

.educationList .secSeminarTable {
  margin-top: 70px
}

.educationList .secSeminarTable .txt span {
  color: #186aab;
  font-weight: bold
}

.educationList .secSeminarTable .tablePos {
  margin-top: 47px;
  min-height: 531px;
  position: relative;
  z-index: 10
}

.educationList .secSeminarTable .tablePos .table {
  position: absolute;
  top: 0;
  left: 0
}

.educationList .secSeminarTable .tablePos ul {
  position: absolute
}

.educationList .secSeminarTable .tablePos ul li {
  float: left;
  margin-right: 10px
}

.educationList .secSeminarTable .tablePos ul li:last-child {
  margin-right: 0
}

.educationList .secSeminarTable .tablePos ul.btnPos01 {
  left: 405px;
  top: 72px
}

.educationList .secSeminarTable .tablePos ul.btnPos02 {
  left: 453px;
  top: 322px
}

.educationList .notes {
  display: block;
  font-size: 12px;
  font-weight: normal !important;
  margin-top: 16px;
  padding-left: 1em;
  text-indent: -1em
}

.educationList .ulList {
  display: block;
  font-weight: normal !important;
  margin-top: 16px;
  padding-left: 1em;
  text-indent: -1em
}

.educationDetail .hWrapPos {
  height: 125px;
  margin: -40px 0 20px;
  padding-top: 40px
}

.educationDetail .subTitle {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
}

.educationDetail .txt {
  margin-bottom: 20px;
}


.course01 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv01.png) no-repeat right top
}

.course02 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv02.png) no-repeat right top
}

.course03 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv02.png) no-repeat right top
}

.course04 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv04.png) no-repeat right top
}

.course05 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv05.png) no-repeat right top
}

.course06 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv06.png) no-repeat right top
}

.course07 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv07.png) no-repeat right top
}

.course08 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv08.png) no-repeat right top
}

.course09 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv09.png) no-repeat right top
}

.course02-2 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv02.png) no-repeat right top
}

.course03-2 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv11.png) no-repeat right top
}

.course10 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv12.png) no-repeat right top
}

.course11 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv13.png) no-repeat right top
}

.course12 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv14.png) no-repeat right top
}

.course13 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv15.png) no-repeat right top
}

.course14 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv16.png) no-repeat right top
}

.course15 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv17.png) no-repeat right top
}

.course16 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv18.png) no-repeat right top
}

.course17 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv19.png) no-repeat right top
}

.course18 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv20.png) no-repeat right top
}

.course19 .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv21.png) no-repeat right top
}

.cost .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv-cost.png) no-repeat right top
}

.lecturer .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv-cost.png) no-repeat right top;
  margin-bottom: 10px
}

.elearning .educationDetail .hWrapPos {
  background: url(../images/pages/bg-educationdetail-mv-elearning.png) no-repeat right top;
}

.educationDetail .hWrapPos .educationTopDetail {
  margin-bottom: 0;
  padding: 0
}

.course04 .educationDetail .hWrapPos .educationTopDetail {
  height: 58px
}

.educationDetail .hWrapPos .educationTopDetail .hTitle {
  color: #393939;
  font-weight: bold;
  font-size: 28px;
  line-height: 138%
}

.course01 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #468d56;
  padding-left: 15px
}

.course02 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #da5a69;
  padding-left: 15px
}

.course03 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #da5a69;
  padding-left: 15px
}

.course04 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #e08c36;
  padding-left: 15px
}

.course05 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #59a3df;
  padding-left: 15px
}

.course06 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #b3966b;
  padding-left: 15px
}

.course07 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #8b71b8;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #FFF;
  padding-left: 15px
}

.course08 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #c14d97;
  padding-left: 15px
}

.course09 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #006699;
  padding-left: 15px;
  font-size: 24px;
  line-height: 36px;
}

.course09 .detail-img-w300 {
  width: 100%;
  padding: 1.5rem 0;
}

.course09 .detail-img-w300 img {
  width: 100%;
  height: auto;
}

.course02-2 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #da5a69;
  padding-left: 15px;
}

.course03-2 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #da5a69;
  padding-left: 15px;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #FFF;
}

.course10 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #00bf34;
  padding-left: 15px;
}

.course11 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #99e208;
  padding-left: 15px;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #FFF;
  font-size: 27px;
}

.course12 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #36c5e4;
  padding-left: 15px;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #FFF;
  font-size: 21px;
}

.course13 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #ff6633;
  padding-left: 15px;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #FFF;
  font-size: 17px;
}

.course14 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #009999;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #FFF;
  padding-left: 15px;
  font-size: 21px;
}

.course15 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #4f41b8;
  padding-left: 15px;
}

.course16 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #93d411;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #FFF;
  padding-left: 15px;
  font-size: 21px;
}

.course17 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #8b4fd6;
  padding-left: 15px;
}

.course18 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #23a2b1;
  padding-left: 15px;
}

.course19 .educationDetail .hWrapPos .educationTopDetail .hTitle {
  border-left: solid 6px #007e3f;
  padding-left: 15px;
}


.educationDetail .hWrapPos .educationTopDetail .hTitle.min {
  font-size: 26px
}

.educationDetail .hWrapPos .educationTopDetail .hTitle span {
  font-size: 14px;
  display: block;
  line-height: 140%
}

.educationDetail .hWrapPos .educationTopDetail .hTitle .minTitle {
  font-size: 18px;
  display: inline-block
}

.educationDetail .hWrapPos .jobList {
  margin-top: 13px
}

.educationDetail .hWrapPos .jobList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #e8e8e8;
  float: left;
  font-size: 12px;
  line-height: 32px;
  margin-right: 9px;
  padding: 0 8px
}

.educationDetail .recommend {
  margin-bottom: 45px
}

.educationDetail .recommend dt {
  float: left
}

.educationDetail .recommend dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x bottom;
  margin-left: 215px;
  width: 485px
}

.educationDetail .recommend dd span {
  background: url(../images/common/icon-check.png) no-repeat left 16px;
  padding: 10px 0 10px 25px;
  display: block
}

.educationDetail .recommend dd:first-of-type span {
  padding-top: 8px
}

.educationDetail .secCourse {
  margin-bottom: 65px
}

.educationDetail .secCourse .default td,
.educationDetail .secCourse .default th {
  padding: 16px 18px
}

.educationDetail .secCourse .default th {
  vertical-align: middle;
  width: 100px;
  white-space: nowrap
}

.educationDetail .secCourse .default td .blueBox {
  font-size: 12px;
  margin: 10px 0 0
}

.educationDetail .secCourse .default td .blueBox h5 {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px
}

.educationDetail .secCourse .default td .blueBox .min {
  font-size: 10px;
  margin-top: -20px;
  vertical-align: super
}

.educationDetail .secCourse .default .notes li {
  font-size: 12px;
  display: block;
  padding-left: 1em;
  text-indent: -1em
}

.educationDetail .secCourse .default .ulList li {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}

.secCourse .font-small {
  font-size: 90%;
}

.educationDetail .secCurriculum .default td,
.educationDetail .secCurriculum .default th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.educationDetail .secCurriculum .default th {
  padding: 13px
}

.educationDetail .secCurriculum .default td {
  padding: 17px 18px
}

.educationDetail .secCurriculum .default tr:first-child th {
  text-align: center
}

.educationDetail .secCurriculum .default tr:first-child th:nth-child(1) {
  background: #f4fbfb
}

.educationDetail .secCurriculum .default tr:first-child th:nth-child(2) {
  background: #186aab;
  color: #fff
}

.educationDetail .secCurriculum .default.col3 {
  margin-bottom: 2rem;
}

.educationDetail .secCurriculum .default.col3.m10b {
  margin-bottom: 10px;
}

.educationDetail .secCurriculum .default.col3 tr:first-child th {
  text-align: center
}

.educationDetail .secCurriculum .default.col3 tr:first-child th:nth-child(1) {
  background: #f4fbfb;
  color: #393939;
}

.educationDetail .secCurriculum .default.col3 tr:first-child th:nth-child(2) {
  background: #1ba7aa7d;
  color: #393939;
}

.educationDetail .secCurriculum .default.col3 tr:first-child th:nth-child(3) {
  background: #186aab;
  color: #fff
}

.educationDetail .secCurriculum .default.col3 tr:nth-child(n + 2) th {
  background: #eeeeee;
  vertical-align: top;
  width: 195px;
  /*white-space: nowrap;*/
  font-weight: bold;
}

.educationDetail .secCurriculum .default.col3 tr:nth-child(n + 2) th.lightGray {
  background: #f5f5f5;
}

.educationDetail .secCurriculum .notice {
  font-size: 12px;
  text-align: right;
}

.educationDetail .secCurriculum .default th {
  width: auto
}

.educationDetail .secCurriculum .default th:first-child {
  font-size: 14px;
  text-align: left;
  width: 184px
}

.educationDetail .secCurriculum .default td {
  font-size: 12px
}

.educationDetail .secCurriculum .default td>ul.full li {
  float: none !important;
  width: 100% !important
}

.educationDetail .secCurriculum .default td>ul.full.disc {
  list-style-type: disc;
  margin-left: 0.75rem;
  padding-left: 0.75rem;
}

.educationDetail .secCurriculum .default td>ul.full.disc li {
  margin-bottom: 5px;
}

.educationDetail .secCurriculum .default td>ul.full.disc li:last-of-type {
  margin-bottom: 0;
}

.educationDetail .secCurriculum .default td>ul>li {
  float: left;
  width: 230px;
  *width: 200px
}

.educationDetail .secCurriculum .default td>ul.w100>li {
  float: left;
  width: 100%;
}

.educationDetail .secCurriculum .default td>ul>li:first-child {
  margin-right: 20px
}

.educationDetail .secCurriculum .default td>ul li li {
  padding-left: 2em;
  text-indent: -2em
}

.course05 .educationDetail .secCurriculum .default td>ul li li,
.course07 .educationDetail .secCurriculum .default td>ul li li,
.course02-2 .educationDetail .secCurriculum .default td>ul li .type03 li,
.course03-2 .educationDetail .secCurriculum .default td>ul li .type03 li {
  padding-left: 2.5em;
  text-indent: -2.5em
}

.educationDetail .secCurriculum .default td>ul li .type02 li {
  padding-left: 3em;
  text-indent: -3em
}

.educationDetail .secCurriculum .default td .blueBox ul {
  margin-top: 0 !important
}

.educationDetail .secCurriculum .default .notes {
  margin-top: 5px
}

.educationDetail .secCurriculum .default .notes li {
  display: block;
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em
}

.educationDetail .secCurriculum .blueBox {
  margin: 15px 0 0
}

.educationDetail .secCurriculum .blueBox ul {
  margin-top: 10px
}

.educationDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 20px 0 0;
  width: 100%
}

.educationDetail .pointBalloon .human01 {
  left: 94px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.educationDetail .pointBalloon p {
  margin-top: 18px;
  position: absolute
}

.educationDetail .pointBalloon.pos01 p {
  left: 145px;
  text-align: left
}

.educationDetail .secVoice {
  margin-top: 65px
}

.educationDetail .secVoice .voiceList li {
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x bottom;
  padding: 20px 0 9px 0
}

.educationDetail .secVoice .voiceList li p {
  background: url(../images/pages/icon-voice.png) no-repeat left center;
  padding: 0 0 0 34px
}

.educationDetail .secVoice .voiceList li:first-child {
  padding-top: 0
}

.educationDetail .secVoice .detailBtn {
  float: right;
  margin-top: 10px;
  text-align: center
}

.educationDetail .secVoice .detailBtn a {
  border-radius: 5px;
  background: url(../images/common/icon-arrow-detail.png) no-repeat 11px center #353535;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  padding: 0 11px 0 27px
}

.educationDetail .secVoice .detailBtn a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

.educationDetail .secPdu,
.educationDetail .secJstbq {
  margin-top: 45px
}

.educationDetail .secPdu>section,
.educationDetail .secJstbq>section {
  margin-bottom: 40px
}

.educationDetail .secPdu>section:last-child,
.educationDetail .secJstbq>section:last-child {
  margin-bottom: 0
}

.educationDetail .secLecturer .profileBlock .profileBox .profile .secPdu dt,
.educationDetail .secLecturer .profileUnder .secPdu dt,
.educationDetail .secPdu .fieldDetail .caseBlock .title,
.educationDetail .secPdu .hTitleSub,
.educationDetail .secPdu .offshore08 .offshoreDetail .caseBlock .title,
.educationDetail .secPdu .offshore08 .offshoreDetail .secTopComment .minTit,
.educationDetail .secPdu .secLecturer .profileBlock .profileBox .profile dt,
.educationDetail .secPdu .secLecturer .profileUnder dt,
.educationDetail .secPdu .softwareDetail .caseBlock .title,
.fieldDetail .caseBlock .educationDetail .secPdu .title,
.offshore08 .offshoreDetail .caseBlock .educationDetail .secPdu .title,
.offshore08 .offshoreDetail .secTopComment .educationDetail .secPdu .minTit,
.softwareDetail .caseBlock .educationDetail .secPdu .title {
  margin-bottom: 10px
}

.educationDetail .secPdu .borderBox {
  padding: 23px 24px;
  margin-bottom: 15px
}

.educationDetail .secPdu .borderBox img {
  float: left
}

.educationDetail .secPdu .borderBox .txt {
  display: table;
  float: right;
  height: 70px;
  width: 427px
}

.educationDetail .secPdu .borderBox .txt p {
  color: #393939;
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
  font-size: 16px
}

.educationDetail .secPdu .borderBox .txt p span {
  border-left: solid 1px #e8e8e8;
  display: block;
  padding-left: 40px
}

.educationDetail .secPdu .point {
  margin-bottom: 32px
}

.educationDetail .secJstbq .point {
  margin-bottom: 10px;
  margin-top: 0;
  font-size: 12px;
}

.educationDetail .secJstbq .point a {
  display: block;
  color: #186aab;
  padding-top: 5px;
}

.educationDetail .secJstbq .point a:hover {
  opacity: .75
}

.educationDetail .secLecturer .profileBlock .profileBox .profile .secPdu p+dt,
.educationDetail .secLecturer .profileUnder .secPdu p+dt,
.educationDetail .secPdu .fieldDetail .caseBlock p+.title,
.educationDetail .secPdu .offshore08 .offshoreDetail .caseBlock p+.title,
.educationDetail .secPdu .offshore08 .offshoreDetail .secTopComment p+.minTit,
.educationDetail .secPdu .secLecturer .profileBlock .profileBox .profile p+dt,
.educationDetail .secPdu .secLecturer .profileUnder p+dt,
.educationDetail .secPdu .softwareDetail .caseBlock p+.title,
.educationDetail .secPdu p+.hTitleSub,
.fieldDetail .caseBlock .educationDetail .secPdu p+.title,
.offshore08 .offshoreDetail .caseBlock .educationDetail .secPdu p+.title,
.offshore08 .offshoreDetail .secTopComment .educationDetail .secPdu p+.minTit,
.softwareDetail .caseBlock .educationDetail .secPdu p+.title {
  margin-top: 50px
}

.educationDetail .secJstbq p {
  margin-top: 20px
}

.educationDetail .secPdu p+p {
  margin-top: 22px
}

.educationDetail .secPdu .min {
  font-size: 10px;
  margin-top: -20px;
  vertical-align: super
}

.educationDetail .secPdu .siteList {
  margin: 2px 0 35px 0
}

.educationDetail .secJstbq .hTitle {
  line-height: 36px;
  font-size: 23px;
  font-weight: bold;
}

.educationDetail .secJstbq .hTitleSub {
  font-size: 20px;
  line-height: 26px;
}

.educationDetail table.contactList {
  border: 1px solid #dedede;
  margin-top: 70px;
  width: 100%
}

.educationDetail table.contactList tr th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5 none repeat scroll 0 0;
  border-bottom: 1px solid #dedede;
  font-size: 20px;
  height: 50px;
  padding: 15px 0;
  text-align: center;
  vertical-align: middle;
  width: 100%
}

.educationDetail table.contactList tr:nth-of-type(2) td,
.educationDetail table.contactList tr:nth-of-type(3) td {
  padding: 20px 0
}

.educationDetail table.contactList tr:nth-of-type(2) td p,
.educationDetail table.contactList tr:nth-of-type(3) td p {
  padding: 0px 20px
}

.educationDetail table.contactList tr:nth-of-type(2) {
  border-bottom: 1px solid #dedede
}

.educationDetail table.contactList tr:nth-of-type(2) td .btnContact {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/pages/btn-download-bg-long_off.png) no-repeat left center;
  text-align: center;
  width: 330px
}

.educationDetail table.contactList tr:nth-of-type(2) td .btnContact:hover {
  background: url(../images/pages/btn-download-bg-long_on.png) no-repeat left center
}

.educationDetail table.contactList tr:nth-of-type(2) td .btnContact a {
  display: block;
  height: 60px
}

.educationDetail table.contactList tr:nth-of-type(2) td .btnContact a img {
  margin-top: 17px
}

.educationDetail table.contactList tr:nth-of-type(2) td .btnContact a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.educationDetail table.contactList tr:nth-of-type(3) td:first-of-type p {
  border-right: solid 1px #dedede
}

.educationDetail table.contactList tr:last-of-type td {
  padding: 0 20px 15px
}

.educationDetail table.contactList .time {
  border-top: dotted 1px #dedede;
  padding-top: 14px
}

.educationDetail table.contactList .time dd,
.educationDetail table.contactList .time dt {
  float: left;
  line-height: 20px
}

.educationDetail table.contactList .time dt {
  border-radius: 3px;
  background: #186aab;
  color: #fff;
  font-size: 13px;
  margin-right: 8px;
  padding: 0 20px
}

.educationDetail table.contactList .time dd {
  margin-right: 22px
}

.educationDetail table.contactList .time dd span {
  font-size: 12px;
  font-weight: bold;
  margin-left: 12px
}

.educationDetail .secOther {
  margin-top: 64px
}

.educationDetail .secOther .otherList li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  float: left;
  margin: 0 21px 20px 0;
  *margin: 0 17px 20px 0;
  width: 342px
}

.educationDetail .secOther .otherList li:nth-child(2n) {
  margin-right: 0
}

.educationDetail .secOther .otherList li p {
  display: table;
  height: 70px;
  width: 100%
}

.educationDetail .secOther .otherList li p a {
  background: url(../images/common/icon-arrow-link02.png) no-repeat 18px center;
  display: table-cell;
  font-size: 18px;
  padding-left: 37px;
  vertical-align: middle
}

.educationDetail .secOther .otherList li.course01 {
  background: url(../images/pages/bg-educationdetail-link01.jpg) no-repeat right center #eff9ef
}

.educationDetail .secOther .otherList li.course02,
.educationDetail .secOther .otherList li.course03 {
  background: url(../images/pages/bg-educationdetail-link02.jpg) no-repeat right center #fdf2f3
}

.educationDetail .secOther .otherList li.course04 {
  background: url(../images/pages/bg-educationdetail-link04.jpg) no-repeat right center #fef6ed
}

.educationDetail .secOther .otherList li.course05 {
  background: url(../images/pages/bg-educationdetail-link05.jpg) no-repeat right center #f5fafe
}

.educationDetail .secOther .otherList li.course06 {
  background: url(../images/pages/bg-educationdetail-link06.jpg) no-repeat right center #fffdf0
}

.educationDetail .secOther .otherList li.course07 {
  background: url(../images/pages/bg-educationdetail-link07.jpg) no-repeat right center #f3f0f7
}

.educationDetail .secOther .otherList li.course08 {
  background: url(../images/pages/bg-educationdetail-link08.jpg) no-repeat right center #f9edf4
}

.educationDetail .secOther .otherList li.course09 {
  background: url(../images/pages/bg-educationdetail-link09.jpg) no-repeat right center #f5fafe
}

.educationDetail .secOther .otherList li.course02-2 {
  background: url(../images/pages/bg-educationdetail-link02.jpg) no-repeat right center #fdf2f3
}

.educationDetail .secOther .otherList li.course03-2 {
  background: url(../images/pages/bg-educationdetail-link11.jpg) no-repeat right center #fdf2f3
}

.educationDetail .secOther .otherList li.course10 {
  background: url(../images/pages/bg-educationdetail-link12.jpg) no-repeat right center #f3fcf1
}

.educationDetail .secOther .otherList li.course11 {
  background: url(../images/pages/bg-educationdetail-link13.jpg) no-repeat right center #f3fcf1
}

.educationDetail .secOther .otherList li.course12 {
  background: url(../images/pages/bg-educationdetail-link14.jpg) no-repeat right center #f5fafe
}

.educationDetail .secOther .otherList li.course13 {
  background: url(../images/pages/bg-educationdetail-link15.jpg) no-repeat right center #fffdf0;
  font-size: 15px !important;
  letter-spacing: -1px;
}

.educationDetail .secOther .otherList li.course14 {
  background: url(../images/pages/bg-educationdetail-link16.jpg) no-repeat right center #f3fcf1
}

.educationDetail .secOther .otherList li.course15 {
  background: url(../images/pages/bg-educationdetail-link17.jpg) no-repeat right center #f5fafe
}

.educationDetail .secOther .otherList li.course16 {
  background: url(../images/pages/bg-educationdetail-link18.jpg) no-repeat right center #f3fcf1
}

.educationDetail .secOther .otherList li.course17 {
  background: url(../images/pages/bg-educationdetail-link19.jpg) no-repeat right center #e7ecfa
}

.educationDetail .secOther .otherList li.course18 {
  background: url(../images/pages/bg-educationdetail-link20.jpg) no-repeat right center #f5fafe
}

.educationDetail .secOther .otherList li.course19 {
  background: url(../images/pages/bg-educationdetail-link21.jpg) no-repeat right center #e6fff2
}

.educationDetail .secOther .otherList li.course13 p a {
  font-size: 15px !important;
  letter-spacing: -1px;
}

.educationDetail .secOther .otherList li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.educationDetail .secCost table td,
.educationDetail .secCost table th {
  text-align: center;
  vertical-align: middle;
  padding: 13px 15px;
}

.educationDetail .secCost table th span {
  font-size: 12px
}

.educationDetail .secCost table td {
  width: 30%
}

.educationDetail .secCost table td:first-of-type {
  text-align: left;
}

.educationDetail .secCost table td:last-of-type {
  width: 10%
}

.educationDetail .secCost .borderBox {
  font-size: 12px;
  margin-top: 15px;
  padding: 20px
}

.educationDetail .secCost .borderBox .notes li {
  font-size: 12px;
  display: block;
  padding-left: 1em;
  text-indent: -1em
}

.educationDetail .secLecturer .profileBlock {
  border: solid 1px #dedede;
  margin-bottom: 25px;
  padding: 30px
}

.educationDetail .secLecturer .profileBlock img {
  float: left
}

.educationDetail .secLecturer .profileBlock .profileBox {
  float: right;
  width: 492px
}

.educationDetail .secLecturer .profileBlock .profileBox .nameBox {
  background: url(../images/common/line-dot-orizontal04.gif) repeat-x bottom;
  margin-bottom: 20px;
  padding-bottom: 16px
}

.educationDetail .secLecturer .profileBlock .profileBox .nameBox .names {
  display: inline;
  font-size: 28px;
  line-height: 28px;
  vertical-align: top
}

.educationDetail .secLecturer .profileBlock .profileBox .nameBox span {
  display: inline-block;
  font-family: Futura, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 28px;
  margin: 0 0 0 10px
}

.educationDetail .secLecturer .profileBlock .profileBox .profile dt {
  margin-bottom: 15px !important
}

.educationDetail .secLecturer .profileBlock .profileBox .profile dd {
  line-height: 155%
}

.educationDetail .secLecturer .profileUnder dt {
  margin-bottom: 5px
}

.educationDetail .secLecturer .profileUnder dd span {
  font-size: 11px
}

.educationDetail .secLecturer .profileUnder dd.dot {
  padding-left: 1em;
  text-indent: -1em
}

.educationDetail .secLecturer .profileUnder dd+dt {
  margin-top: 24px
}

.educationDetail .secBooks {
  margin-top: 65px
}

.educationDetail .secBooks .bookBlock+.bookBlock {
  margin-top: 76px
}

.educationDetail .secBooks .bookBlock .bookBox .fl {
  width: 120px
}

.educationDetail .secBooks .bookBlock .bookBox .fl img+a {
  display: block;
  margin-top: 20px
}

.educationDetail .secBooks .bookBlock .bookBox .fr {
  width: 565px
}

.educationDetail .secBooks .bookBlock .bookBox .fr .commentary .titleBlock {
  background: url(../images/common/line-dot-orizontal02.gif) repeat-x bottom;
  margin-bottom: 17px;
  padding-bottom: 14px
}

.educationDetail .secBooks .bookBlock .bookBox .fr .commentary .titleBlock .subTitle {
  font-weight: bold
}

.educationDetail .secBooks .bookBlock .bookBox .fr .commentary .titleBlock span {
  display: block;
  margin-top: 15px
}

.educationDetail .secBooks .bookBlock .bookBox .fr .commentary .pointList {
  margin: 14px 0 0
}

.educationDetail .secBooks .bookBlock .bookBox .fr .commentary .pointList li {
  font-weight: bold
}

.educationDetail .secBooks .bookBlock .bookBox .fr .commentary .paragraph .in {
  display: block;
  font-weight: bold;
  margin: 20px 0;
  padding-left: 1em;
  text-indent: 0
}

.educationDetail .secBooks .bookBlock .bookBox .fr .commentary .paragraph p {
  text-indent: 1em
}

.educationDetail .secBooks .bookBlock .bookBox .fr .indexList {
  border: solid 1px #e8e8e8;
  margin-top: 40px;
  padding: 19px 15px
}

.educationDetail .secBooks .bookBlock .bookBox .fr .indexList .indexTitle {
  font-weight: bold;
  margin-bottom: 18px
}

.educationDetail .secBooks .bookBlock .bookBox .fr .indexList .index {
  font-size: 12px
}

.educationDetail .secBooks .bookBlock .bookBox .fr .indexList .index li {
  float: left;
  width: 265px
}

.educationDetail .secBooks .bookBlock .bookBox .fr .indexList .index li dt {
  padding-left: 3em;
  text-indent: -3em
}

.educationDetail .secBooks .bookBlock .bookBox .fr .indexList .index li dt+dd {
  margin-top: 5px
}

.educationDetail .secBooks .bookBlock .bookBox .fr .indexList .index li dd+dt {
  margin-top: 30px
}

.elearning .educationDetail .secTopComment .subTitle {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 15px
}

.elearning .educationDetail .secElearningFirst,
.elearning .educationDetail .secElearningSecond,
.elearning .educationDetail .secElearningThird {
  margin-top: 35px;
}

.elearning .educationDetail .secElearningFirst .subTitle,
.elearning .educationDetail .secElearningSecond .subTitle,
.elearning .educationDetail .secElearningSecond .secElearningThird {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px
}

.elearning .educationDetail .hWrap .hTitle {
  font-size: 27px;
}

.elearning .educationDetail .greenBox {
  background-color: #F2F9F9;
  border: 1px solid #C6DEE2;
  padding: 20px;
  margin-bottom: 10px;
  display: table;
  width: calc(100% - 40px);
  max-width: 705px;
}

.elearning .educationDetail .greenBox div {
  display: table-cell;
  vertical-align: middle;
}

.elearning .educationDetail .greenBox.empty {
  padding: 4px;
  width: calc(100% - 8px);
  max-width: 705px;
}

.elearning .educationDetail .greenBox .icon,
.elearning .educationDetail .greenBox div:first-child {
  width: 140px;
  /*height: 140px;
  float: left;*/
}

.elearning .educationDetail .greenBox .title,
.elearning .educationDetail .greenBox .text {
  margin-left: 20px;
}

.elearning .educationDetail .greenBox .title {
  color: #44A59B;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.elearning .educationDetail .secElearningFirst .notice {
  color: #44A59B;
  text-align: center;
  margin-bottom: 30px;
}

.elearning .educationDetail .secElearningSecond .grayBox {
  background-color: #F5F5F5;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  padding: 30px;
  margin-bottom: 30px;
}

.elearning .educationDetail .secElearningSecond .grayBox .title {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 15px;
}

.elearning .educationDetail .secElearningSecond .grayBox .text .btnGhost {
  width: 400px;
  margin: 20px auto 0;
  background-color: #ffffff;
}

.elearning .educationDetail .secElearningSecond .grayBox .text .btnGhost:hover {
  background-color: #186aab;
}

.elearning .educationDetail .greyBoxTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 705px;
}

.elearning .educationDetail .greyBoxTable .grayBox {
  width: calc(50% - 77px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.elearning .educationDetail .greyBoxTable .grayBox .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.elearning .educationDetail .greyBoxTable .grayBox .text p {
  margin-bottom: 20px;
}

.elearning .educationDetail .greyBoxTable .grayBox .text>* {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.elearning .educationDetail .greyBoxTable .grayBox:first-child {
  margin-right: 15px;
}

.elearning .educationDetail .greyBoxTable .grayBox:last-child {
  margin-left: 15px;
}

.elearning .educationDetail .greyBoxTable .grayBox .text .btnGhost {
  width: 100%;
  margin-top: auto;
}

.elearning .educationDetail .secElearningThird .col-2 {
  text-align: left;
  margin-bottom: 40px;
}

.elearning .educationDetail .secElearningThird .col-2 div {
  display: inline-block;
  vertical-align: top;
}

.elearning .educationDetail .secElearningThird .col-2 div:first-child {
  width: 145px;
}

.elearning .educationDetail .secElearningThird .col-2 div:last-child {
  width: 550px;
}

.elearning .educationDetail .secElearningThird .col-2 div .title {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 15px;
}

.elearning .educationDetail .secElearningThird .col-2 div .text {
  margin-bottom: 20px;
}

.elearning .educationDetail .secElearningThird .col-2 div .pageLink {
  text-align: right;
}

.elearning .educationDetail .secElearningThird .col-2 div .pageLink a {
  background: url("../images/common/icon-arrow-link03_off.png") no-repeat scroll left center;
  display: inline-block;
  padding-left: 18px;
  color: #186aab;
  font-weight: bold;
  vertical-align: text-bottom;
  font-size: 14px;
}

.elearning .educationDetail .secElearningThird .col-2 div .pageLink a:hover {
  opacity: 0.8;
}

#service_map .linkArea .grayBox {
  float: left;
  margin: 0 19px 30px 0;
  position: relative;
  width: 220px;
  height: 256px;
  background-color: transparent;
  border: solid 1px;
}

#service_map .linkArea .grayBox:after,
#service_map .linkArea .grayBox:before {
  display: block;
  left: calc(50% - 13px);
  position: absolute;
  top: -13px;
}

#service_map .linkArea .grayBox:before {
  /*border-style: solid;
  border-width: 40px 40px 0 0;*/
  content: '';
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
}

#service_map .linkArea .grayBox:after {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 2px 0 0 7px;
  text-align: center;
}

#service_map .linkArea .grayBox:first-child {
  border-color: #f18d00;
}

#service_map .linkArea .grayBox:first-child:before {
  background-color: #f18d00;
}

#service_map .linkArea .grayBox:first-child:after {
  content: '1'
}

#service_map .linkArea .grayBox:nth-child(2) {
  border-color: #dd6080;
}

#service_map .linkArea .grayBox:nth-child(2):before {
  background-color: #dd6080;
}

#service_map .linkArea .grayBox:nth-child(2):after {
  content: '2'
}

#service_map .linkArea .grayBox:nth-child(3) {
  border-color: #8bb524;
}

#service_map .linkArea .grayBox:nth-child(3):before {
  background-color: #8bb524;
}

#service_map .linkArea .grayBox:nth-child(3):after {
  content: '3'
}

#service_map .linkArea .grayBox:nth-child(4) {
  border-color: #8d519c;
}

#service_map .linkArea .grayBox:nth-child(4):before {
  background-color: #8d519c;
}

#service_map .linkArea .grayBox:nth-child(4):after {
  content: '4'
}

#service_map .linkArea .grayBox:nth-child(5) {
  border-color: #009fa8;
}

#service_map .linkArea .grayBox:nth-child(5):before {
  background-color: #009fa8;
}

#service_map .linkArea .grayBox:nth-child(5):after {
  content: '5'
}

#service_map .linkArea .grayBox:nth-child(3n) {
  margin-right: 0
}

#service_map .linkArea ul {
  padding: 38px 20px 22px
}

#service_map .linkArea li a,
#service_map .linkArea li span {
  background: url("../images/common/icon-arrow-link02.png") no-repeat 0 0;
  display: inline-block;
  letter-spacing: -0.04em;
  line-height: 1.2;
  padding: 0 0 0 16px
}

#service_map .linkArea li+li {
  margin-top: 7px
}

#service_map img {
  margin-bottom: 40px;
}


.fieldList .hWrap.fieldTop {
  background: url(../images/pages/bg-fieldlist-title.png) no-repeat right top;
  margin-bottom: 30px;
  padding: 24px 0 12px
}

.fieldList .hWrap.fieldTop .hTitle {
  color: #186aab;
  font-size: 30px;
  font-weight: bold;
  line-height: 138%
}

.fieldList .hMintitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px
}

.fieldList .topTxtArea {
  margin: 5px 0 45px
}

.fieldList .topTxtArea .tit {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px
}

.fieldList.top .fieldListDetail {
  margin-right: -19px
}

.fieldList.top .fieldListDetail li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  margin: 0 19px 19px 0;
  border: 1px #e8e8e8 solid;
  width: 222px;
  padding-bottom: 33px
}

.fieldList.top .fieldListDetail li .title {
  background: #f5f5f5;
  border-bottom: 1px #e8e8e8 solid;
  text-align: center;
  font-size: 20px;
  padding: 18px 5px 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  line-height: 1.2
}

.fieldList.top .fieldListDetail li .title span {
  font-family: Futura, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: normal
}

.fieldList.top .fieldListDetail li .title.website a {
  color: #a54a98
}

.fieldList.top .fieldListDetail li .title.website a span {
  color: #b778ad
}

.fieldList.top .fieldListDetail li .title.mobile a {
  color: #50ace2
}

.fieldList.top .fieldListDetail li .title.mobile a span {
  color: #8fcaf0
}

.fieldList.top .fieldListDetail li .title.system a {
  /*color: #94c973*/
  color: #CB9515;
}

.fieldList.top .fieldListDetail li .title.system a span {
  /*color: #b6d8a3*/
  color: #CB9515;
}

.fieldList.top .fieldListDetail li .title.electronics a {
  color: #a5659f
}

.fieldList.top .fieldListDetail li .title.electronics a span {
  color: #b789b2
}

.fieldList.top .fieldListDetail li .title.sier a {
  color: #0870d0;
}

/*
.fieldList.top .fieldListDetail li .title.agile  {
  font-size: 14px;
  padding: 12px 18px 12px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  line-height: 1.2;
}
*/
.fieldList.top .fieldListDetail li .title.agile a,
.fieldList.top .fieldListDetail li .title.agile a span {
  color: #6AB558;
}

.fieldList.top .fieldListDetail li .title.sier a span {
  color: #5890d8
}

.fieldList.top .fieldListDetail li .title.digital a {
  color: #5e67ae
}

.fieldList.top .fieldListDetail li .title.digital a span {
  color: #848abd
}

.fieldList.top .fieldListDetail li .title.iot a {
  color: #c3699d
}

.fieldList.top .fieldListDetail li .title.iot a span {
  color: #c779a5
}

.fieldList.top .fieldListDetail li .title.finance a {
  color: #adb559
}

.fieldList.top .fieldListDetail li .title.finance a span {
  color: #bdc381
}

.fieldList.top .fieldListDetail li .title.medical a {
  color: #f08522
}

.fieldList.top .fieldListDetail li .title.medical a span {
  color: #f08522
}

.fieldList.top .fieldListDetail li .title.robot a {
  color: #9a6cd8
}

.fieldList.top .fieldListDetail li .title.robot a span {
  color: #9a6cd8
}

.fieldList.top .fieldListDetail li .title.cloudsystem a {
  color: #006dd2
}

.fieldList.top .fieldListDetail li .title.cloudsystem a span {
  color: #006dd2
}

.fieldList.top .fieldListDetail li .title.connected-car a {
  color: #449466
}

.fieldList.top .fieldListDetail li .title.connected-car a span {
  color: #449466
}

.fieldList.top .fieldListDetail li .title.ai a {
  color: #D83E3E
}

.fieldList.top .fieldListDetail li .title.ai a span {
  color: #D83E3E
}

.fieldList.top .fieldListDetail li .bgShadow {
  background: url(../images/top/bg-top-quality.png) no-repeat center bottom;
  min-height: 114px;
  text-align: center;
  padding-top: 30px
}

.fieldList.top .fieldListDetail li .bgShadow img {
  -webkit-transition: 0.3s;
  transition: 0.3s
}

.fieldList.top .fieldListDetail li:hover .animeImg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.fieldList.top .fieldListDetail li:hover .title {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.fieldDetail .fieldContents {
  position: relative
}

.fieldDetail .fieldContents .mv {
  position: absolute;
  right: 0
}

.field01 .fieldDetail .fieldContents .mv {
  top: 15px
}

.field02 .fieldDetail .fieldContents .mv {
  right: -3px;
  top: 2px
}

.field03 .fieldDetail .fieldContents .mv {
  right: -18px;
  top: -20px
}

.field04 .fieldDetail .fieldContents .mv {
  right: 2px;
  top: -2px
}

.field05 .fieldDetail .fieldContents .mv {
  top: 0px
}

.field06 .fieldDetail .fieldContents .mv {
  top: 18px
}

.field07 .fieldDetail .fieldContents .mv {
  top: 0px
}

.field08 .fieldDetail .fieldContents .mv {
  right: -1px;
  top: 21px
}

.field09 .fieldDetail .fieldContents .mv {
  right: 7px;
  top: 0px
}

.field10 .fieldDetail .fieldContents .mv {
  top: 0;
  right: -23px
}

.field11 .fieldDetail .fieldContents .mv {
  right: 8px;
  top: -1px
}

.field12 .fieldDetail .fieldContents .mv {
  right: 15px;
  top: -1px
}

.field13 .fieldDetail .fieldContents .mv {
  right: 7px;
  top: -7px
}

.field15 .fieldDetail .fieldContents .mv {
  right: 0px;
  top: 0px
}

.connected-car .fieldDetail .fieldContents .mv {
  top: 1px
}

.connected-car .fieldDetail .fieldContents .secIssue .siteIssue dt img {
  left: -9px;
  position: relative;
  top: -1px
}

.field13 .fieldDetail .fieldContents .secIssue .siteIssue dt img {
  left: 0;
  position: relative;
  top: 5px
}

.field13 .fieldDetail .secRelated .boxList {
  display: block;
  margin-bottom: 65px;
}

.field13 .fieldDetail .secRelated .boxList li {
  border: solid 1px #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.field13 .fieldDetail .secRelated .boxList li+li {
  margin-top: 20px;
}

.field13 .fieldDetail .secRelated .boxList li a {
  min-height: 80px;
  width: 100%;
}

.field13 .fieldDetail .secRelated .boxList li a:hover {
  opacity: 0.7;
}

.field13 .fieldDetail .secRelated .boxList li dl {
  width: 100%;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.field13 .fieldDetail .secRelated .boxList li dl dt,
.field13 .fieldDetail .secRelated .boxList li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.field13 .fieldDetail .secRelated .boxList li dl dt {
  background-color: #e8e8e8;
  width: 160px;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.field13 .fieldDetail .secRelated .boxList li dl dd {
  background-repeat: no-repeat;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.field13 .fieldDetail .secRelated .boxList li dl dd span {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  padding-left: 16px;
  margin-left: 16px;
  color: #186aab;
  font-size: 17px;
}

.field13 .fieldDetail .secRelated .boxList li:nth-child(1) dl dd {
  background-image: url("../images/pages/img-field13-related--01-01.png");
  background-position: right 20px center;
}




.field15 .fieldDetail .secIconCenter {
  text-align: center;
  margin: 20px 0;
  clear: both;
}

.field15 .fieldDetail .secAgileTesting {
  margin-bottom: 65px;
}

.field15 .fieldDetail .secAgileTesting .subTitle {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 15px
}

.field15 .fieldDetail .secAgileTesting .greenFrame,
.field15 .fieldDetail .secAgileTesting .blueFrame {
  padding: 25px;
  margin-bottom: 40px;
  border-radius: 4px;
}

.field15 .fieldDetail .secAgileTesting .greenFrame {
  border: 2px solid #44A59B;
}

.field15 .fieldDetail .secAgileTesting .blueFrame {
  border: 2px solid #186AAB;
}

.field15 .fieldDetail .secAgileTesting .greenFrame h4,
.field15 .fieldDetail .secAgileTesting .blueFrame h4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.field15 .fieldDetail .secAgileTesting .greenFrame p,
.field15 .fieldDetail .secAgileTesting .blueFrame p {
  margin-bottom: 20px;
}

.field15 .fieldDetail .secAgileTesting .greenFrame h5,
.field15 .fieldDetail .secAgileTesting .blueFrame h5,
.field15 .fieldDetail .secAgileTesting .greenFrame h6,
.field15 .fieldDetail .secAgileTesting .blueFrame h6 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.field15 .fieldDetail .secAgileTesting .greenFrame h4 {
  color: #44A59B;
}

.field15 .fieldDetail .secAgileTesting .blueFrame h4 {
  color: #186AAB;
}

.field15 .fieldDetail .secAgileTesting .blueFrame h5,
.field15 .fieldDetail .secAgileTesting .blueFrame h6,
.field15 .fieldDetail .secAgileTesting .greenFrame h5,
.field15 .fieldDetail .secAgileTesting .greenFrame h6 {}

.field15 .fieldDetail .secAgileTesting .left,
.field15 .fieldDetail .secAgileTesting .right {
  display: inline-block;
  width: calc(50% - 24px);
  padding: 10px;
  vertical-align: top;
}

.field15 .fieldDetail .secAgileTesting .left ul,
.field15 .fieldDetail .secAgileTesting .right ul {
  margin: 0 20px;
}

.field15 .fieldDetail .right-link--wtarrow {
  float: right;
  margin-top: 20px;
}

.field15 .fieldDetail .right-link--wtarrow a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #186aab;
  display: block;
  font-size: 12px;
  font-weight: normal;

  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  background-repeat: no-repeat;
  padding-left: 16px;
  position: relative;
  z-index: 2;
}

.field15 .fieldDetail .right-link--wtarrow a span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  background-image: none;
}

.field15 .fieldDetail .right-link--wtarrow a:hover {
  opacity: .8;
}

.field15 .fieldDetail .pointBalloon.pos01 {
  height: 110px;
}

.field15 .fieldDetail .pointBalloon.pos02 {
  height: 130px;
}

.field15 .fieldDetail .pointBalloon {
  line-height: 140%;
  margin: 30px 0 0;
  width: 100%;
}

.field15 .fieldDetail .pointBalloon .human01 {
  left: 50px;
  position: absolute;
  top: 22px;
  z-index: 1;
}

.field15 .fieldDetail .pointBalloon .human02 {
  left: 50px;
  position: absolute;
  top: 34px;
  z-index: 1;
}

.field15 .fieldDetail .pointBalloon.pos01 p {
  left: 120px;
  right: 30px;
  text-align: left;
  margin-top: 27px;
  position: absolute;
}

.field15 .fieldDetail .pointBalloon.pos02 p {
  left: 130px;
  right: 50px;
  text-align: left;
  margin-top: 27px;
  position: absolute;
}

.field15 .fieldDetail .caseBlock .subTitle {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-top: 25px;
  margin-bottom: 25px
}

.field15 .fieldDetail .caseBlock .catch {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px
}

.fieldDetail .secVoice {
  margin-bottom: 65px
}

.fieldDetail .secVoice .caseBlock .small {
  margin-top: 8px;
  font-size: 11px;
  text-align: right;
}

.fieldDetail .secVoice .caseBlock .left,
.fieldDetail .secVoice .caseBlock .right {
  display: inline-block;
  width: calc(50% - 14px);
  vertical-align: top;
}

.fieldDetail .secVoice .caseBlock .left {
  margin-right: 10px;
}

.fieldDetail .secVoice .caseBlock .left img {
  width: 100%;
  height: auto;

}

.fieldDetail .secVoice .caseBlock .right {
  margin-left: 10px;
}

.fieldDetail .secVoice .caseBlock .right p {
  font-size: 16px;
}

.fieldDetail .secVoice .caseBlock .right .btnGhost {
  width: 338px;
}

.connected-car .fieldDetail .fieldContents .secIssue .secPoints .subTitle:not(:first-of-type) {
  margin-top: 9px
}

.connected-car .fieldDetail .fieldContents .all {
  width: 100%
}

.connected-car .fieldDetail .fieldContents .secTestList {
  margin-bottom: 20px
}

.connected-car .fieldDetail .fieldContents .secTestList:nth-child(3) {
  margin-bottom: 45px
}

.fieldDetail .fieldTopDetail {
  margin-bottom: 40px;
  min-height: 120px
}

.fieldDetail .fieldTopDetail .hTitle {
  color: #393939;
  font-size: 28px;
  font-weight: bold
}

.fieldDetail .fieldTopDetail .txt {
  margin-top: 7px;
  width: 580px
}

.fieldDetail .detailTxt+.secTestList {
  margin-top: 23px
}

.fieldDetail .secTestList {
  margin: 0 0 45px 0
}

.fieldDetail .secTestList .box01,
.fieldDetail .secTestList .box02 {
  width: 342px
}

.fieldDetail .secTestList .box01 .title,
.fieldDetail .secTestList .box02 .title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0;
  text-align: center
}

.fieldDetail .secTestList .box01 .box,
.fieldDetail .secTestList .box02 .box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 0 1px 1px 1px;
  *min-height: 280px;
  padding: 13px 10px 15px 20px
}

.fieldDetail .secTestList .box01 .box ul li,
.fieldDetail .secTestList .box02 .box ul li {
  line-height: 200%;
  padding-left: 23px
}

.fieldDetail .secTestList .box01 .box+.title,
.fieldDetail .secTestList .box02 .box+.title {
  margin-top: 20px
}

.fieldDetail .secTestList .box01 {
  float: left
}

.fieldDetail .secTestList .box01 .title {
  background: #186aab
}

.fieldDetail .secTestList .box01 ul li {
  background: url(../images/pages/icon-check01.png) no-repeat left 10px
}

.fieldDetail .secTestList .box02 {
  float: right
}

.fieldDetail .secTestList .box02 .title {
  background: #1ba7aa
}

.fieldDetail .secTestList .box02 .box {
  height: 100%;
  margin-top: -53px
}

.field05 .fieldDetail .secTestList .box02 .box {
  margin-top: 0
}

.field05 .fieldDetail .secTestList .box02 .box ul {
  margin-top: 0
}

.fieldDetail .secTestList .box02 .box ul {
  margin-top: 50px
}

.fieldDetail .secTestList .box02 .box ul li {
  background: url(../images/pages/icon-check02.png) no-repeat left 10px
}

.fieldDetail .secTestTable {
  margin: 0 0 45px 0
}

.fieldDetail .secTestTable .title {
  font-size: 18px;
  text-align: center;
  background: #f5f5f5;
  padding: 15px 0
}

.fieldDetail .secTestTable table.demonstration {
  border: solid 1px #186aab;
  font-size: 14px;
  margin-top: 20px;
  width: 100%
}

.fieldDetail .secTestTable table.demonstration+table.demonstration {
  margin-top: 40px
}

.fieldDetail .secTestTable table.demonstration+.title {
  margin-top: 60px
}

.fieldDetail .secTestTable table.demonstration tr:last-of-type td,
.fieldDetail .secTestTable table.demonstration tr:last-of-type th {
  border-bottom: none
}

.fieldDetail .secTestTable table.demonstration tr td,
.fieldDetail .secTestTable table.demonstration tr th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 15px
}

.fieldDetail .secTestTable table.demonstration tr th {
  color: #fff;
  background: #186aab;
  border-bottom: solid 1px #fff;
  font-weight: bold;
  width: 105px
}

.fieldDetail .secTestTable table.demonstration tr td {
  border-bottom: solid 1px #cfdfec
}

.fieldDetail .secTestTable table.demonstration tr td dl.list dt {
  font-weight: bold
}

.fieldDetail .secTestTable table.demonstration tr td dl.list+dl.list {
  margin-top: 35px
}

.fieldDetail .detailTxt+.secIssue,
.offshoreDetail .detailTxt+.secIssue {
  margin-top: 45px
}

.fieldDetail .secIssue,
.offshoreDetail .secIssue {
  margin-bottom: 65px
}

.fieldDetail .secIssue .siteIssue dt,
.offshoreDetail .secIssue .siteIssue dt {
  float: left;
  width: 90px
}

.fieldDetail .secIssue .siteIssue dt img,
.offshoreDetail .secIssue .siteIssue dt img {
  margin-top: 10px
}

.offshoreDetail .secIssue .siteIssue.field_solution03 dt {
  float: left;
  width: 103px
}

.offshoreDetail .secIssue .siteIssue.field_solution05 dt {
  float: left;
  width: 130px;
  margin-top: -15px;
}

.offshoreDetail .secCostQuality .siteIssue.field_solution05-nobox dt {
  float: left;
  width: 140px;
}

.fieldDetail .secIssue .siteIssue.field_bizsystem dt img {
  margin-top: 15px
}


,
.fieldDetail .secIssue .siteIssue.field_ai dt img,
.fieldDetail .secIssue .siteIssue.field_agile dt img {
  margin-top: 20px
}

.offshoreDetail .secIssue .siteIssue.field_solution03 dt img,
.offshoreDetail .secIssue .siteIssue.field_solution05 dt img {
  margin-top: 10px
}

.fieldDetail .secIssue .siteIssue dd,
.offshoreDetail .secIssue .siteIssue dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background: #f5f5f5;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 20px 106px;
  padding: 17px 22px;
  position: relative
}

.fieldDetail .secIssue .siteIssue.field_agile dd,
.offshoreDetail .secIssue .siteIssue.field_solution03 dd {
  margin: 0 0 20px 120px;
}

.offshoreDetail .secIssue .siteIssue.field_solution05 dd {
  margin: 0 0 20px 130px;
}

.offshoreDetail .secCostQuality .siteIssue.field_solution05-nobox dd {
  margin: 0 0 0 180px;
}

.field03 .fieldDetail .secIssue .siteIssue dd,
.field05 .fieldDetail .secIssue .siteIssue dd,
.field07 .fieldDetail .secIssue .siteIssue dd,
.field08 .fieldDetail .secIssue .siteIssue dd,
.solution03 .offshoreDetail .secIssue .siteIssue dd {
  margin: 0 0 20px 130px
}

.solution05 .offshoreDetail .secIssue .siteIssue dd {
  margin: 0 0 20px 140px;
}

.fieldDetail .secIssue .siteIssue dd:after,
.fieldDetail .secIssue .siteIssue dd:before,
.offshoreDetail .secIssue .siteIssue dd:after,
.offshoreDetail .secIssue .siteIssue dd:before {
  border: solid transparent;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 55px;
  width: 0
}

.fieldDetail .secIssue .siteIssue.field_agile dd:after,
.fieldDetail .secIssue .siteIssue.field_agile dd:before {
  top: 66px;
}

.offshoreDetail .secIssue .siteIssue.field_solution03 dd:after,
.offshoreDetail .secIssue .siteIssue.field_solution03 dd:before,
.offshoreDetail .secIssue .siteIssue.field_solution05 dd:after {
  top: 55px;
}

.fieldDetail .secIssue .siteIssue dd:after,
.offshoreDetail .secIssue .siteIssue dd:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #f5f5f5;
  border-width: 13px;
  margin-top: -13px
}

.fieldDetail .secIssue .siteIssue dd:before,
.offshoreDetail .secIssue .siteIssue dd:before {
  border-color: rgba(222, 222, 222, 0);
  border-right-color: #f5f5f5;
  border-width: 14px;
  margin-top: -14px
}

.fieldDetail .secIssue .siteIssue dd ul li,
.offshoreDetail .secIssue .siteIssue dd ul li {
  padding-left: 13px;
  text-indent: -13px
}

.offshoreDetail .secCostQuality .siteIssue.field_solution05-nobox dd ul {
  padding-top: 24px;
}

.offshoreDetail .secCostQuality .siteIssue.field_solution05-nobox dd ul li {
  color: #186aab;
  font-weight: bold;
  /*font-size: 22px;*/
}

.fieldDetail .secIssue .secPoints .subTitle,
.offshoreDetail .secIssue .secPoints .subTitle {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px
}

.fieldDetail .secIssue .secPoints .txt,
.offshoreDetail .secIssue .secPoints .txt {
  line-height: 160%
}

.fieldDetail .secIssue section+section,
.offshoreDetail .secIssue section+section {
  margin-top: 15px
}

.fieldDetail .secVerification {
  margin-bottom: 65px
}

.fieldDetail .secVerification li {
  overflow: hidden;
  *zoom: 1;
  background: url(../images/common/line-dot-orizontal03.gif) repeat-x bottom;
  margin-bottom: 40px;
  padding-bottom: 40px
}

.fieldDetail .secVerification li sup {
  font-size: 11px;
  vertical-align: super
}

.fieldDetail .secVerification li .attentionTxt {
  font-size: 12px
}

.fieldDetail .secVerification li:last-child {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.fieldDetail .secVerification li .title {
  float: left
}

.fieldDetail .secVerification li .txt {
  float: right;
  width: 473px
}

.fieldDetail .secVerification li .txt img {
  margin-top: 20px
}

.fieldDetail .secVerification li .txt .anchorLink {
  text-align: right;
  margin-top: 15px
}

.fieldDetail .secVerification li .txt .anchorLink a {
  background: url("../images/common/icon-arrow-link03_off.png") no-repeat scroll left center;
  display: inline-block;
  padding-left: 18px
}

.fieldDetail .secVerification li .txt .serviceBox {
  background: #f6fcfc;
  border: solid 1px #d1e6e6;
  margin-top: 18px;
  padding: 22px
}

.fieldDetail .secVerification li .txt .serviceBox dl dt {
  float: left;
  width: 85px
}

.fieldDetail .secVerification li .txt .serviceBox dl dd {
  padding-left: 100px
}

.fieldDetail .secVerification li .txt .serviceBox dl dd:before {
  content: ":";
  margin-right: 0.5em
}

.fieldDetail .btnGhost,
.secSupportimage .btnArea.fAuto .btnGhost {
  margin: 40px auto 0;
  width: 340px
}

.fieldDetail .btnGhost a {
  font-size: 18px
}

.fieldDetail .btnArea.fAI,
.fieldDetail .btnArea.fMedical,
.secSupportimage .btnArea.fAuto {
  overflow: hidden;
  *zoom: 1;
  font-size: 0
}

.fieldDetail .btnArea.fAI .btnGhost,
.fieldDetail .btnArea.fMedical .btnGhost,
.secSupportimage .btnArea.fAuto .btnGhost {
  display: inline-block
}

.fieldDetail .btnArea.fAI .btnGhost a,
.fieldDetail .btnArea.fMedical .btnGhost a,
.secSupportimage .btnArea.fAuto .btnGhost a {
  font-size: 15px
}

.fieldDetail .btnArea.fAI .btnGhost a span,
.fieldDetail .btnArea.fMedical .btnGhost a span,
.secSupportimage .btnArea.fAuto .btnGhost a span {
  display: inline-block;
  padding-top: 3px
}

.fieldDetail .btnArea.fAI .btnGhost+.btnGhost,
.fieldDetail .btnArea.fMedical .btnGhost+.btnGhost,
.secSupportimage .btnArea.fAuto .btnGhost+.btnGhost {
  margin-left: 17px
}

.secSupportimage .btnArea.fAuto {
  margin-bottom: 20px
}

.fieldDetail .secDemonstration {
  margin-bottom: 65px
}

.field04 .fieldDetail .secDemonstration .hTitle {
  font-size: 25px
}

.fieldDetail .secfieldService .hTitle {
  font-size: 27px
}

.fieldDetail .secfieldService .img {
  margin-bottom: 29px
}

.fieldDetail .secfieldService .linkArea .grayBox {
  float: left;
  margin: 0 19px 17px 0;
  position: relative;
  width: 222px
}

.fieldDetail .secfieldService .linkArea .grayBox:after,
.fieldDetail .secfieldService .linkArea .grayBox:before {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.fieldDetail .secfieldService .linkArea .grayBox:before {
  border-style: solid;
  border-width: 40px 40px 0 0;
  content: ''
}

.fieldDetail .secfieldService .linkArea .grayBox:after {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0 0 7px
}

.fieldDetail .secfieldService .linkArea .grayBox:first-child:before {
  border-color: #f18d00 transparent transparent transparent
}

.fieldDetail .secfieldService .linkArea .grayBox:first-child:after {
  content: '1'
}

.fieldDetail .secfieldService .linkArea .grayBox:nth-child(2):before {
  border-color: #dd6080 transparent transparent transparent
}

.fieldDetail .secfieldService .linkArea .grayBox:nth-child(2):after {
  content: '2'
}

.fieldDetail .secfieldService .linkArea .grayBox:nth-child(3):before {
  border-color: #8bb524 transparent transparent transparent
}

.fieldDetail .secfieldService .linkArea .grayBox:nth-child(3):after {
  content: '3'
}

.fieldDetail .secfieldService .linkArea .grayBox:nth-child(4):before {
  border-color: #8d519c transparent transparent transparent
}

.fieldDetail .secfieldService .linkArea .grayBox:nth-child(4):after {
  content: '4'
}

.fieldDetail .secfieldService .linkArea .grayBox:nth-child(5):before {
  border-color: #009fa8 transparent transparent transparent
}

.fieldDetail .secfieldService .linkArea .grayBox:nth-child(5):after {
  content: '5'
}

.fieldDetail .secfieldService .linkArea .grayBox:nth-child(3n) {
  margin-right: 0
}

.fieldDetail .secfieldService .linkArea ul {
  padding: 38px 20px 22px
}

.fieldDetail .secfieldService .linkArea li a,
.fieldDetail .secfieldService .linkArea li span {
  background: url(../images/common/icon-arrow-link02.png) no-repeat 0 0;
  display: inline-block;
  letter-spacing: -0.04em;
  line-height: 1.2;
  padding: 0 0 0 16px
}

.fieldDetail .secfieldService .linkArea li+li {
  margin-top: 7px
}

.fieldDetail .secDevice {
  margin-top: 70px
}

.fieldDetail .secDevice .hWrap {
  margin-bottom: 15px
}

.fieldDetail .secDevice #tab {
  background: #eee;
  margin: 20px 0 40px;
  padding: 20px 20px 0 20px
}

.fieldDetail .secDevice #tab li {
  display: table;
  float: left;
  height: 45px;
  width: 133px
}

.fieldDetail .secDevice #tab li.active a {
  border-radius: 5px 5px 0 0;
  background: #fff;
  color: #186aab
}

.fieldDetail .secDevice #tab li a {
  display: table-cell;
  font-weight: bold;
  line-height: 110%;
  text-align: center;
  vertical-align: middle
}

.fieldDetail .secDevice .detail .deviceTit {
  font-size: 16px;
  font-weight: bold
}

.fieldDetail .secDevice .detail table.device {
  font-size: 12px;
  margin: 10px 0 15px;
  width: 100%
}

.fieldDetail .secDevice .detail table.device td,
.fieldDetail .secDevice .detail table.device th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dedede;
  text-align: center
}

.fieldDetail .secDevice .detail table.device tr:first-of-type {
  font-size: 10px !important
}

.fieldDetail .secDevice .detail table.device th {
  background: #f9fcf6;
  padding: 13px 0px
}

.fieldDetail .secDevice .detail table.device th:first-of-type {
  background: #f6fcfc;
  width: 80px
}

.fieldDetail .secDevice .detail table.device th:nth-of-type(2) {
  background: #f6fcfc;
  padding: 13px 10px;
  width: 165px
}

.fieldDetail .secDevice .detail table.device td:first-of-type {
  text-align: left;
  padding: 10px 5px
}

.fieldDetail .secDevice .detail table.device td:nth-of-type(2) {
  font-size: 12px;
  padding: 10px 5px
}

.fieldDetail .secDevice .detail#tab1 table.device th:first-of-type {
  background: #f6fcfc;
  width: 245px !important
}

.fieldDetail .secDevice .detail#tab1 table.device th:nth-of-type(2) {
  background: #f9fcf6;
  width: auto
}

.fieldDetail .secDevice .detail#tab1 table.device td:nth-of-type(2) {
  font-size: 14px
}

.fieldDetail .secDevice .detail .notes {
  font-size: 12px
}

.softwareList .hWrap.softwareTop {
  background: url(../images/pages/bg-softwarelist-title.png) no-repeat right top;
  margin-bottom: 30px;
  padding: 24px 0 12px
}

.softwareList .hWrap.softwareTop .hTitle {
  color: #186aab;
  font-size: 30px;
  font-weight: bold;
  line-height: 138%
}

.softwareList .hMintitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px
}

.softwareList .topText {
  margin-bottom: 16px
}

.softwareList .rankBox {
  background: #f2f9f9;
  border: 1px solid #dff0f0;
  margin-top: 30px;
  padding: 28px 30px 23px
}

.softwareList .rankBox .image {
  float: right;
  margin: -8px -14px 0 25px
}

.softwareList .rankBox .image img {
  width: 167px
}

.softwareList .rankBox .image.rank2021 {
  float: right;
  margin: -10px -14px 0 25px
}

.softwareList .rankBox .image.rank2021 img {
  width: 160px;
  height: auto;
}

.softwareList .rankBox .title {
  color: #464646;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 35px;
  position: relative
}

.softwareList .rankBox .title:before {
  background: url(../images/common/icon-rank.png) no-repeat;
  content: '';
  display: block;
  height: 17px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 25px
}

.softwareList .rankBox p {
  font-size: 15px;
  line-height: 1.6
}

.softwareList .sechowto {
  margin-top: 30px
}

.softwareList .sechowto dl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 1px 1px 0 0
}

.softwareList .sechowto dl dd,
.softwareList .sechowto dl dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 0 0 1px 1px
}

.softwareList .sechowto dl dt {
  background: #f5f5f5;
  font-size: 20px;
  padding: 14px 0 13px;
  text-align: center
}

.softwareList .sechowto dl dd {
  display: table;
  float: left;
  padding: 20px 22px;
  width: 234px;
  *width: 189px
}

.softwareList .sechowto dl dd.linkBox:hover {
  cursor: pointer
}

.softwareList .sechowto dl dd.linkBox:hover a {
  color: #bcbcbc
}

.softwareList .sechowto dl dd .howtoTitle {
  background: url(../images/common/icon-arrow-link02.png) no-repeat left center;
  display: table-cell;
  padding-left: 15px;
  vertical-align: middle
}

.softwareList .sechowto dl dd p {
  font-size: 14px
}

.softwareList .secTestflow {
  margin-top: 65px
}

.softwareList .secTestflow dt {
  background: #186aab;
  float: left;
  position: relative;
  width: 140px
}

.softwareList .secTestflow dt p {
  color: #fff;
  display: table;
  font-size: 16px;
  text-align: center;
  width: 100%
}

.softwareList .secTestflow dt p span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.softwareList .secTestflow dt:after {
  bottom: -22px;
  content: url(../images/common/arrow-flowlist.png);
  left: 40px;
  position: absolute
}

.softwareList .secTestflow dt:last-of-type:after {
  content: none;
  margin-left: 0
}

.softwareList .secTestflow dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 1px 1px 1px 0;
  margin-bottom: 40px;
  padding: 27px 32px 27px 172px
}

.softwareList .secTestflow dd .flowTitle {
  font-size: 20px;
  font-weight: bold
}

.softwareList .secTestflow dd p {
  margin-top: 16px
}

.softwareList .secTestflow dd div.inBox {
  margin-top: 16px;
  padding: 13px 22px
}

.softwareList .secTestflow dd div.inBox .dotList li {
  display: inline-block;
  padding-right: 30px
}

.softwareList .secTestflow dd div.inBox .title {
  font-weight: bold;
  margin-bottom: 10px
}

.softwareList .secTestflow dd div.inBox.document {
  background: url(../images/pages/bg-softwarelist-flowlist.png) no-repeat 15px center #f2f9f9;
  padding-left: 80px
}

.softwareList .secTestflow dd div.inBox.list {
  background: #f5f5f5
}

.softwareList .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 20px 0 0;
  width: 100%
}

.softwareList .pointBalloon .human01 {
  left: 140px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.softwareList .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.softwareList .pointBalloon.pos01 p {
  left: 190px;
  text-align: left
}

.softwareList .serviceList {
  margin-top: 35px
}

.softwareList .serviceList .subTitle {
  color: #393939;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px
}

.softwareList .serviceList .grayBox {
  font-size: 14px;
  padding: 30px 20px
}

.softwareList .serviceList .grayBox li {
  float: left;
  width: 220px
}

.fieldDetail .caseBlock+.caseBlock,
.softwareDetail .caseBlock+.caseBlock,
.offshoreDetail .caseBlock+.caseBlock {
  margin-top: 35px
}

.fieldDetail .caseBlock .title,
.softwareDetail .caseBlock .title,
.offshoreDetail .caseBlock .title {
  margin-bottom: 15px !important
}

.fieldDetail .borderBox,
.softwareDetail .borderBox,
.offshoreDetail .borderBox {
  border-radius: 3px;
  padding: 14px 15px
}

.fieldDetail .borderBox dd,
.fieldDetail .borderBox dt,
.softwareDetail .borderBox dd,
.softwareDetail .borderBox dt,
.offshoreDetail .borderBox dd,
.offshoreDetail .borderBox dt {
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 25px
}

.fieldDetail .borderBox dt,
.softwareDetail .borderBox dt,
.offshoreDetail .borderBox dt {
  border-radius: 3px;
  background: #186aab;
  color: #fff;
  font-size: 12px;
  margin-right: 13px;
  padding: 0 20px
}

.fieldDetail .borderBox dd,
.softwareDetail .borderBox dd,
.offshoreDetail .borderBox dd {
  font-size: 14px
}

.fieldDetail .borderBox dd.row,
.softwareDetail .borderBox dd.row,
.offshoreDetail .borderBox dd.row {
  margin-bottom: 0
}

.fieldDetail .borderBox dd.row span,
.softwareDetail .borderBox dd.row span,
.offshoreDetail .borderBox dd.row span {
  display: inline-block;
  line-height: 1.4
}

.fieldDetail .borderBox dt+dd,
.softwareDetail .borderBox dt+dd {
  margin-right: 22px
}

.offshoreDetail .borderBox dt {
  margin-top: 12px;
  margin-bottom: 0;
}

.offshoreDetail .borderBox dd {
  margin-bottom: 0;
}

.offshoreDetail .borderBox dd:last-child {
  margin-top: 12px;
}

.offshoreDetail .borderBox dt+dd {
  margin-right: 30px
}



.fieldDetail .borderBox .w78,
.softwareDetail .borderBox .w78 {
  width: 78%
}

.fieldDetail .borderBox .w85,
.softwareDetail .borderBox .w85 {
  width: 85%
}

.fieldDetail img+.demonstrationList,
.softwareDetail img+.demonstrationList {
  margin-top: 20px
}

.fieldDetail .demonstrationList,
.softwareDetail .demonstrationList {
  margin-top: 20px
}

.fieldDetail .demonstrationList+.borderBox,
.softwareDetail .demonstrationList+.borderBox {
  margin-top: 60px
}

.fieldDetail .demonstrationList .txtI,
.softwareDetail .demonstrationList .txtI {
  text-indent: -1em;
  margin-left: 1em
}

.fieldDetail .demonstrationList .txtI+.txtI,
.softwareDetail .demonstrationList .txtI+.txtI {
  margin-top: 10px
}

.fieldDetail .demonstrationList .point,
.softwareDetail .demonstrationList .point {
  color: #1ba7aa;
  font-weight: bold;
  margin-top: 15px
}

.fieldDetail .demonstrationList>li,
.softwareDetail .demonstrationList>li {
  background: #fff;
  padding: 0 20px 25px 11px;
  position: relative
}

.fieldDetail .demonstrationList>li:after,
.fieldDetail .demonstrationList>li:before,
.softwareDetail .demonstrationList>li:after,
.softwareDetail .demonstrationList>li:before {
  visibility: visible
}

.fieldDetail .demonstrationList>li:first-child,
.softwareDetail .demonstrationList>li:first-child {
  border-bottom: 1px solid #dedede;
  z-index: 10
}

.fieldDetail .demonstrationList>li:first-child:after,
.fieldDetail .demonstrationList>li:first-child:before,
.softwareDetail .demonstrationList>li:first-child:after,
.softwareDetail .demonstrationList>li:first-child:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 50%;
  position: absolute;
  pointer-events: none;
  top: 100%;
  width: 0
}

.fieldDetail .demonstrationList>li:first-child:after,
.softwareDetail .demonstrationList>li:first-child:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 11px;
  margin-left: -11px
}

.fieldDetail .demonstrationList>li:first-child:before,
.softwareDetail .demonstrationList>li:first-child:before {
  border-color: rgba(222, 222, 222, 0);
  border-top-color: #dedede;
  border-width: 12px;
  margin-left: -12px
}

.fieldDetail .demonstrationList>li:last-child,
.softwareDetail .demonstrationList>li:last-child {
  background: #f5f5f5;
  margin-bottom: 0;
  padding: 25px 20px 25px 11px;
  z-index: 1
}

.fieldDetail .demonstrationList>li:last-child p+.titDemonstration,
.fieldDetail .demonstrationList>li:last-child ul+.titDemonstration,
.softwareDetail .demonstrationList>li:last-child p+.titDemonstration,
.softwareDetail .demonstrationList>li:last-child ul+.titDemonstration {
  margin-top: 10px
}

.fieldDetail .demonstrationList>li:last-child .titDemonstration,
.softwareDetail .demonstrationList>li:last-child .titDemonstration {
  color: #1ba7aa;
  font-weight: bold
}

.fieldDetail .demonstrationList>li:last-child ul li,
.softwareDetail .demonstrationList>li:last-child ul li {
  padding-left: 1em;
  text-indent: -1em
}

.fieldDetail .demonstrationList>li .title,
.softwareDetail .demonstrationList>li .title {
  float: left
}

.fieldDetail .demonstrationList>li img,
.softwareDetail .demonstrationList>li img {
  *float: left
}

.fieldDetail .demonstrationList>li div,
.softwareDetail .demonstrationList>li div {
  width: 575px;
  display: inline-block
}

.fieldDetail .demonstrationList>li div span,
.softwareDetail .demonstrationList>li div span {
  font-weight: bold
}

.softwareDetail .hWrapPos {
  height: 95px;
  margin: -40px 0 35px;
  padding-top: 40px
}

.software01 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software01.png) no-repeat right 0
}

.software02 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software02.png) no-repeat right 0
}

.software03 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software03.png) no-repeat right 0
}

.software04 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software04.png) no-repeat right 0
}

.software05 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software05.png) no-repeat right 0
}

.software06 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software06.png) no-repeat right 0
}

.software07 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software07.png) no-repeat right 0
}

.software08 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software08.png) no-repeat right 0
}

.software09 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software09.png.html) no-repeat right 0
}

.software10 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software10.png) no-repeat right 0
}

.software11 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software11.png) no-repeat right 0
}

.software12 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software12.png) no-repeat right 0
}

.software13 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software13.png) no-repeat right 0
}

.software14 .softwareDetail .hWrapPos {
  background: url(../images/pages/bg-softwaredetail-mv-software14.png) no-repeat right 0
}

.softwareDetail .hWrapPos .softwareTopDetail {
  margin-bottom: 0;
  padding: 0
}

.softwareDetail .hWrapPos .softwareTopDetail .hTitle {
  color: #393939;
  font-weight: bold;
  font-size: 28px;
  line-height: 138%
}

.softwareDetail .hWrapPos .softwareTopDetail .hTitle span {
  font-size: 14px;
  display: block;
  line-height: 140%
}

.software02 .softwareDetail .hWrapPos .softwareTopDetail .hTitle span {
  font-size: 13px
}

.softwareDetail .detailList,
.softwareDetail .detailList01,
.softwareDetail .detailList02 {
  margin-top: 25px
}

.softwareDetail .detailList01 li,
.softwareDetail .detailList02 li,
.softwareDetail .detailList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  float: left;
  margin: 0 20px 20px 0;
  *min-height: 170px;
  padding: 15px;
  width: 342px;
  *width: 305px
}

.softwareDetail .detailList01 li:nth-child(2n),
.softwareDetail .detailList02 li:nth-child(2n),
.softwareDetail .detailList li:nth-child(2n) {
  margin-right: 0
}

.softwareDetail .detailList01 li .photoBox,
.softwareDetail .detailList01 li .txt,
.softwareDetail .detailList02 li .photoBox,
.softwareDetail .detailList02 li .txt,
.softwareDetail .detailList li .photoBox,
.softwareDetail .detailList li .txt {
  height: 100%
}

.softwareDetail .detailList01 li .photoBox,
.softwareDetail .detailList02 li .photoBox,
.softwareDetail .detailList li .photoBox {
  display: table;
  float: left;
  width: 70px
}

.softwareDetail .detailList01 li .photoBox p,
.softwareDetail .detailList02 li .photoBox p,
.softwareDetail .detailList li .photoBox p {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.softwareDetail .detailList01 li .txt,
.softwareDetail .detailList02 li .txt,
.softwareDetail .detailList li .txt {
  float: right;
  width: 220px
}

.softwareDetail .detailList01 li .txt .title,
.softwareDetail .detailList02 li .txt .title,
.softwareDetail .detailList li .txt .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px
}

.softwareDetail .detailList01 li .txt p,
.softwareDetail .detailList02 li .txt p,
.softwareDetail .detailList li .txt p {
  font-size: 14px
}

.softwareDetail .detailList01 li .txt p .notes,
.softwareDetail .detailList02 li .txt p .notes,
.softwareDetail .detailList li .txt p .notes {
  font-size: 12px
}

.software01 .softwareDetail .secAnalysis .analysisBox {
  border-radius: 5px;
  background: #f5f5f5;
  border: solid 1px #dedede;
  padding: 20px;
  position: relative
}

.software01 .softwareDetail .secAnalysis .analysisBox:after {
  bottom: -27px;
  content: url(../images/pages/arrow-softwaredetail-analysisbox.png);
  left: 340px;
  position: absolute
}

.software01 .softwareDetail .secAnalysis .analysisBox ul li {
  border-radius: 3px;
  background: #6d6d6d;
  color: #fff;
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 45px;
  margin-right: 10px;
  text-align: center;
  width: 325px
}

.software01 .softwareDetail .secAnalysis .analysisBox ul li:nth-child(2n) {
  margin-right: 0
}

.software01 .softwareDetail .secAnalysis .analysisBox ul li:nth-last-of-type(n+3) {
  margin-bottom: 10px
}

.software01 .softwareDetail .secAnalysis .analysisBox ul li.small {
  font-size: 15px
}

.software01 .softwareDetail .secAnalysis .txt {
  margin-top: 24px
}

.software01 .softwareDetail .secOptimization {
  margin-top: 65px
}

.software01 .softwareDetail .secOptimization .optimizationList dd,
.software01 .softwareDetail .secOptimization .optimizationList dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 1px #dedede;
  border-right: solid 1px #dedede
}

.software01 .softwareDetail .secOptimization .optimizationList dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  font-size: 20px;
  font-weight: bold;
  padding: 14px 0 14px 53px
}

.software01 .softwareDetail .secOptimization .optimizationList dt:first-of-type {
  background: url(../images/pages/bg-softwaredetail-optimizationlist01.gif) no-repeat 18px 16px #f5f5f5
}

.software01 .softwareDetail .secOptimization .optimizationList dt:nth-of-type(2) {
  background: url(../images/pages/bg-softwaredetail-optimizationlist02.gif) no-repeat 18px 16px #f5f5f5
}

.software01 .softwareDetail .secOptimization .optimizationList dt:nth-of-type(3) {
  background: url(../images/pages/bg-softwaredetail-optimizationlist03.gif) no-repeat 18px 16px #f5f5f5
}

.software01 .softwareDetail .secOptimization .optimizationList dd {
  border-left: solid 1px #dedede;
  margin-bottom: 40px;
  padding: 20px 0;
  position: relative;
  text-align: center
}

.software01 .softwareDetail .secOptimization .optimizationList dd:after {
  content: url(../images/pages/arrow-softwaredetail-optimizationlist.png);
  bottom: -65px;
  left: 310px;
  position: absolute
}

.software01 .softwareDetail .secOptimization .optimizationList dd:last-of-type {
  margin-bottom: 0
}

.software01 .softwareDetail .secOptimization .optimizationList dd:last-of-type:after {
  content: none;
  margin-left: 0
}

.software01 .softwareDetail .secIllustration {
  margin-top: 60px
}

.software01 .softwareDetail .secIllustration .hTitle {
  margin-bottom: 45px
}

.software01 .softwareDetail .secIllustration .illustrationBox {
  border: solid 1px #186aab;
  padding-bottom: 40px
}

.software01 .softwareDetail .secIllustration .illustrationBox .title {
  background: #186aab;
  padding: 11px 0 19px 0;
  position: relative
}

.software01 .softwareDetail .secIllustration .illustrationBox .title .tit {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: bold;
  text-align: center
}

.software01 .softwareDetail .secIllustration .illustrationBox .title .miniBalloon {
  border-radius: 5px;
  background: #fff;
  border: 3px solid #186aab;
  color: #186aab;
  font-size: 15px;
  font-weight: bold;
  left: 152px;
  padding: 5px 10px;
  position: relative;
  top: -23px
}

.software01 .softwareDetail .secIllustration .illustrationBox .title .miniBalloon:after,
.software01 .softwareDetail .secIllustration .illustrationBox .title .miniBalloon:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0
}

.software01 .softwareDetail .secIllustration .illustrationBox .title .miniBalloon:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 4px;
  margin-left: -4px
}

.software01 .softwareDetail .secIllustration .illustrationBox .title .miniBalloon:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #186aab;
  border-width: 8px;
  margin-left: -8px
}

.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow {
  background: url(../images/pages/img-softwaredetail-projectflow-top.png) no-repeat top;
  margin: 20px auto 24px;
  width: 664px
}

.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow:after {
  content: url(../images/pages/img-softwaredetail-projectflow-bottom.png)
}

.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow ul li dt {
  color: #186aab;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
  width: 215px
}

.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow ul li dd,
.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow ul li li {
  font-size: 16px;
  font-weight: bold
}

.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow ul li li {
  line-height: 28px
}

.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow ul li dd {
  line-height: 24px
}

.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow ul>li.fl {
  padding: 25px 0 0 15px;
  width: 320px
}

.software01 .softwareDetail .secIllustration .illustrationBox .projectFlow ul>li.fr {
  padding: 26px 0 0 50px;
  *padding: 26px 0 0;
  width: 320px
}

.software01 .softwareDetail .secIllustration .illustrationBox .underPos {
  padding: 0 19px
}

.software01 .softwareDetail .secIllustration .illustrationBox .underPos img {
  margin: 0 auto
}

.software01 .softwareDetail .secIllustration .illustrationBox .underPos .testMap {
  margin: 25px 0 30px;
  padding-top: 30px
}

.software01 .softwareDetail .secIllustration .illustrationBox .underPos .testMap dl dd,
.software01 .softwareDetail .secIllustration .illustrationBox .underPos .testMap dl dt {
  float: left
}

.software01 .softwareDetail .secIllustration .illustrationBox .underPos .testMap dl dt {
  width: 190px
}

.software01 .softwareDetail .secIllustration .illustrationBox .underPos .testMap dl dd {
  font-weight: bold
}

.software01 .softwareDetail .secIllustration .illustrationBox .underPos .testMap dl dd ul {
  margin-top: -3px;
  font-size: 20px
}

.software01 .softwareDetail .secIllustration .illustrationBox .subTitle {
  background: #f7fcfc;
  border: solid 1px #d6e8e8;
  border-width: 1px 0;
  color: #1ba7aa;
  font-size: 28px;
  font-weight: bold;
  line-height: 135px;
  text-align: center;
  position: relative
}

.software01 .softwareDetail .secIllustration .illustrationBox .subTitle:before {
  content: url(../images/pages/arrow-softwaredetail-illustration.png);
  left: 310px;
  top: -37px;
  position: absolute;
  z-index: 10
}

.software01 .softwareDetail .secIllustration .illustrationBox .minTit {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 35px 0 20px 0;
  width: 100%
}

.software01 .softwareDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 30px 0 0;
  width: 100%
}

.software01 .softwareDetail .pointBalloon .human01 {
  left: 100px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software01 .softwareDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.software01 .softwareDetail .pointBalloon.pos01 p {
  left: 150px;
  text-align: left
}

.software02 .softwareDetail .secHowto .hWrap {
  margin-bottom: 30px
}

.software02 .softwareDetail .notes {
  font-size: 12px;
  display: block;
  margin-top: 10px
}

.software02 .softwareDetail .secCharacteristic {
  margin-top: 50px
}

.software02 .softwareDetail .secCharacteristic .characteristicList {
  margin-top: 12px
}

.software02 .softwareDetail .secCharacteristic .characteristicList li {
  float: left;
  height: 60px;
  margin: 0 20px 20px 0;
  width: 342px
}

.software02 .softwareDetail .secCharacteristic .characteristicList li:nth-child(2n) {
  margin-right: 0
}

.software02 .softwareDetail .secCharacteristic .characteristicList li span {
  display: inline-block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -99999px;
  width: 60px
}

.software02 .softwareDetail .secCharacteristic .note {
  margin: 5px 0 30px;
  text-align: right;
  font-size: 13px;
}

.software02 .softwareDetail .secCharacteristic .characteristicList li span.no01 {
  background: url(../images/pages/icon-softwaredetail-characteristic01.png) no-repeat center center #186aab
}

.software02 .softwareDetail .secCharacteristic .characteristicList li span.no02 {
  background: url(../images/pages/icon-softwaredetail-characteristic02.png) no-repeat center center #186aab
}

.software02 .softwareDetail .secCharacteristic .characteristicList li span.no03 {
  background: url(../images/pages/icon-softwaredetail-characteristic03.png) no-repeat center center #186aab
}

.software02 .softwareDetail .secCharacteristic .characteristicList li span.no04 {
  background: url(../images/pages/icon-softwaredetail-characteristic04.png) no-repeat center center #186aab
}

.software02 .softwareDetail .secCharacteristic .characteristicList li span.no05 {
  background: url(../images/pages/icon-softwaredetail-characteristic05.png) no-repeat center center #186aab
}

.software02 .softwareDetail .secCharacteristic .characteristicList li span.no06 {
  background: url(../images/pages/icon-softwaredetail-characteristic06.png) no-repeat center center #186aab
}

.software02 .softwareDetail .secCharacteristic .characteristicList li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.software02 .softwareDetail .secCharacteristic>section {
  margin-top: 45px
}

.software02 .softwareDetail .secCharacteristic>section .hWrap {
  margin-bottom: 20px
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .subTitle {
  background: #f5f5f5;
  color: #393939;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 4px
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow+.testFlow {
  margin-top: 20px
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl,
.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dedede;
  display: table;
  *min-height: 210px;
  width: 50%;
  *width: 350px
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl div,
.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr div {
  display: table-cell;
  vertical-align: middle;
  width: 280px;
  *width: auto;
  *text-align: center
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl div .tit,
.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr div .tit {
  font-size: 24px;
  color: #186aab;
  display: block;
  line-height: 140%;
  margin-bottom: 15px;
  text-align: center
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl {
  background: #fff;
  border-right: none;
  position: relative
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl div {
  padding: 40px 0
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl:after,
.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 100%;
  position: absolute;
  pointer-events: none;
  top: 50%;
  width: 0
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 14px;
  margin-top: -14px
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl:before {
  border-color: rgba(222, 222, 222, 0);
  border-left-color: #dedede;
  border-width: 15px;
  margin-top: -15px
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr {
  background: #f5f5f5
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr div {
  text-align: center
}

.software02 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr div img {
  margin: 40px 0
}

.software02 .softwareDetail .secCharacteristic .secDetail02 .subTitle {
  background: #f5f5f5;
  color: #393939;
  font-size: 20px;
  line-height: 60px;
  margin-top: 40px;
  text-align: center
}

.software02 .softwareDetail .secCharacteristic .secDetail02 table.library {
  margin-top: 20px;
  width: 100%
}

.software02 .softwareDetail .secCharacteristic .secDetail02 table.library tr:nth-child(2),
.software02 .softwareDetail .secCharacteristic .secDetail02 table.library tr:nth-child(6) {
  font-size: 14px
}

.software02 .softwareDetail .secCharacteristic .secDetail02 table.library tr:nth-child(2) td:first-child,
.software02 .softwareDetail .secCharacteristic .secDetail02 table.library tr:nth-child(6) td:first-child {
  font-size: 16px;
  font-weight: bold
}

.software02 .softwareDetail .secCharacteristic .secDetail02 table.library tr:nth-child(6),
.software02 .softwareDetail .secCharacteristic .secDetail02 table.library tr:nth-child(7),
.software02 .softwareDetail .secCharacteristic .secDetail02 table.library tr:nth-child(8) {
  background: #f5f5f5
}

.software02 .softwareDetail .secCharacteristic .secDetail02 table.library td,
.software02 .softwareDetail .secCharacteristic .secDetail02 table.library th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dedede;
  padding: 13px 0;
  text-align: center;
  vertical-align: middle
}

.software02 .softwareDetail .secCharacteristic .secDetail02 table.library th {
  background: #186aab;
  color: #fff;
  font-weight: bold
}

.software02 .softwareDetail .secCharacteristic .secDetail02 table.library th:first-child,
.software02 .softwareDetail .secCharacteristic .secDetail02 table.library th:nth-child(2) {
  font-size: 14px;
  width: 200px
}

.software02 .softwareDetail .secCharacteristic .secDetail02 table.library td {
  font-size: 14px
}

.software02 .softwareDetail .secCharacteristic .secDetail03 {
  margin-top: 65px
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox {
  border: solid 1px #dedede;
  background: #f5f5f5;
  padding: 20px 0;
  margin-top: 40px
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .imgArea {
  text-align: center
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .imgArea img+img {
  margin-top: 28px
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .txtArea {
  background: url(../images/common/line-dot-orizontal02.gif) repeat-x top;
  margin: 28px auto 0;
  padding-top: 30px;
  width: 625px
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .txtArea .subTitle {
  color: #393939;
  font-size: 18px;
  text-align: center;
  margin-bottom: 32px
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .txtArea .arrowFlow {
  background: #fff;
  border: solid 1px #dedede;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 15px 60px
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .txtArea .arrowFlow:last-child {
  margin-bottom: 0
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .txtArea .arrowFlow dd,
.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .txtArea .arrowFlow dt {
  float: left
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .txtArea .arrowFlow dt {
  width: 165px
}

.software02 .softwareDetail .secCharacteristic .secDetail03 .testmapbox .txtArea .arrowFlow dd {
  background: url(../images/common/icon-arrow-bold.png) no-repeat left center;
  padding-left: 85px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .borderBox {
  margin-top: 15px;
  padding: 20px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .borderBox .minTitle {
  font-size: 16px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 15px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .borderBox .testTechnique dl {
  float: left;
  width: 330px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .borderBox .testTechnique dl dt {
  font-weight: bold
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .subTitle {
  color: #393939;
  font-size: 20px;
  margin-top: 40px;
  text-align: center;
  font-weight: bold
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .imgArea {
  text-align: center;
  margin-top: 40px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dedede;
  margin: 60px 0 40px 0;
  width: 100%
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea:last-child {
  margin-bottom: 0
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd,
.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: 1px solid #dedede;
  font-size: 18px;
  padding: 18px 0;
  text-align: center;
  width: 100%
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dt span {
  font-size: 22px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 25px 20px 15px 20px;
  width: 50%;
  *width: 315px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd.cover,
.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd.pages {
  float: left
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd.cover {
  padding-left: 30px;
  padding-right: 0
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd.btn .btnDownload {
  background: url(../images/pages/btn-download-bg_off.png) no-repeat left center;
  margin: 10px auto 0;
  width: 300px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd.btn .btnDownload:hover {
  background: url(../images/pages/btn-download-bg_on.png) no-repeat left center
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd.btn .btnDownload a {
  display: block;
  height: 60px;
  text-align: center;
  width: 300px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd.btn .btnDownload a img {
  margin-top: 17px
}

.software02 .softwareDetail .secCharacteristic .secDetail04 .downloadArea dd.btn .btnDownload a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.software02 .softwareDetail .secCharacteristic .secDetail05 .hTitle span {
  font-size: 21px
}

.software02 .softwareDetail .secCharacteristic .secDetail05 .imgArea {
  margin-top: 40px;
  text-align: center
}

.software02 .softwareDetail .secCharacteristic .secDetail06 {
  margin-top: 90px
}

.software02 .softwareDetail .secCharacteristic .secDetail06 .imgArea {
  text-align: center;
  margin-top: 40px
}

.software02 .softwareDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 30px 0 0;
  width: 100%
}

.software02 .softwareDetail .pointBalloon .human01 {
  left: 125px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software02 .softwareDetail .pointBalloon .human02 {
  left: 64px;
  position: absolute;
  top: 7px;
  z-index: 1
}

.software02 .softwareDetail .pointBalloon .human03 {
  position: absolute;
  z-index: 1;
  left: 165px;
  top: 20px
}

.software02 .softwareDetail .pointBalloon .human04 {
  left: 70px;
  position: absolute;
  top: 7px;
  z-index: 1
}

.software02 .softwareDetail .pointBalloon .human05 {
  left: 150px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software02 .softwareDetail .pointBalloon .human06 {
  left: 120px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software02 .softwareDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.software02 .softwareDetail .pointBalloon.pos01 p {
  left: 180px;
  text-align: left
}

.software02 .softwareDetail .pointBalloon.pos02 {
  height: 65px
}

.software02 .softwareDetail .pointBalloon.pos02 p {
  left: 120px;
  text-align: left
}

.software02 .softwareDetail .pointBalloon.pos03 p {
  left: 210px;
  text-align: left
}

.software02 .softwareDetail .pointBalloon.pos04 {
  height: 65px
}

.software02 .softwareDetail .pointBalloon.pos04 p {
  left: 120px;
  text-align: left
}

.software02 .softwareDetail .pointBalloon.pos05 p {
  left: 200px;
  text-align: left
}

.software02 .softwareDetail .pointBalloon.pos06 p {
  left: 165px;
  text-align: left
}

.secQuintee {
  margin-top: 1rem;
  background-color: #f5f5f5;
  padding: 25px;
}

.btn-quintee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.btn-quintee .quintee-logo {
  width: 225px;
  margin-right: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-quintee .quintee-logo img {
  max-width: 100%;
  height: auto;
}

.btn-quintee .quintee-btn--wrap {
  width: calc(100% - 250px);
}

.btn-quintee .quintee-tlt {
  color: #186aab;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.secQuintee .btnGhost {
  width: 408px;
  margin: 20px auto 0;
}

.software03 .softwareDetail .secAdverse {}

.secAdvWrapGrayBox {
  border-radius: 5px;
  background: #f5f5f5;
  border: solid 1px #dedede;
  padding: 20px;
  position: relative
}

.secAdvWrapGrayBox:after,
.secAdvWrapGrayBox:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 50%;
  position: absolute;
  pointer-events: none;
  top: 100%;
  width: 0;
  z-index: 11
}

.secAdvWrapGrayBox:before {
  border-color: rgba(222, 222, 222, 0);
  border-top-color: #dedede;
  border-width: 32px;
  margin-left: -32px
}

.secAdvWrapGrayBox:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #f5f5f5;
  border-width: 31px;
  margin-left: -31px
}

.secAdvWrapGrayBox dl {
  width: 48%;
  display: inline-block;
  vertical-align: top
}

.secAdvWrapGrayBox dl:first-of-type {
  margin-right: 1%
}

.secAdvWrapGrayBox dl:last-of-type {
  margin-left: 1%
}

.secAdvWrapGrayBox dl dt {
  background-color: #6D6D6D;
  color: #fff;
  text-align: center;
  border-radius: 3px 3px 0px 0px
}

.secAdvWrapGrayBox dl:first-of-type dt {
  padding: 9px 20px 9px 20px
}

.secAdvWrapGrayBox dl:last-of-type dt {
  padding: 20px
}

.secAdvWrapGrayBox dl dd {
  background-color: #fff;
  text-align: center;
  color: #186aab;
  font-weight: bold;
  position: relative;
  border-radius: 0px 0px 3px 3px
}

.secAdvWrapGrayBox dl:first-of-type dd {
  padding: 21px 20px
}

.secAdvWrapGrayBox dl:last-of-type dd {
  padding: 10px 20px
}

.secAdvWrapGrayBox dl dd:before {
  border: 10px solid transparent;
  border-bottom-color: #fff;
  border-top-width: 0;
  content: "";
  display: block;
  left: 49%;
  position: absolute;
  top: -9px;
  width: 0;
  z-index: 1
}

.secAdvWrapGrayBox dl dd:after {
  border: 10px solid transparent;
  border-bottom-color: #e8e8e8;
  border-top-width: 0;
  content: "";
  display: block;
  left: 49%;
  position: absolute;
  top: -10px;
  width: 0
}

.secAdvWrapGrayBox h5 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px
}

.secAdvWrapGrayBoxUnder {
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  background: #fff;
  margin-top: 15px;
  position: relative;
  font-size: 20px;
  padding: 20px 15px;
  text-align: center
}

.secAdvWrapGrayBoxUnder span {
  color: #186aab;
  font-size: 22px
}

.softwareDetail .secAdverse .detailList {
  margin-top: 15px
}

.software03 .softwareDetail .secSupport {
  margin-top: 65px
}

.software03 .softwareDetail .secPoints {
  margin-bottom: 20px
}

.software03 .softwareDetail .secPoints .subTitle {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px
}

.software03 .softwareDetail .secPoints .txt {
  line-height: 160%
}

.software03 .softwareDetail .secPoints .detailBtn {
  float: right;
  margin-top: 10px;
  text-align: center
}

.software03 .softwareDetail .secPoints .detailBtn a {
  border-radius: 5px;
  background: url(../images/common/icon-arrow-detail.png) no-repeat 21px center #353535;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  padding: 0 21px 0 37px
}

.software03 .softwareDetail .secSupport dl.secSupportFlow {
  margin-bottom: 20px
}

.software03 .softwareDetail .secSupport dl.secSupportFlow dt {
  padding: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: bold
}

.software03 .softwareDetail .secSupport dl.secSupportFlow dd {
  padding: 15px;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede
}

.software03 .softwareDetail .secSupport dl.secSupportFlow dd.txtLeft {
  text-align: left !important
}

.software03 .softwareDetail .secSupport dl.secSupportFlow .flowBlue {
  background: #186aab;
  color: #fff
}

.software03 .softwareDetail .secSupport dl.secSupportFlow .flowGreen {
  background: #1BA7AA;
  color: #fff
}

.spritFlow {
  width: 100%;
  padding: 0;
  margin: 0;
  vertical-align: top
}

.spritFlow dl.secSupportFlow {}

.flowTriangleBlue {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 8px 0 8px;
  border-color: #186aab transparent transparent transparent;
  margin: 0 auto 20px
}

.flowTriangleGreen {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 8px 0 8px;
  border-color: #1BA7AA transparent transparent transparent;
  margin: 0 auto 20px
}

.spritFlow .traiangleWrap:first-of-type,
.spritFlow dl.secSupportFlow:first-of-type {
  width: 58.5%;
  float: left
}

.spritFlow .traiangleWrap:nth-of-type(2),
.spritFlow dl.secSupportFlow:nth-of-type(2) {
  width: 38.5%;
  float: right
}

.spritFlow .traiangleWrap.pt25 {
  padding-top: 25px
}

.software03 .softwareDetail .secSupport .secProcessflow {
  margin-top: 40px
}

.software03 .softwareDetail .secSupport .secProcessflow .subTitle {
  color: #393939;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px
}

.software03 .softwareDetail .secSupport .secProcessflow .txt {
  margin-top: 10px
}

.software03 .softwareDetail .secSupportimage {
  margin-top: 65px
}

.software03 .softwareDetail .secSupportimage table.supportTable {
  width: 100%
}

.software03 .softwareDetail .secSupportimage table.supportTable+table {
  margin-top: 40px
}

.software03 .softwareDetail .secSupportimage table.supportTable thead th {
  background: #186aab;
  color: #fff;
  font-size: 24px;
  line-height: 80px;
  text-align: center
}

.software03 .softwareDetail .secSupportimage table.supportTable tbody {
  border-left: solid 1px #dedede;
  font-size: 14px
}

.software03 .softwareDetail .secSupportimage table.supportTable tbody td,
.software03 .softwareDetail .secSupportimage table.supportTable tbody th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 0 1px 1px 0;
  padding: 20px 15px
}

.software03 .softwareDetail .secSupportimage table.supportTable tbody th {
  background: #f5f5f5;
  text-align: center;
  font-weight: bold;
  width: 170px
}

.software03 .softwareDetail .secSupportimage table.supportTable tbody td .tableDetaillist li {
  margin-bottom: 40px
}

.software03 .softwareDetail .secSupportimage table.supportTable tbody td .tableDetaillist li:last-child {
  margin-bottom: 0
}

.software03 .softwareDetail .secSupportimage table.supportTable tbody td .tableDetaillist li .photoBox {
  float: left;
  width: 60px
}

.software03 .softwareDetail .secSupportimage table.supportTable tbody td .tableDetaillist li .txt {
  float: right;
  width: 435px
}

.software03 .softwareDetail .secSupportimage table.supportTable tbody td .tableDetaillist li .txt .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px
}

.software03 .softwareDetail .secSupportimage table.supportTable tbody td .tableDetaillist li .txt p .notes {
  font-size: 13px
}

.software03 .softwareDetail .secSupportimage .secTestList {
  margin-top: 70px
}

.software03 .softwareDetail .secSupportimage .secTestList .subTitle {
  color: #393939;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px
}

.software03 .softwareDetail .secSupportimage .secTestList .grayBox {
  font-size: 14px;
  padding: 30px 20px
}

.software03 .softwareDetail .secSupportimage .secTestList .grayBox .listPos>li {
  width: 220px;
  float: left
}

.software03 .softwareDetail .secSupportimage .secResults {
  margin-top: 65px
}

.software03 .softwareDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 20px 0 0;
  width: 100%
}

.software03 .softwareDetail .pointBalloon .human01 {
  left: 115px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software03 .softwareDetail .pointBalloon .human02 {
  position: absolute;
  z-index: 1;
  left: 115px;
  top: 20px
}

.software03 .softwareDetail .pointBalloon p {
  position: absolute;
  margin-top: 20px
}

.software03 .softwareDetail .pointBalloon.pos01 p {
  left: 165px;
  text-align: left
}

.software03 .softwareDetail .pointBalloon.pos02 p {
  left: 160px;
  text-align: left
}

.software04 .softwareDetail .secImgbox01 {
  background: url(../images/pages/bg-softwaredetail-software04-img01.png) no-repeat top right;
  min-height: 160px
}

.software04 .softwareDetail .secImgbox01 .hWrap {
  margin-bottom: 20px
}

.software04 .softwareDetail .secImgbox01 .txt {
  width: 540px
}

.software04 .softwareDetail .secImgbox02 {
  margin-top: 45px
}

.software04 .softwareDetail .secImgbox02 .hWrap {
  margin-bottom: 18px
}

.software04 .softwareDetail .secImgbox02 img {
  float: left
}

.software04 .softwareDetail .secImgbox02 .txt {
  float: right;
  margin-top: 10px;
  width: 340px
}

.software04 .softwareDetail .secImgbox02 .txt p+p {
  margin-top: 35px
}

.software04 .softwareDetail .secImgbox02 .txt .notes {
  font-size: 12px;
  margin-top: 25px
}

.software04 .softwareDetail .secImgbox02 .txt .notes span {
  font-weight: bold
}

.software04 .softwareDetail .secImgbox03 {
  margin-top: 65px
}

.software04 .softwareDetail .secImgbox03 .hWrap {
  margin-bottom: 18px
}

.software04 .softwareDetail .secImgbox03 img {
  float: right;
  margin-top: 15px
}

.software04 .softwareDetail .secImgbox03 .txt {
  float: left;
  margin-top: 10px;
  width: 340px
}

.software04 .softwareDetail .secImgbox03 .txt p+p {
  margin-top: 35px
}

.software04 .softwareDetail .secImgbox03 .txt .btnGhost {
  margin-top: 17px
}

.software04 .softwareDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 30px 0 0;
  width: 100%
}

.software04 .softwareDetail .pointBalloon .human01 {
  left: 40px;
  top: 20px;
  margin-top: 0;
  position: absolute;
  z-index: 1
}

.software04 .softwareDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.software04 .softwareDetail .pointBalloon.pos01 p {
  left: 90px;
  text-align: left
}

.software05 .softwareDetail .secToptext .hWrap {
  margin-bottom: 18px
}

.software05 .softwareDetail .secPhase {
  margin-top: 65px
}

.software05 .softwareDetail .secPhase .subTitle {
  background: #f5f5f5;
  font-size: 20px;
  line-height: 60px;
  text-align: center
}

.software05 .softwareDetail .secPhase .tablePhase {
  border: solid 1px #dedede;
  border-width: 1px 0 0 1px;
  font-size: 16px;
  margin-top: 20px;
  width: 100%
}

.software05 .softwareDetail .secPhase .tablePhase+.subTitle {
  margin-top: 40px
}

.software05 .softwareDetail .secPhase .tablePhase td,
.software05 .softwareDetail .secPhase .tablePhase th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 0 1px 1px 0
}

.software05 .softwareDetail .secPhase .tablePhase th {
  background: #f4fbfb;
  font-weight: bold;
  text-align: center;
  width: 170px
}

.software05 .softwareDetail .secPhase .tablePhase td {
  padding: 30px 0
}

.software05 .softwareDetail .secPhase .tablePhase td .inList {
  margin: 0 auto;
  width: 480px
}

.software05 .softwareDetail .secPhase .tablePhase td .inList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  float: left;
  *min-height: 160px;
  width: 230px
}

.software05 .softwareDetail .secPhase .tablePhase td .inList li:first-child {
  border-right: dotted 1px #dedede;
  height: 100px;
  margin-right: 15px
}

.software05 .softwareDetail .secPhase .tablePhase td .inList li:last-child {
  float: right;
  text-align: right
}

.software05 .softwareDetail .secPhase .tablePhase td .inList li p {
  display: table-cell;
  padding-right: 10px;
  vertical-align: middle
}

.software05 .softwareDetail .secServicepoint {
  margin-top: 70px
}

.software05 .softwareDetail .secServicepointUnder {
  margin: 35px 0 40px
}

.software05 .softwareDetail .secServicepointUnder .serviceImg {
  margin-top: 40px
}

.software05 .softwareDetail .secServicepointUnder .pointBalloon {
  margin-top: 40px
}

.software05 .softwareDetail .btnGhost {
  margin: 37px auto 0;
  width: 405px
}

.software05 .softwareDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 50px 0 0;
  width: 100%
}

.software05 .softwareDetail .pointBalloon .human01 {
  left: 65px;
  position: absolute;
  top: 30px;
  z-index: 1
}

.software05 .softwareDetail .pointBalloon .human02 {
  left: 70px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software05 .softwareDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.software05 .softwareDetail .pointBalloon.pos01 {
  height: 115px !important
}

.software05 .softwareDetail .pointBalloon.pos01 p {
  left: 110px;
  text-align: left
}

.software05 .softwareDetail .pointBalloon.pos01.h125 {
  height: 125px !important
}

.software05 .softwareDetail .pointBalloon.pos02 p {
  left: 120px;
  text-align: left
}

.software06 .softwareDetail .secResult .hWrap {
  margin-bottom: 20px
}

.software06 .softwareDetail .testList {
  margin-top: 65px
}

.software06 .softwareDetail .testList .hWrap {
  margin-bottom: 18px
}

.software06 .softwareDetail .testList .listTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  line-height: 60px
}

.software06 .softwareDetail .testList .default {
  margin: 18px 0 40px
}

.software06 .softwareDetail .testList .default td,
.software06 .softwareDetail .testList .default th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.software06 .softwareDetail .testList .default th {
  padding: 13px
}

.software06 .softwareDetail .testList .default td {
  padding: 17px 18px
}

.software06 .softwareDetail .testList .default tr:first-child th {
  text-align: center;
  background: #f5f5f5
}

.software06 .softwareDetail .testList .default th {
  width: auto
}

.software06 .softwareDetail .testList .default th:first-child {
  font-size: 14px;
  text-align: center;
  width: 184px
}

.software06 .softwareDetail .testList .default td {
  font-size: 12px
}

.software06 .softwareDetail .testList .default td>ul.full li {
  float: none !important;
  width: 100% !important
}

.software06 .softwareDetail .testList .default td>ul>li {
  float: left;
  width: 255px;
  *width: 200px
}

.software06 .softwareDetail .testList .default td>ul>li:first-child {
  margin-right: 15px;
  width: 210px;
  *width: 200px
}

.software06 .softwareDetail .testList .default td>ul li li {
  padding-left: 2em;
  text-indent: -2em
}

.software06 .softwareDetail .testList .default td .minTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 14px
}

.software06 .softwareDetail .testList .default td .listText {
  font-size: 12px
}

.software06 .softwareDetail .testList .default .notes {
  margin-top: 5px
}

.software06 .softwareDetail .testList .default .notes li {
  display: block;
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em
}

.software06 .softwareDetail .testList .testList01 .listTitle {
  background: url(../images/pages/bg-softwaredetail-software06-icon01.png) no-repeat left center;
  padding-left: 60px;
  font-size: 24px;
  padding-top: 20px
}

.software06 .softwareDetail .testList .testList01 th {
  background: #eff8f8
}

.software06 .softwareDetail .testList .testList02 .listTitle {
  background: url(../images/pages/bg-softwaredetail-software06-icon02.png) no-repeat left center;
  padding-left: 82px;
}

.software06 .softwareDetail .testList .testList02 th {
  background: #eaf0e5
}

.software06 .softwareDetail .testList .testList03 .listTitle {
  background: url(../images/pages/bg-softwaredetail-software06-icon03.png) no-repeat left center;
  padding-left: 65px;
  font-size: 24px;
  padding-top: 10px
}

.software06 .softwareDetail .testList .testList03 th {
  background: #edeffa
}

.software06 .softwareDetail .testList .testList04 .listTitle {
  background: url(../images/pages/bg-softwaredetail-software06-icon04.png) no-repeat left center;
  padding-left: 66px
}

.software06 .softwareDetail .testList .testList04 th {
  background: #fff6fc
}

.software06 .softwareDetail .btnGhost {
  margin: 30px auto 0;
  width: 405px
}

.software06 .softwareDetail .secListQuality {
  margin: 70px 0 66px 0
}

.software06 .softwareDetail .secListQuality .qualityList {
  border: none
}

.software06 .softwareDetail .secListQuality .qualityList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #e8e8e8;
  cursor: pointer;
  float: left;
  padding: 22px 20px;
  position: relative;
  margin: 0 20px 19px 0;
  *margin: 0 10px 19px 0;
  min-height: 165px;
  width: 342px;
  *width: 300px;
  z-index: 10
}

.software06 .softwareDetail .secListQuality .qualityList li:nth-child(2n) {
  margin-right: 0
}

.software06 .softwareDetail .secListQuality .qualityList li.list01 .bgShadow img {
  margin-top: 10px
}

.software06 .softwareDetail .secListQuality .qualityList li.list01 .textBox .title a {
  color: #a54a98
}

.software06 .softwareDetail .secListQuality .qualityList li.list01 .textBox .title span {
  background: url(../images/top/txt-top-quality01.png) no-repeat center center;
  width: 44px
}

.software06 .softwareDetail .secListQuality .qualityList li.list02 .textBox .title a {
  color: #50ace2
}

.software06 .softwareDetail .secListQuality .qualityList li.list03 .textBox .title a {
  /*color: #94c973*/
  color: #CB9515
}

.software06 .softwareDetail .secListQuality .qualityList li.list04 .textBox .title a {
  color: #a5659f
}

.software06 .softwareDetail .secListQuality .qualityList li.list05 .bgShadow img {
  margin-top: 10px
}

.software06 .softwareDetail .secListQuality .qualityList li.list05 .textBox .title a {
  color: #7279b8
}

.software06 .softwareDetail .secListQuality .qualityList li.list06 .bgShadow img {
  margin-top: 25px
}

.software06 .softwareDetail .secListQuality .qualityList li.list06 .textBox .title a {
  color: #adb559
}

.software06 .softwareDetail .secListQuality .qualityList li.list08 .bgShadow img {
  margin-top: 25px;
  margin-left: -8px
}

.software06 .softwareDetail .secListQuality .qualityList li.list08 .textBox .title a {
  color: #0870d0
}

.software06 .softwareDetail .secListQuality .qualityList li.list09 .bgShadow img {
  margin-top: 20px
}

.software06 .softwareDetail .secListQuality .qualityList li.list09 .textBox .title a {
  color: #be0081
}

.software06 .softwareDetail .secListQuality .qualityList li.list10 .bgShadow img {
  margin-top: 21px
}

.software06 .softwareDetail .secListQuality .qualityList li.list10 .textBox .title a {
  color: #f08522
}

.software06 .softwareDetail .secListQuality .qualityList li.list11 .bgShadow img {
  margin: 11px 0 0 4px
}

.software06 .softwareDetail .secListQuality .qualityList li.list11 .textBox .title a {
  color: #9a6cd8
}

.software06 .softwareDetail .secListQuality .qualityList li.list12 .bgShadow img {
  margin-top: 10px
}

.software06 .softwareDetail .secListQuality .qualityList li.list12 .textBox .title a {
  color: #006dd2
}

.software06 .softwareDetail .secListQuality .qualityList li.list13 .textBox .title a {
  color: #449466
}

.software06 .softwareDetail .secListQuality .qualityList li.list14 .textBox .title a {
  /*color: #50ace2*/
  color: #D83E3E;
}

.software06 .softwareDetail .secListQuality .qualityList li.list15 .textBox .title a {
  /*color: #50ace2*/
  color: #6AB558;
}

.software06 .softwareDetail .secListQuality .qualityList li .bgShadow {
  background: url(../images/pages/bg-softwaredetail-software06-quality.png) no-repeat center bottom;
  float: left;
  min-height: 115px;
  text-align: center;
  width: 90px
}

.software06 .softwareDetail .secListQuality .qualityList li .bgShadow img {
  -webkit-transition: 0.3s;
  transition: 0.3s
}

.software06 .softwareDetail .secListQuality .qualityList li .textBox {
  float: right;
  width: 180px
}

.software06 .softwareDetail .secListQuality .qualityList li .textBox .title {
  font-size: 20px
}

.software06 .softwareDetail .secListQuality .qualityList li .textBox .txt {
  margin-top: 2px
}

.software06 .softwareDetail .secListQuality .qualityList li:hover .animeImg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.software06 .softwareDetail .secListQuality .pointBalloon {
  margin-top: 10px
}

.software06 .softwareDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 20px 0 0;
  width: 100%
}

.software06 .softwareDetail .pointBalloon .human01 {
  left: 80px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software06 .softwareDetail .pointBalloon .human02 {
  left: 120px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software06 .softwareDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.software06 .softwareDetail .pointBalloon.pos01 p {
  left: 130px;
  text-align: left
}

.software06 .softwareDetail .pointBalloon.pos02 p {
  left: 170px;
  text-align: left
}

.software07 .softwareDetail .notes {
  font-size: 12px;
  display: block;
  margin-top: 10px
}

.software07 .softwareDetail .secImgbox01 {
  background: url(../images/pages/bg-softwaredetail-software07-img01.jpg) no-repeat right 10px;
  min-height: 150px
}

.software07 .softwareDetail .secImgbox01 .hWrap {
  margin-bottom: 20px
}

.software07 .softwareDetail .secImgbox01 .txt {
  margin-bottom: 32px;
  width: 560px
}

.software07 .softwareDetail .secImgbox01 .txt p+p {
  margin-top: 35px
}

.software07 .softwareDetail .secImgbox02 {
  margin-top: 65px
}

.software07 .softwareDetail .secImgbox02 img {
  float: left
}

.software07 .softwareDetail .secImgbox02 .txt {
  width: 340px;
  float: right
}

.software07 .softwareDetail .secImgbox02 .txt p+p {
  margin-top: 35px
}

.software07 .softwareDetail .secImgbox02 .txt .notes {
  font-size: 13px
}

.software07 .softwareDetail .secImgbox03 {
  margin-top: 65px
}

.software07 .softwareDetail .secImgbox03 img {
  float: right
}

.software07 .softwareDetail .secImgbox03 .txt {
  float: left;
  width: 340px
}

.software07 .softwareDetail .secImgbox03 .txt p+p {
  margin-top: 20px
}

.software07 .softwareDetail .secImgbox03 .txt .notes {
  font-size: 13px
}

.software07 .softwareDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 30px 0 0;
  width: 100%
}

.software07 .softwareDetail .pointBalloon .human01 {
  left: 100px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software07 .softwareDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.software07 .softwareDetail .pointBalloon.pos01 p {
  left: 150px;
  text-align: left
}

.software08 .softwareDetail .secImgbox01 {
  background: url(../images/pages/bg-softwaredetail-software08-img01.jpg) no-repeat right 40px;
  min-height: 245px
}

.software08 .softwareDetail .secImgbox01 .txt {
  width: 420px
}

.software08 .softwareDetail .secImgbox01 .txt p+p {
  margin-top: 35px
}

.software08 .softwareDetail .secServicepoint {
  margin-top: 65px
}

.software08 .softwareDetail .secServicepoint .grayTitle {
  margin-bottom: 15px
}

.software08 .softwareDetail .secImgbox02 {
  margin-top: 65px
}

.software08 .softwareDetail .secImgbox02 img {
  float: left
}

.software08 .softwareDetail .secImgbox02 .txt {
  float: right;
  margin-top: 10px;
  width: 340px
}

.software08 .softwareDetail .secImgbox02 .txt p+p {
  margin-top: 35px
}

.software08 .softwareDetail .secImgbox02 .txt .btnGhost {
  margin-top: 17px
}

.software08 .softwareDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 20px 0 0;
  width: 100%
}

.software08 .softwareDetail .pointBalloon .human01 {
  left: 45px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.software08 .softwareDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.software08 .softwareDetail .pointBalloon.pos01 p {
  left: 150px;
  text-align: left
}

.software10 .softwareDetail .hWrapPos .softwareTopDetail .hTitle span,
.software11 .softwareDetail .hWrapPos .softwareTopDetail .hTitle span {
  font-size: 13px
}

.software10 .softwareDetail .subTitle,
.software11 .softwareDetail .subTitle {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 7px
}

.software10 .softwareDetail .secTopComment p+p,
.software11 .softwareDetail .secTopComment p+p {
  margin-top: 35px
}

.software10 .softwareDetail .secTopComment .subTitle,
.software11 .softwareDetail .secTopComment .subTitle {
  margin-bottom: 20px !important
}

.software10 .softwareDetail .secTopComment .minTit,
.software11 .softwareDetail .secTopComment .minTit {
  margin: 45px 0 15px 0 !important
}

.migration .offshoreDetail .secTopComment .threePoints,
.solution05 .offshoreDetail .secTopComment .threePoints,
.software10 .softwareDetail .secTopComment .threePoints,
.software11 .softwareDetail .secTopComment .threePoints {
  margin-top: 30px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.software14 .softwareDetail .secTopComment .threePoints {
  margin-top: 15px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.migration .offshoreDetail .secTopComment .threePoints.mt0,
.solution05 .offshoreDetail .secTopComment .threePoints.mt0,
.software11 .softwareDetail .secTopComment .threePoints.mt0 {
  margin-top: 0 !important;
}

.migration .offshoreDetail .secTopComment .threePoints>li,
.solution05 .offshoreDetail .secTopComment .threePoints>li,
.software10 .softwareDetail .secTopComment .threePoints>li,
.software11 .softwareDetail .secTopComment .threePoints>li {
  width: calc(100% / 3);
  border: solid 1px #C6DEE2;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}

.migration .offshoreDetail .secTopComment .threePoints li img,
.software10 .softwareDetail .secTopComment .threePoints li img,
.software11 .softwareDetail .secTopComment .threePoints li img {
  margin-bottom: 10px;
}

.migration .offshoreDetail .secTopComment .threePoints>li:nth-child(2),
.solution05 .offshoreDetail .secTopComment .threePoints>li:nth-child(2),
.software10 .softwareDetail .secTopComment .threePoints>li:nth-child(2),
.software11 .softwareDetail .secTopComment .threePoints>li:nth-child(2) {
  margin: 0 10px;
}

.software10 .softwareDetail .btnGhost,
.software11 .softwareDetail .btnGhost {
  margin: 30px auto 0;
  width: 408px;
}

.software10 .softwareDetail .btnGhost.mb50,
.software11 .softwareDetail .btnGhost.mb50 {
  margin-bottom: 50px;
}

.software10 .softwareDetail .minTitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

.software11 .softwareDetail .minTitle,
.software13 .softwareDetail .minTitle {
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 30px;
}

.software10 .softwareDetail .minTitle span img,
.software11 .softwareDetail .minTitle span img,
.software13 .softwareDetail .minTitle span img {
  vertical-align: baseline;
  width: auto;
  height: 18px;
  margin-right: 10px;
}

.software14 .softwareDetail .minTitleGreen {
  font-weight: normal;
  font-size: 24px;
  margin-bottom: 10px;
  padding-top: 40px;
  text-align: center;
  color: #44A59B;
}

.software14 .softwareDetail .minTitle span img {
  vertical-align: baseline;
  width: auto;
  height: 18px;
  margin-right: 10px;
}

.software10 .softwareDetail .secThreeFeatures section+section,
.software11 .softwareDetail .secThreeFeatures section+section,
.software13 .softwareDetail .secThreeFeatures section+section {
  margin-top: 50px;
}

.software10 .softwareDetail .secThreeFeatures section.mb50,
.software11 .softwareDetail .secThreeFeatures section.mb50,
.software13 .softwareDetail .secThreeFeatures section.mb50 {
  margin-bottom: 50px;
}

.software10 .softwareDetail .secThreeFeatures .threeImages,
.software11 .softwareDetail .secThreeFeatures .threeImages,
.software13 .softwareDetail .secThreeFeatures .threeImages {
  display: inline-block;
  width: 130px;
  margin-right: 10px;
  vertical-align: top;
  text-align: center;
}

.software10 .softwareDetail .secThreeFeatures .threeImages img,
.software11 .softwareDetail .secThreeFeatures .threeImages img,
.software13 .softwareDetail .secThreeFeatures .threeImages img {
  width: auto !important;
}

.software10 .softwareDetail .secThreeFeatures .secMap .textBox,
.software11 .softwareDetail .secThreeFeatures .secMap .textBox,
.software13 .softwareDetail .secThreeFeatures .secMap .textBox {
  display: inline-block;
  width: calc(100% - 225px);
}

.software10 .softwareDetail .secThreeFeatures .secMap .textBox {
  padding-top: 43px;
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
}

.software11 .softwareDetail .secThreeFeatures .secMap .textBox,
.software13 .softwareDetail .secThreeFeatures .secMap .textBox {
  display: block;
  width: 100%;
  font-size: 16px;
}

.software10 .softwareDetail .secThreeFeatures .mapImage {
  display: inline-block;
  width: 205px;
  margin-left: 10px;
  vertical-align: top;
  text-align: center;
}

.software11 .softwareDetail .secThreeFeatures .processImage {
  width: 100%;
  margin-bottom: 60px;
  vertical-align: top;
  text-align: center;
}

.software10 .softwareDetail .secThreeFeatures .textBox,
.software11 .softwareDetail .secThreeFeatures .textBox {
  display: inline-block;
  width: calc(100% - 150px);
}

.software11 .softwareDetail .secThreeFeatures .textBox span.bold {
  font-weight: bold;
}

.software10 .softwareDetail .secThreeFeatures .fourPoints,
.software11 .softwareDetail .secThreeFeatures .fourPoints {
  margin-top: 30px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.software10 .softwareDetail .secThreeFeatures .fourPoints>li,
.software11 .softwareDetail .secThreeFeatures .fourPoints>li,
.software12 .softwareDetail .secThreeFeatures .fourPoints>li {
  width: calc(50% - 115px);
  border: solid 1px #186aab;
  padding: 1px;
  font-weight: bold;
  text-align: left;
  font-size: 13.9px;
  padding-left: 95px;
  background-repeat: no-repeat;
  background-position: left center;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.software10 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(odd),
.software11 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(odd),
.software12 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(odd) {
  margin-right: 8px;
  margin-bottom: 16px;
}

.software10 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(even),
.software11 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(even),
.software12 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(even) {
  margin-left: 8px;
  margin-bottom: 16px;
}

.software10 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(1) {
  background-image: url("../images/pages/img-superfast-fourPoints--01.png");
  background-position: left 10px center;
}

.software10 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(2) {
  background-image: url("../images/pages/img-superfast-fourPoints--02.png");
  background-position: left 20px center;
}

.software10 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(3) {
  background-image: url("../images/pages/img-superfast-fourPoints--03.png");
  background-position: left 25px center;
}

.software10 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(4) {
  background-image: url("../images/pages/img-superfast-fourPoints--04.png");
  background-position: left 25px center;
}

.software11 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(1) {
  background-image: url("../images/pages/img-remotetest-fourPoints--01.png");
  background-position: left 22px center;
}

.software11 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(2) {
  background-image: url("../images/pages/img-remotetest-fourPoints--02.png");
  background-position: left 20px center;
}

.software11 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(3) {
  background-image: url("../images/pages/img-remotetest-fourPoints--03.png");
  background-position: left 25px center;
}

.software11 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(4) {
  background-image: url("../images/pages/img-remotetest-fourPoints--04.png");
  background-position: left 25px center;
}

.software12 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(1) {
  background-image: url("../images/pages/img-tdash-fourPoints--01.png");
  background-position: left 21px center;
}

.software12 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(2) {
  background-image: url("../images/pages/img-tdash-fourPoints--02.png");
  background-position: left 20px center;
}

.software12 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(3) {
  background-image: url("../images/pages/img-tdash-fourPoints--03.png");
  background-position: left 21px center;
}

.software12 .softwareDetail .secThreeFeatures .fourPoints>li:nth-child(4) {
  background-image: url("../images/pages/img-tdash-fourPoints--04.png");
  background-position: left 28px center;
}

.software11 .softwareDetail .secThreeFeatures .planMidashi {
  padding: 40px 0 0;
  text-align: center;
  color: #186aab;
  font-size: 20px;
  font-weight: bold;
}

.software10 .softwareDetail .secRelated .boxList,
.software11 .softwareDetail .secRelated .boxList,
.software13 .softwareDetail .secRelated .boxList {
  display: block;
}

.software10 .softwareDetail .secRelated .boxList li,
.software11 .softwareDetail .secRelated .boxList li,
.software13 .softwareDetail .secRelated .boxList li {
  border: solid 1px #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.software10 .softwareDetail .notice,
.software11 .softwareDetail .notice {
  font-size: 11px;
  margin-bottom: 30px;
  text-align: right;
}

.software10 .softwareDetail .secCharacteristic,
.software11 .softwareDetail .secCharacteristic {
  margin-top: 50px
}

.software10 .softwareDetail .secCharacteristic .characteristicList,
.software11 .softwareDetail .secCharacteristic .characteristicList {
  margin-top: 12px;
  margin-left: 2.5px;
}

.software10 .softwareDetail .secCharacteristic .characteristicList li,
.software11 .softwareDetail .secCharacteristic .characteristicList li {
  float: left;
  height: 60px;
  margin: 0 15px 15px 0;
  width: 342px
}

.software10 .softwareDetail .secCharacteristic .characteristicList li:nth-child(2n),
.software11 .softwareDetail .secCharacteristic .characteristicList li:nth-child(2n) {
  margin-right: 0
}

.software10 .softwareDetail .secCharacteristic .characteristicList li span,
.software11 .softwareDetail .secCharacteristic .characteristicList li span {
  display: inline-block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -99999px;
  width: 60px
}

.software10 .softwareDetail .secCharacteristic .characteristicList li span.no01 {
  background: url(../images/pages/icon-softwaredetail-characteristic01.png) no-repeat center center #186aab
}

.software10 .softwareDetail .secCharacteristic .characteristicList li span.no02 {
  background: url(../images/pages/icon-softwaredetail-characteristic02.png) no-repeat center center #186aab
}

.software10 .softwareDetail .secCharacteristic .characteristicList li span.no03 {
  background: url(../images/pages/icon-softwaredetail-characteristic03.png) no-repeat center center #186aab
}

.software10 .softwareDetail .secCharacteristic .characteristicList li span.no04 {
  background: url(../images/pages/icon-softwaredetail-characteristic04.png) no-repeat center center #186aab
}

.software10 .softwareDetail .secCharacteristic .characteristicList li span.no05 {
  background: url(../images/pages/icon-softwaredetail-characteristic05.png) no-repeat center center #186aab
}

.software10 .softwareDetail .secCharacteristic .characteristicList li span.no06 {
  background: url(../images/pages/icon-softwaredetail-characteristic06.png) no-repeat center center #186aab
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .subTitle {
  background: #f5f5f5;
  color: #393939;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  font-weight: normal;
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .horizon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow {
  border: 1px solid #f5f5f5;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow:nth-last-of-type(1) {
  margin-left: 8px
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow:nth-last-of-type(2) {
  margin-right: 8px
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl,
.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl div,
.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl div .tit,
.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr div .tit {
  font-size: 15px;
  color: #186aab;
  display: block;
  line-height: 140%;
  margin-bottom: 15px;
  text-align: left;
  font-weight: bold;
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .textBox {
  font-size: 13px;
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl {
  background: #fff;
  width: calc(100% - 160px)
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fl div {
  padding: 15px;
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr {
  background: #f5f5f5;
  width: 160px;
}

.software10 .softwareDetail .secCharacteristic .secDetail01 .testFlow .fr div {
  margin-right: -9px;
}


.software10 .softwareDetail .secRelated .boxList li+li,
.software11 .softwareDetail .secRelated .boxList li+li,
.software13 .softwareDetail .secRelated .boxList li+li {
  margin-top: 20px;
}

.software10 .softwareDetail .secRelated .boxList li a,
.software11 .softwareDetail .secRelated .boxList li a,
.software13 .softwareDetail .secRelated .boxList li a {
  min-height: 80px;
  width: 100%;
}

.software10 .softwareDetail .secRelated .boxList li a:hover,
.software11 .softwareDetail .secRelated .boxList li a:hover,
.software13 .softwareDetail .secRelated .boxList li a:hover {
  opacity: 0.7;
}

.software10 .softwareDetail .secRelated .boxList li dl,
.software11 .softwareDetail .secRelated .boxList li dl,
.software13 .softwareDetail .secRelated .boxList li dl {
  width: 100%;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.software10 .softwareDetail .secRelated .boxList li dl dt,
.software10 .softwareDetail .secRelated .boxList li dl dd,
.software11 .softwareDetail .secRelated .boxList li dl dt,
.software11 .softwareDetail .secRelated .boxList li dl dd,
.software13 .softwareDetail .secRelated .boxList li dl dt,
.software13 .softwareDetail .secRelated .boxList li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.software10 .softwareDetail .secRelated .boxList li dl dt,
.software11 .softwareDetail .secRelated .boxList li dl dt,
.software13 .softwareDetail .secRelated .boxList li dl dt {
  background-color: #e8e8e8;
  width: 160px;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.software10 .softwareDetail .secRelated .boxList li dl dd,
.software11 .softwareDetail .secRelated .boxList li dl dd,
.software13 .softwareDetail .secRelated .boxList li dl dd {
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.software10 .softwareDetail .secRelated .boxList li dl dd span,
.software11 .softwareDetail .secRelated .boxList li dl dd span,
.software13 .softwareDetail .secRelated .boxList li dl dd span {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  padding-left: 16px;
  margin-left: 16px;
  color: #186aab;
  font-size: 17px;
}

.software10 .softwareDetail .secRelated .boxList li:nth-child(1) dl dd,
.software11 .softwareDetail .secRelated .boxList li:nth-child(1) dl dd {
  background-image: url("../images/pages/img-superfast-related--01-01.png");
}

.software10 .softwareDetail .secRelated .boxList li:nth-child(2) dl dd,
.software11 .softwareDetail .secRelated .boxList li:nth-child(2) dl dd {
  background-image: url("../images/pages/img-superfast-related--01-02.png");
}

.software10 .softwareDetail .secRelated .boxList li:nth-child(3) dl dd,
.software11 .softwareDetail .secRelated .boxList li:nth-child(3) dl dd {
  background-image: url("../images/pages/img-superfast-related--01-03.png");
}

.software10 .softwareDetail .secRelated .boxList li:nth-child(4) dl dd,
.software11 .softwareDetail .secRelated .boxList li:nth-child(4) dl dd {
  background-image: url("../images/pages/img-superfast-related--01-04.png");
}

.software13 .softwareDetail .secRelated .boxList li:nth-child(1) dl dd {
  background-image: url("../images/pages/img-fss-related--01-01.png");
}

.software13 .softwareDetail .secRelated .boxList li:nth-child(2) dl dd {
  background-image: url("../images/pages/img-fss-related--01-02.png");
}

.software13 .softwareDetail .secRelated .boxList li:nth-child(3) dl dd {
  background-image: url("../images/pages/img-fss-related--01-03.png");
}

.software14 .softwareDetail .secRelated .boxList li:nth-child(1) dl dd {
  background-image: url("../images/pages/img-qtd-related--01-01.png");
}

.software14 .softwareDetail .secRelated .boxList li:nth-child(2) dl dd {
  background-image: url("../images/pages/img-qtd-related--01-02.png");
}

.software14 .softwareDetail .secRelated .boxList li:nth-child(3) dl dd {
  background-image: url("../images/pages/img-qtd-related--01-03.png");
}

.software11 .default {
  margin-top: 5px;
  margin-bottom: 40px;
}

.software11 .default td,
.software11 .default th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

.software11 .default.center td,
.software11 .default.center th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
}

.software11 .default th {
  padding: 10px
}

.software11 .default td {
  padding: 10px
}

.software11 .default tr:first-child th {
  background: #186aab;
  color: #fff;
  text-align: center
}

.software11 .default th {
  width: auto
}

.software11 .default th {
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
}

.software11 .default td {
  font-size: 14px;
}

.software11 .horizon-box {
  border: solid 2px #186aab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}

.software11 .horizon-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px;
  font-weight: bold;
  width: 100%;
}

.software11 .horizon-box li:nth-child(2) {
  width: 50px;
}

.software11 .midashiLine {
  font-size: 16px;
}

.software11 .midashiLine span {
  color: #186aab;
  font-weight: bold;
}

.migration .minTitle,
.software12 .minTitle,
.software13 .minTitle {
  margin-bottom: 15px !important;
  padding-bottom: 15px;
  font-size: 24px !important;
  line-height: 30px;
  padding-left: 15px;
  position: relative;
  font-weight: normal !important;
}

.migration .minTitle.mb0,
.software13 .minTitle.mb0 {
  margin-bottom: 0 !important;
}

.migration .minTitle:before,
.software12 .minTitle:before,
.software13 .minTitle:before {
  content: '';
  width: 4px;
  height: 24px;
  display: inline-block;
  background: #dedede;
  position: absolute;
  left: 0;
  bottom: 20px;
}

.software14 h5.minTitle {
  font-size: 22px !important;
  padding-left: 0;
}

.software14 h5.minTitle:before {
  content: none;
}

.svgImage,
.software12 .softwareDetail .svgImage,
.software13 .softwareDetail .svgImage {
  width: 100%;
  vertical-align: top;
  text-align: center;
}

.svgImage .attention {
  text-align: right;
  font-size: 11px;
}

.svgImage img,
.software12 .softwareDetail .svgImage img,
.software13 .softwareDetail .svgImage img,
.software14 .softwareDetail .svgImage img {
  width: 100%;
  height: auto;
}

.software14 .softwareDetail .svgImage650,
.software14 .softwareDetail .svgImage600,
.software14 .softwareDetail .svgImage550 {
  text-align: center;
}

.software14 .softwareDetail .svgImage650 img {
  width: 650px;
  height: auto;
}

.software14 .softwareDetail .svgImage600 img {
  width: 600px;
  height: auto;
}

.software14 .softwareDetail .svgImage550 img {
  width: 550px;
  height: auto;
}

.software12 .softwareDetail .pointBalloon,
.software13 .softwareDetail .pointBalloon {
  line-height: 140%;
  margin: 30px 0 0;
  width: 100%
}

.software14 .softwareDetail .pointBalloon {
  line-height: 140%;
  margin: 30px 0 0;
  width: 100%
}

.software12 .softwareDetail .pointBalloon .human01,
.software13 .softwareDetail .pointBalloon .human01 {
  left: 50px;
  position: absolute;
  top: 22px;
  z-index: 1
}

.software14 .softwareDetail .pointBalloon .human01 {
  left: 50px;
  position: absolute;
  top: 35px;
  z-index: 1
}

.software12 .softwareDetail .pointBalloon p,
.software13 .softwareDetail .pointBalloon p {
  margin-top: 27px;
  position: absolute
}

.software13 .softwareDetail .pointBalloon p.mt40 {
  margin-top: 40px;
  position: absolute
}

.software12 .softwareDetail .pointBalloon p span,
.software13 .softwareDetail .pointBalloon p span {
  color: #186aab;
  font-weight: bold;
  font-size: 100%;
}

.software12 .softwareDetail .pointBalloon.pos01,
.software13 .softwareDetail .pointBalloon.pos01 {
  height: 110px;
}

.software14 .softwareDetail .pointBalloon.pos01 {
  height: 135px;
}

.software12 .softwareDetail .pointBalloon.pos01 p,
.software13 .softwareDetail .pointBalloon.pos01 p {
  left: 140px;
  text-align: left
}

.software14 .softwareDetail .pointBalloon.pos01 p {
  left: 130px;
  text-align: left
}

.software12 .softwareDetail .pointBalloon.pos02 {
  height: 165px;
}

.software13 .softwareDetail .pointBalloon.pos02 {
  height: 130px;
}

.software14 .softwareDetail .pointBalloon.pos02 {
  height: 115px;
}

.software12 .softwareDetail .pointBalloon .human02 {
  left: 50px;
  position: absolute;
  top: 48px;
  z-index: 1
}

.software13 .softwareDetail .pointBalloon .human02 {
  left: 50px;
  position: absolute;
  top: 32px;
  z-index: 1
}

.software14 .softwareDetail .pointBalloon .human02 {
  left: 50px;
  position: absolute;
  top: 27px;
  z-index: 1
}

.software12 .softwareDetail .pointBalloon.pos02 p,
.software13 .softwareDetail .pointBalloon.pos02 p,
.software14 .softwareDetail .pointBalloon.pos02 p {
  left: 140px;
  right: 40px;
  text-align: left
}

.software12 .softwareDetail .secResults .borderBox {
  border: solid 1px #186aab;
}

.software12 .softwareDetail .secResults .borderBox dt:nth-child(3),
.software12 .softwareDetail .secResults .borderBox dd:last-child {
  margin-bottom: 0;
}

.software12 .softwareDetail .secResults .demonstrationList>li {
  padding: 0 0 25px 11px;
}

.software12 .softwareDetail .secResults .demonstrationList>li div {
  width: calc(100% - 110px);
  display: inline-block;
  margin-left: 14px;
}

.software12 .softwareDetail .secResults .caseBox {
  padding: 15px;
  border: 1px solid #ECECEC;
}

.software12 .softwareDetail .secResults .demonstrationList>li:last-child {
  background: #f5f5f5;
  margin-bottom: 0;
  padding: 25px 0 25px 11px;
  z-index: 1;
}


.software14 .softwareDetail .caseBlock .title {
  background-color: #44A59B;
  padding: 15px 15px 12px;
  margin-bottom: 0 !important;
  color: #fff;
  border: none;
  font-size: 20px;
  line-height: 20px;
}

.software14 .softwareDetail .caseBlock:last-of-type {
  margin-bottom: 80px;
}

.software14 .softwareDetail .caseBlock .title span {
  display: inline-block;
  width: 140px;
  color: #fff;
  font-weight: bold;
}

.software14 .softwareDetail .caseBlock .caseBlockBox,
.software14 .softwareDetail .caseBlock .caseBlockBox dl {
  border: none;
  text-align: left;
}

.software14 .softwareDetail .caseBlock .caseBlockBox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #999;
  border-top: none;
}

.software14 .softwareDetail .caseBlock .caseBlockBox dl dt,
.software14 .softwareDetail .caseBlock .caseBlockBox dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;
  margin-top: 0;
  font-size: 18px;
}

.software14 .softwareDetail .caseBlock .caseBlockBox dl dt {
  width: 140px;
  padding: 15px;
  font-weight: normal;
  border-top: 1px solid #999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}

.software14 .softwareDetail .caseBlock .caseBlockBox dl dd {
  width: calc(100% - 171px);
  padding: 15px;
  font-weight: normal;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

.software14 .softwareDetail .caseBlock .caseBlockBox dl dt:first-of-type,
.software14 .softwareDetail .caseBlock .caseBlockBox dl dd:first-of-type {
  padding: 10px 15px;
}

.software14 .softwareDetail .caseBlock .caseBlockBox dl dd.price_bold {
  font-weight: bold;
}

.software14 .softwareDetail .caseBlock .caseBlockBox dl dd ul li {
  display: inline-block;
  padding: 4px 8px;
  color: #fff;
  font-weight: bold;
}

.software14 .softwareDetail .caseBlock .caseBlockBox dl dd ul li:first-of-type {
  margin-right: 10px;
}

.standardBox {
  background-color: #dd6080
}

.expertBox {
  background-color: #f28d01
}

.customBox {
  background-color: #35a7e0
}

.software14 .softwareDetail .qtd-three--Plan {
  text-align: left;
}

.software14 .softwareDetail .qtd-three--Plan {
  text-align: left;
}


.software14 .softwareDetail .qtd-three--Plan dl {
  display: inline-block;
  vertical-align: top;
}

.software14 .softwareDetail .qtd-three--Plan dl dt,
.software14 .softwareDetail .qtd-three--Plan dl dd {
  vertical-align: top;
}

.software14 .softwareDetail .qtd-three--Plan dl dt {
  color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.software14 .softwareDetail .qtd-three--Plan dl .roundBox {
  border-radius: 6px;
  background-color: #F6FCFC;
  color: #393939;
  padding: 10px;
  min-height: 180px;
}

.software14 .softwareDetail .qtd-three--Plan dl dd.qtd-plan--kanten {
  border-bottom: solid 2px #C6DEE2;
  padding: 0 0 6px;
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.software14 .softwareDetail .qtd-three--Plan dl dd.qtd-plan--kanten span {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

.software14 .softwareDetail .qtd-three--Plan dl dd.qtd-plan--tokucho {
  font-size: 13px;
  /*border-bottom: solid 2px #C6DEE2;*/
  padding: 0 0 10px;
  /*margin-bottom: 10px;*/
}

.software14 .softwareDetail .qtd-three--Plan dl dd.qtd-plan--price {
  color: #393939;
  font-size: 26px;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
}

.qtd-lightPlan,
.qtd-standardPlan,
.qtd-expertPlan {
  border-radius: 8px;
  color: #fff;
  width: 26.82%;
  min-height: 230px;
}

.qtd-lightPlan {
  border: 5px solid #186AAB;
  border-radius: 8px;
  background-color: #186AAB;
  color: #fff;
  margin-right: 10px;
}

.qtd-standardPlan {
  border: 5px solid #DD6080;
  border-radius: 8px;
  background-color: #DD6080;
  color: #fff;
  margin-right: 10px;
}

.qtd-expertPlan {
  border: 5px solid #F28D01;
  border-radius: 8px;
  background-color: #F28D01;
  color: #fff;
}

.qtd-plan--tokucho.pb60 {
  padding-bottom: 67px !important;
}

.software14 .softwareDetail dl.qtd-hyoudai {
  vertical-align: top;
  margin-right: 8px;
}

.software14 .softwareDetail dl.qtd-hyoudai dt,
.software14 .softwareDetail dl.qtd-hyoudai dd {
  color: #393939;
  text-align: right;
  font-size: 16px !important;
  font-weight: normal !important;
  padding: 0;
}

.software14 .softwareDetail dl.qtd-hyoudai dt {
  vertical-align: middle;
  padding: 16px 0 12px;
  margin-bottom: 14px;
  border-bottom: solid 2px #ccc;
}

.software14 .softwareDetail dl.qtd-hyoudai dd:nth-child(2) {
  padding: 0 0 10px;
  margin-bottom: 16px;
  border-bottom: solid 2px #ccc;
}

.software14 .softwareDetail dl.qtd-hyoudai dd:nth-child(3) {
  padding: 0 0 79px;
  margin-bottom: 14px;
  border-bottom: solid 2px #ccc;
}

.consultingDetail .hWrapPos {
  height: 95px;
  margin: -40px 0 35px;
  padding-top: 40px
}

.consulting01 .consultingDetail .hWrapPos {
  background: url(../images/pages/bg-consultingdetail-mv-consulting01.png) no-repeat right 0
}

.consulting02 .consultingDetail .hWrapPos {
  background: url(../images/pages/bg-consultingdetail-mv-consulting02.png) no-repeat right 0
}

.consulting03 .consultingDetail .hWrapPos {
  background: url(../images/pages/bg-consultingdetail-mv-consulting03.png) no-repeat right 0
}

.consultingDetail .hWrapPos .consultingTopDetail {
  margin-bottom: 0;
  padding: 0
}

.consultingDetail .hWrapPos .consultingTopDetail .hTitle {
  color: #393939;
  font-weight: bold;
  font-size: 28px;
  line-height: 138%
}

.consultingDetail .hWrapPos .consultingTopDetail .hTitle span {
  display: block;
  font-size: 14px;
  line-height: 140%
}

.consulting01 .consultingDetail .secTopComment .subTitle,
.consulting02 .consultingDetail .secTopComment .subTitle,
.consulting03 .consultingDetail .subTitle {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 15px
}

.consulting01 .consultingDetail .secQuality {
  margin-top: 35px
}

.consulting01 .consultingDetail .secQuality .hWrap {
  margin-bottom: 18px
}

.consulting01 .consultingDetail .secQuality .txt {
  margin-bottom: 35px
}

.consulting01 .consultingDetail .secQuality .serviceList {
  margin-top: 35px
}

.consulting01 .consultingDetail .secQuality .serviceList .subTitle {
  color: #393939;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px
}

.consulting01 .consultingDetail .secQuality .serviceList .grayBox {
  font-size: 14px;
  padding: 30px 20px
}

.consulting01 .consultingDetail .secQuality .serviceList .grayBox li {
  float: left;
  width: 220px
}

.consulting01 .consultingDetail .secReleaseflow {
  margin-top: 65px
}

.consulting01 .consultingDetail .secReleaseflow dt {
  background: #186aab;
  float: left;
  position: relative;
  width: 140px
}

.consulting01 .consultingDetail .secReleaseflow dt p {
  color: #fff;
  display: table;
  font-size: 16px;
  text-align: center;
  width: 100%
}

.consulting01 .consultingDetail .secReleaseflow dt p>span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.consulting01 .consultingDetail .secReleaseflow dt p .line {
  background: #8fb0ca;
  display: block;
  height: 12px;
  margin: 5px auto 5px auto;
  text-indent: -99999px;
  width: 1px
}

.consulting01 .consultingDetail .secReleaseflow dt:after {
  content: url(../images/common/arrow-flowlist.png);
  bottom: -22px;
  left: 40px;
  position: absolute
}

.consulting01 .consultingDetail .secReleaseflow dt:last-of-type:after {
  content: none;
  margin-left: 0
}

.consulting01 .consultingDetail .secReleaseflow dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 1px #dedede;
  border-right: solid 1px #dedede;
  border-top: solid 1px #dedede;
  padding: 27px 32px 27px 172px;
  margin-bottom: 40px
}

.consulting01 .consultingDetail .secReleaseflow dd .flowTitle {
  font-size: 20px
}

.consulting01 .consultingDetail .secReleaseflow dd p {
  margin-top: 16px
}

.consulting01 .consultingDetail .secReleaseflow dd div.inBox {
  background: #f2f9f9;
  font-size: 15px;
  font-weight: bold;
  margin-top: 16px;
  padding: 13px 22px
}

.consulting01 .consultingDetail .secReleaseflow dd div.inBox .title {
  font-weight: bold;
  margin-bottom: 10px
}

.consulting01 .consultingDetail .secCaseflow,
.solution05 .offshoreDetail .secCaseflow {
  margin-top: 65px
}

.consulting01 .consultingDetail .secCaseflow .minTitle,
.solution05 .offshoreDetail .secCaseflow .minTitle {
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 24px;
  line-height: 30px;
  padding-left: 15px;
  position: relative
}

.consulting01 .consultingDetail .secCaseflow .minTitle:before,
.solution05 .offshoreDetail .secCaseflow .minTitle:before {
  content: '';
  width: 4px;
  height: 24px;
  display: inline-block;
  background: #dedede;
  position: absolute;
  left: 0;
  bottom: 20px
}

.consulting01 .consultingDetail .secCaseflow .minTitle span,
.solution05 .offshoreDetail .secCaseflow .minTitle span {
  color: #186aab;
  font-size: 14px;
  line-height: 30px;
  margin-left: 10px;
  margin-top: -5px;
  vertical-align: middle
}

.consulting01 .consultingDetail .secCaseflow .flowList,
.solution05 .offshoreDetail .secCaseflow .flowList {
  margin-top: 35px
}

.consulting01 .consultingDetail .secCaseflow dt,
.solution05 .offshoreDetail .secCaseflow dt {
  background: #fff;
  border: solid 1px #4688bc;
  border-width: 1px 1px 0;
  float: left;
  position: relative;
  width: 140px
}

.consulting01 .consultingDetail .secCaseflow dt p,
.solution05 .offshoreDetail .secCaseflow dt p {
  color: #186aab;
  display: table;
  font-size: 20px;
  text-align: center;
  width: 100%
}

.consulting01 .consultingDetail .secCaseflow dt p>span,
.solution05 .offshoreDetail .secCaseflow dt p>span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.consulting01 .consultingDetail .secCaseflow dt p .line,
.solution05 .offshoreDetail .secCaseflow dt p .line {
  background: #8fb0ca;
  display: block;
  height: 12px;
  margin: 5px auto 5px;
  text-indent: -99999px;
  width: 1px
}

.consulting01 .consultingDetail .secCaseflow dt:after,
.solution05 .offshoreDetail .secCaseflow dt:after {
  content: url(../images/common/arrow-flowlist02.png);
  bottom: -27px;
  position: absolute
}

.consulting01 .consultingDetail .secCaseflow dt:last-of-type,
.solution05 .offshoreDetail .secCaseflow dt:last-of-type {
  background: #186aab
}

.consulting01 .consultingDetail .secCaseflow dt:last-of-type:after,
.solution05 .offshoreDetail .secCaseflow dt:last-of-type:after {
  content: none;
  margin-left: 0
}

.consulting01 .consultingDetail .secCaseflow dt:last-of-type p,
.solution05 .offshoreDetail .secCaseflow dt:last-of-type p {
  color: #fff
}

.consulting01 .consultingDetail .secCaseflow dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 172px;
  margin-bottom: 40px
}

.solution05 .offshoreDetail .secCaseflow dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 162px;
  margin-bottom: 40px
}

.consulting01 .consultingDetail .secCaseflow dd .flowTitle,
.solution05 .offshoreDetail .secCaseflow dd .flowTitle {
  font-size: 20px
}

.consulting01 .consultingDetail .secCaseflow dd p,
.solution05 .offshoreDetail .secCaseflow dd p {
  margin-top: 16px
}

.consulting01 .consultingDetail .secCaseflow dd p.end,
.solution05 .offshoreDetail .secCaseflow dd p.end {
  font-weight: bold
}

.consulting01 .consultingDetail .secCaseflow dd p.pos {
  padding: 20px 0
}

.solution05 .offshoreDetail .secCaseflow dd ul.pos {
  padding: 5px 0
}

.solution05 .offshoreDetail .secCaseflow dd ul.pos li {
  text-indent: -1rem;
  padding-left: 1rem;
}

.solution05 .offshoreDetail .secCaseflow dd ul.pos li.bold {
  font-weight: bold;
}

.solution05 .offshoreDetail .secCaseflow dd img {
  width: 100%;
  height: auto;
}

.consulting01 .consultingDetail .secCaseflow dd div.inBox,
.solution05 .offshoreDetail .secCaseflow dd div.inBox {
  background: #f2f9f9;
  font-size: 15px;
  font-weight: bold;
  margin-top: 16px;
  padding: 13px 22px
}

.consulting01 .consultingDetail .secCaseflow dd div.inBox .title,
.solution05 .offshoreDetail.secCaseflow dd div.inBox .title {
  font-weight: bold;
  margin-bottom: 10px
}

.consulting01 .consultingDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 20px 0 0;
  width: 100%
}

.consulting01 .consultingDetail .pointBalloon .human01 {
  left: 65px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.consulting01 .consultingDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.consulting01 .consultingDetail .pointBalloon.pos01 p {
  left: 115px;
  text-align: left
}

.consulting02 .consultingDetail .secProcess {
  margin-top: 35px
}

.consulting02 .consultingDetail .secProcess .hWrap {
  margin-bottom: 18px
}

.consulting02 .consultingDetail .secProcess .txt {
  margin-bottom: 35px
}

.consulting02 .consultingDetail .underTitle {
  background: #f5f5f5;
  font-size: 18px;
  font-weight: bold;
  line-height: 44px;
  text-align: center
}

.consulting02 .consultingDetail .grayBox {
  border: solid 1px #dedede;
  margin-top: 20px;
  padding: 30px 0 45px;
  text-align: center
}

.consulting02 .consultingDetail .knowhowBox {
  border: solid 1px #dedede;
  border-width: 0 1px 1px;
  padding: 37px 28px
}

.consulting02 .consultingDetail .knowhowBox:before {
  content: url(../images/pages/arrow-consultingdetail-knowhowbox.png);
  left: 322px;
  position: absolute;
  top: -28px
}

.consulting02 .consultingDetail .knowhowBox .knowTitle {
  font-size: 20px;
  font-weight: bold;
  text-align: center
}

.consulting02 .consultingDetail .knowhowBox .pointList {
  margin-top: 38px
}

.consulting02 .consultingDetail .knowhowBox .pointList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f7fcfc;
  border: 1px solid #d8ecec;
  float: left;
  padding: 25px 20px;
  text-align: center;
  margin: 0 20px 20px 0;
  width: 312px
}

.consulting02 .consultingDetail .knowhowBox .pointList li:nth-child(2n) {
  margin-right: 0
}

.consulting02 .consultingDetail .knowhowBox .pointList li .title {
  color: #186aab;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px
}

.consulting02 .consultingDetail .knowhowBox .pointList li p {
  font-size: 14px
}

.consulting02 .consultingDetail .secDiagnosisflow {
  margin-top: 65px
}

.consulting02 .consultingDetail .secDiagnosisflow dt {
  background: #186aab;
  float: left;
  position: relative;
  width: 140px
}

.consulting02 .consultingDetail .secDiagnosisflow dt p {
  color: #fff;
  display: table;
  font-size: 16px;
  text-align: center;
  width: 100%
}

.consulting02 .consultingDetail .secDiagnosisflow dt p span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.consulting02 .consultingDetail .secDiagnosisflow dt:after {
  bottom: -22px;
  content: url(../images/common/arrow-flowlist.png);
  left: 40px;
  position: absolute
}

.consulting02 .consultingDetail .secDiagnosisflow dt:last-of-type:after {
  content: none;
  margin-left: 0
}

.consulting02 .consultingDetail .secDiagnosisflow dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 1px 1px 1px 0;
  margin-bottom: 40px;
  padding: 27px 32px 27px 172px
}

.consulting02 .consultingDetail .secDiagnosisflow dd .flowTitle {
  font-size: 20px
}

.consulting02 .consultingDetail .secDiagnosisflow dd p {
  margin-top: 16px
}

.consulting02 .consultingDetail .secDiagnosisflow dd div.inBox {
  margin-top: 16px;
  padding: 13px 22px
}

.consulting02 .consultingDetail .secDiagnosisflow dd div.inBox .dotList li {
  display: inline-block;
  padding-right: 30px
}

.consulting02 .consultingDetail .secDiagnosisflow dd div.inBox .title {
  font-weight: bold;
  margin-bottom: 10px
}

.consulting02 .consultingDetail .secDiagnosisflow dd div.inBox.document {
  background: url(../images/pages/bg-softwarelist-flowlist.png) no-repeat 15px center #f2f9f9;
  padding-left: 80px
}

.consulting02 .consultingDetail .secDiagnosisflow dd div.inBox.list {
  background: #f5f5f5
}

.consulting02 .consultingDetail .secCase {
  margin-top: 65px
}

.consulting02 .consultingDetail .secCase .caseList li+li {
  margin-top: 35px
}

.consulting02 .consultingDetail .secCase .caseList li .noTitle {
  font-size: 20px
}

.consulting02 .consultingDetail .secCase .caseList li .noTitle span {
  color: #186aab
}

.consulting02 .consultingDetail .secCase .caseList li .noTitle span.no01,
.consulting02 .consultingDetail .secCase .caseList li .noTitle span.no02 {
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 10px;
  text-indent: -99999px;
  width: 27px;
  border-radius: 3px
}

.consulting02 .consultingDetail .secCase .caseList li .noTitle span.no01 {
  background: url(../images/common/icon-list-no01.png) no-repeat 11px center #393939
}

.consulting02 .consultingDetail .secCase .caseList li .noTitle span.no02 {
  background: url(../images/common/icon-list-no02.png) no-repeat center center #393939
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dd,
.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dt {
  margin-top: 20px;
  padding: 20px
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dd .inList dt,
.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dt .inList dt {
  background: #dedede;
  display: table;
  float: left;
  font-weight: bold;
  text-align: center;
  width: 65px
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dd .inList dt span,
.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dt .inList dt span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dd .inList dd,
.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dt .inList dd {
  padding-left: 80px
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dt {
  border: solid 1px #dedede
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dt .inList dt {
  background: #dedede
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dd {
  border: solid 1px #186aab
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dd .inList {
  background: url(../images/common/line-dot-orizontal04.gif) repeat-x bottom;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dd .inList dt {
  background: #186aab;
  color: #fff
}

.consulting02 .consultingDetail .secCase .caseList li .resolutionBox>dd .arrow {
  background: url(../images/common/icon-arrow-bold02.png) no-repeat left center;
  font-size: 12px;
  margin-top: 20px;
  padding-left: 35px
}

.consulting02 .consultingDetail .secCase .photoBox {
  margin-top: 37px
}

.consulting02 .consultingDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 20px 0 0;
  width: 100%
}

.consulting02 .consultingDetail .pointBalloon .human01 {
  left: 160px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.consulting02 .consultingDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.consulting02 .consultingDetail .pointBalloon.pos01 p {
  left: 204px;
  text-align: left
}


.consulting03 .secTopComment .threePoints {
  margin-top: 30px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.consulting03 .secTopComment .threePoints>li {
  width: calc(100% / 3);
  border: solid 1px #C6DEE2;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
}

.consulting03 .secTopComment .threePoints li img {
  margin-bottom: 10px;
}

.consulting03 .secTopComment .threePoints>li:nth-child(2) {
  margin: 0 10px;
}

.consulting03 .consultingDetail .pointBalloon.pos01 {
  height: 120px;
}

.consulting03 .consultingDetail .pointBalloon .human01 {
  left: 42px;
  position: absolute;
  top: 26px;
  z-index: 1;
}

.consulting03 .consultingDetail .pointBalloon.pos01 p {
  left: 120px;
  right: 45px;
  text-align: left
}

.consulting03 .consultingDetail .pointBalloon.pos02 {
  height: 96px;
}

.consulting03 .consultingDetail .pointBalloon .human02 {
  left: 58px;
  position: absolute;
  top: 17px;
  z-index: 1;
}

.consulting03 .consultingDetail .pointBalloon.pos02 p {
  left: 140px;
  margin-top: 36px;
  text-align: left
}

.consulting03 .consultingDetail .secReleaseflow {
  margin-top: 65px
}

.consulting03 .consultingDetail .secReleaseflow dt {
  background: #186aab;
  float: left;
  position: relative;
  width: 106px
}

.consulting03 .consultingDetail .secReleaseflow dt p {
  color: #fff;
  display: table;
  font-size: 16px;
  text-align: center;
  width: 100%
}

.consulting03 .consultingDetail .secReleaseflow dt p>span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.consulting03 .consultingDetail .secReleaseflow dt p .line {
  background: #8fb0ca;
  display: block;
  height: 12px;
  margin: 5px auto 5px auto;
  text-indent: -99999px;
  width: 1px
}

.consulting03 .consultingDetail .secReleaseflow dt:after {
  content: url(../images/common/arrow-flowlist--thick.png);
  bottom: -35px;
  left: 0;
  position: absolute;
  z-index: 3;
}

.consulting03 .consultingDetail .secReleaseflow dt:last-of-type:after {
  content: none;
  margin-left: 0
}

.consulting01 .consultingDetail .secReleaseflow dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 1px #186AAB;
  border-right: solid 1px #186AAB;
  border-top: solid 1px #186AAB;
  padding: 20px 20px 20px 158px;
  margin-bottom: 18px;
}

.consulting03 .consultingDetail .secReleaseflow dd .flowTitle {
  font-size: 20px;
  font-weight: bold;
}

.consulting03 .consultingDetail .secReleaseflow dd p {
  margin-top: 16px
}

.consulting03 .consultingDetail .secReleaseflow dd div.inBox {
  background: #f2f9f9;
  font-size: 15px;
  font-weight: bold;
  margin-top: 16px;
  padding: 13px 22px
}

.consulting03 .consultingDetail .secReleaseflow dd div.inBox .title {
  font-weight: bold;
  margin-bottom: 10px
}

.consulting03 .consultingDetail .secCaseflow {
  margin-top: 65px
}

/*
.consulting03 .consultingDetail .secCaseflow .minTitle {
  margin-bottom: 15px;
  padding-bottom: 0;
  padding-left: 0px;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  color: #186aab;
  font-weight: bold;
}

.consulting03 .consultingDetail .secCaseflow .minTitle:before {
  content: none;
  width: 4px;
}
*/
.consulting03 .consultingDetail .secCaseflow .minTitle {
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 24px;
  line-height: 30px;
  padding-left: 15px;
  position: relative
}

.consulting03 .consultingDetail .secCaseflow .minTitle:before {
  content: '';
  width: 4px;
  height: 24px;
  display: inline-block;
  background: #dedede;
  position: absolute;
  left: 0;
  bottom: 20px
}

.consulting03 .consultingDetail .secCaseflow .flowList {
  margin-top: 35px
}

.consulting03 .consultingDetail .secCaseflow dt {
  background: #fff;
  border: solid 1px #4688bc;
  border-width: 1px 1px 0;
  float: left;
  position: relative;
  width: 140px
}

.consulting03 .consultingDetail .secCaseflow dt p {
  color: #186aab;
  display: table;
  font-size: 20px;
  text-align: center;
  width: 100%
}

.consulting03 .consultingDetail .secCaseflow dt p>span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.consulting03 .consultingDetail .secCaseflow dt p .line {
  background: #8fb0ca;
  display: block;
  height: 12px;
  margin: 5px auto 5px;
  text-indent: -99999px;
  width: 1px
}

.consulting03 .consultingDetail .secCaseflow dt:after {
  content: url(../images/common/arrow-flowlist03.png);
  bottom: -7px;
  position: absolute;
  z-index: 3;
  left: -1px;
  right: -1px;
}

.consulting03 .consultingDetail .secCaseflow dt:last-of-type {
  background: #186aab
}

.consulting03 .consultingDetail .secCaseflow dt:last-of-type:after {
  content: none;
  margin-left: 0
}

.consulting03 .consultingDetail .secCaseflow dt:last-of-type p {
  color: #fff
}

.consulting01 .consultingDetail .secCaseflow dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 172px;
  margin-bottom: 40px
}

.consulting03 .consultingDetail .secCaseflow dd .flowTitle {
  font-size: 20px
}

.consulting03 .consultingDetail .flowList dd .flowBox {
  margin: 45px 0 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 9px 10px 7px;
  border: solid 1px #186AAB;
}

.consulting03 .consultingDetail .secCaseflow dd p {
  margin-top: 16px
}

.consulting03 .consultingDetail .secCaseflow dd p.end {
  font-weight: bold
}

.consulting03 .consultingDetail .secCaseflow dd p.pos {
  padding: 20px 0
}

.consulting03 .consultingDetail .secCaseflow dd div.inBox {
  background: #f2f9f9;
  font-size: 15px;
  font-weight: bold;
  margin-top: 16px;
  padding: 13px 22px
}

.consulting03 .consultingDetail .secCaseflow dd div.inBox .title {
  font-weight: bold;
  margin-bottom: 10px
}

.consulting03 .consultingDetail .secReleaseflow dd .flowList-col2 {
  width: 100%;
  text-align: left;
}

.consulting03 .consultingDetail .secReleaseflow dd .flowList-col2 li {
  display: inline-block;
  width: calc(50% - 8px);
}

.consulting03 .consultingDetail .secReleaseflow dd .flowList-col2 li .flowBox {
  margin: 0 0 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 9px 10px 7px;
  border: solid 1px #186AAB;
}

.consulting03 .consultingDetail .secReleaseflow dd .flowList-col2 li:nth-child(1) {
  margin-right: 5px;
}

.consulting03 .consultingDetail .secReleaseflow dd .flowList-col2 li:nth-child(2) {
  margin-left: 5px;
}

.consulting03 .consultingDetail .secReleaseflow .flowList {
  margin-bottom: 35px;
}

.consulting03 .consultingDetail .btnGhost {
  max-width: 400px;
  margin: 45px auto;
}

.consulting03 .consultingDetail .secCaseflow .bold {
  font-weight: bold;
}

.consulting03 .consultingDetail .secCaseflow .flowList {
  margin: 0 0 60px;
}

.consulting03 .consultingDetail .secCaseflow .flowList dt {
  background: #fff;
  border: solid 1px #4688bc;
  border-width: 1px 1px 0;
  float: left;
  position: relative;
  width: 106px;
}

.consulting03 .consultingDetail .secCaseflow .flowList dt p>span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 14px;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 120px;
  margin-bottom: 11px;
}

.consulting03 .consultingDetail .secCaseflow dt:last-of-type {
  background: #186aab;
}

.consulting03 .consultingDetail .secCaseflow .flowList dt:last-of-type p>span {
  padding-bottom: 0;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue {
  border: solid 1px #186AAB;
  padding: 15px 10px 15px 15px;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd p.pos {
  padding: 10px 0;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue dl {
  width: 100%;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue dl dt,
.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue dl dd {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue dl dt:last-of-type,
.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue dl dd:last-of-type {
  margin-bottom: 0;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue dl dt {
  background: #186aab;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  width: 100px;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue dl dt::after {
  content: none;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue dl dd {
  width: calc(100% - 122px);
  padding: 5px 0 5px 10px;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue dl dd ul {
  list-style-type: disc;
  margin-left: 1rem;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue ul.listSquare {
  text-indent: -1.2rem;
  padding-left: 1.2rem;
  font-weight: bold;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue ul.listSquare span {
  color: #186aab;
}

.consulting03 .consultingDetail .secCaseflow .flowList dd .boxBlue ul.listSquare ul.listDisc {
  list-style: disc;
  text-indent: 0;
  margin-left: 1.2rem;
  padding: 5px 0 0;
}

.consulting03 .consultingDetail.secRelated .boxList {
  display: block;
}

.consulting03 .consultingDetail .secRelated .boxList li {
  border: solid 1px #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.consulting03 .consultingDetail .secRelated .boxList li+li {
  margin-top: 20px;
}

.consulting03 .consultingDetail .secRelated .boxList li a {
  min-height: 80px;
  width: 100%;
}

.consulting03 .consultingDetail .secRelated .boxList li a:hover {
  opacity: 0.7;
}

.consulting03 .consultingDetail .secRelated .boxList li dl {
  width: 100%;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.consulting03 .consultingDetail .secRelated .boxList li dl dt,
.consulting03 .consultingDetail .secRelated .boxList li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.consulting03 .consultingDetail .secRelated .boxList li dl dt {
  background-color: #e8e8e8;
  width: 160px;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.consulting03 .consultingDetail .secRelated .boxList li dl dd {
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.consulting03 .consultingDetail .secRelated .boxList li dl dd span {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  padding-left: 16px;
  margin-left: 16px;
  color: #186aab;
  font-size: 17px;
}

.consulting03 .consultingDetail .secRelated .boxList li:nth-child(1) dl dd {
  background-image: url("../images/pages/img-enterprise-related--01-03.png");
}

.consulting03 .consultingDetail .secRelated .boxList li:nth-child(2) dl dd {
  background-image: url("../images/pages/img-consulting03-related--01-01.png");
}

.consulting03 .consultingDetail .secRelated .boxList li:nth-child(3) dl dd {
  background-image: url("../images/pages/img-enterprise-related--01-02.png");
}




.offshoreList .hWrap.offshoreTop {
  background: url(../images/pages/bg-offshorelist-title.png) no-repeat right top;
  margin-bottom: 30px;
  padding: 24px 0 12px 0px
}

.offshoreList .hWrap.offshoreTop .hTitle {
  color: #186aab;
  font-size: 30px;
  font-weight: bold;
  line-height: 138%
}

.offshoreList .hMintitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px
}

.offshoreList .topTxtArea {
  margin: 5px 0 45px
}

.offshoreList .topTxtArea .tit {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px
}

.offshoreList.top .secOffshoreList section .offshoreListDetail {
  margin-right: -19px
}

.offshoreList.top .secOffshoreList section .offshoreListDetail li {
  float: left;
  border: 1px solid #e8e8e8;
  margin: 0 19px 20px 0
}

.offshoreList.top .secOffshoreList section .offshoreListDetail li .tit {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #f5f5f5;
  border-bottom: 1px solid #e8e8e8;
  padding: 15px 10px 9px
}

.offshoreList.top .secOffshoreList section .offshoreListDetail li .btnDetail {
  margin-top: 13px
}

.offshoreList.top .secOffshoreList section .offshoreListDetail li .btnDetail a {
  padding: 5px 0 3px
}

.offshoreList.top .secOffshoreList section .offshoreListDetail li .btnDetail a span {
  font-size: 14px;
  padding: 2px 0 0 17px
}

.offshoreList.top .secOffshoreList .secSolution {
  margin-bottom: 45px
}

.offshoreList.top .secOffshoreList .secSolution .offshoreListDetail.col2 li {
  width: 341px
}

.offshoreList.top .secOffshoreList .secSolution .offshoreListDetail.col2 li .inner {
  padding: 23px 20px 20px
}

.offshoreList.top .secOffshoreList .secSolution .offshoreListDetail.col2 li .inner .imgArea {
  width: 126px
}

.offshoreList.top .secOffshoreList .secSolution .offshoreListDetail.col2 li .inner .txtArea {
  width: 154px
}

.offshoreList.top .secOffshoreList .secSoftware .offshoreListDetail.col3 {
  margin-right: -19px
}

.offshoreList.top .secOffshoreList .secSoftware .offshoreListDetail.col3 li {
  width: 220px
}

.offshoreList.top .secOffshoreList .secSoftware .offshoreListDetail.col3 li .tit {
  line-height: 1.2;
  padding: 8px
}

.offshoreList.top .secOffshoreList .secSoftware .offshoreListDetail.col3 li .tit span {
  font-size: 13px
}

.offshoreList.top .secOffshoreList .secSoftware .offshoreListDetail.col3 li .inner {
  padding: 19px 20px 24px
}

.offshoreList.top .secOffshoreList .secSoftware .offshoreListDetail.col3 li .inner .txtArea {
  margin-top: 13px
}

.offshoreDetail .hWrapPos {
  height: 95px;
  margin: -40px 0 35px;
  padding-top: 40px
}

.offshore01 .offshoreDetail .hWrapPos,
.solution02 .offshoreDetail .hWrapPos,
.solution .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore01.png) no-repeat right 0
}

.offshore02 .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore02.png) no-repeat right 0
}

.offshore03 .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore03.png) no-repeat right 0
}

.offshore04 .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore04.png) no-repeat right 0
}

.offshore05 .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore05.png) no-repeat right 0
}

.offshore06 .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore06.png) no-repeat right 0
}

.offshore07 .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore07.png) no-repeat right 0
}

.offshore08 .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore08.png) no-repeat right 0
}

.offshore09 .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore09.png) no-repeat right 0
}

.offshore10 .offshoreDetail .hWrapPos {
  background: url(../images/pages/bg-offshoredetail-mv-offshore10.png) no-repeat right 0
}

.migration .offshoreDetail .hWrapPos {
  background: url(../images/pages/img-solution--migration--00.png) no-repeat right 0
}

.solution03 .offshoreDetail .hWrapPos {
  background: none;
  position: relative;
  margin: -40px 0 65px;
}

.solution03 .offshoreDetail .hWrapPos img {
  position: absolute;
  top: 40px;
  right: 0;
}

.offshoreDetail .hWrapPos .offshoreTopDetail {
  margin-bottom: 0;
  padding: 0
}

.offshoreDetail .hWrapPos .offshoreTopDetail .hTitle {
  color: #393939;
  font-weight: bold;
  font-size: 28px;
  line-height: 138%
}

.offshoreDetail .hWrapPos .offshoreTopDetail .hTitle span {
  display: block;
  font-size: 14px;
  line-height: 140%
}

.offshore01 .offshoreDetail .secTopComment .subTitle,
.offshore02 .offshoreDetail .secTopComment .subTitle,
.offshore03 .offshoreDetail .secTopComment .subTitle,
.offshore04 .offshoreDetail .secTopComment .subTitle,
.offshore05 .offshoreDetail .secTopComment .subTitle,
.offshore06 .offshoreDetail .secTopComment .subTitle,
.offshore08 .offshoreDetail .secTopComment .subTitle,
.offshore09 .offshoreDetail .secTopComment .subTitle,
.offshore10 .offshoreDetail .secTopComment .subTitle,
.solution02 .offshoreDetail .secTopComment .subTitle,
.solution03 .offshoreDetail .secTopComment .subTitle,
.solution .offshoreDetail .secTopComment .subTitle {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 7px
}

.solution02 .offshoreDetail .testResults,
.solution .offshoreDetail .testResults {
  margin-top: 40px
}

.solution02 .offshoreDetail .testResults+.testResults,
.solution .offshoreDetail .testResults+.testResults {
  margin-top: 35px
}

.solution02 .offshoreDetail .testResults .titResults,
.solution .offshoreDetail .testResults .titResults {
  color: #1ba7aa;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px
}

.solution02 .offshoreDetail .testResults table.resultsTable,
.solution .offshoreDetail .testResults table.resultsTable {
  border: solid 1px #e8e8e8;
  border-width: 1px 0 0 1px;
  font-size: 14px;
  margin-top: 20px;
  width: 100%
}

.solution02 .offshoreDetail .testResults table.resultsTable tr td,
.solution02 .offshoreDetail .testResults table.resultsTable tr th,
.solution .offshoreDetail .testResults table.resultsTable tr td,
.solution .offshoreDetail .testResults table.resultsTable tr th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 20px
}

.solution02 .offshoreDetail .testResults table.resultsTable tr th,
.solution .offshoreDetail .testResults table.resultsTable tr th {
  font-weight: bold;
  width: 105px;
  color: #fff;
  background: #1ba7aa;
  border-right: solid 1px #fff;
  text-align: center
}

.solution02 .offshoreDetail .testResults table.resultsTable tr th:last-of-type,
.solution .offshoreDetail .testResults table.resultsTable tr th:last-of-type {
  border-right: none
}

.solution02 .offshoreDetail .testResults table.resultsTable tr th:nth-of-type(2),
.solution .offshoreDetail .testResults table.resultsTable tr th:nth-of-type(2) {
  width: 50%
}

.solution02 .offshoreDetail .testResults table.resultsTable tr td,
.solution .offshoreDetail .testResults table.resultsTable tr td {
  border: solid 1px #e8e8e8;
  border-width: 0 1px 1px 0;
  vertical-align: top
}

.solution02 .offshoreDetail .pointBalloon,
.solution .offshoreDetail .pointBalloon {
  line-height: 140%;
  margin: 30px 0 0;
  width: 100%
}

.solution02 .offshoreDetail .pointBalloon .human01,
.solution02 .offshoreDetail .pointBalloon .human02,
.solution .offshoreDetail .pointBalloon .human01,
.solution .offshoreDetail .pointBalloon .human02 {
  position: absolute;
  z-index: 1
}

.solution02 .offshoreDetail .pointBalloon p,
.solution .offshoreDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute;
  text-align: left
}

.solution03 .offshoreDetail .pointBalloon {
  line-height: 140%;
  margin: 30px 0 0 0;
  width: 100%
}

.solution03 .offshoreDetail .pointBalloon .human01 {
  left: 70px;
  position: absolute;
  top: 10px;
  z-index: 1
}

.solution03 .offshoreDetail .pointBalloon.pos01 {
  height: 88px !important
}

.solution03 .offshoreDetail .pointBalloon.pos01 p {
  left: 122px;
  position: absolute;
  text-align: left;
  top: 15px
}

.solution03 .offshoreDetail .btnGhost {
  margin: 30px auto 0;
  width: 408px
}

.solution03 .offshoreDetail .secHowto,
.solution03 .offshoreDetail .secFirstDocument,
.solution03 .offshoreDetail .secSecondTest,
.solution03 .offshoreDetail .caseBlock,
.solution03 .offshoreDetail .secRelated {
  margin-top: 60px
}

.solution05 .offshoreDetail .secCostQuality,
.solution05 .offshoreDetail .secSupport,
.solution05 .offshoreDetail .caseStudy,
.solution05 .offshoreDetail .caseBlock,
.solution05 .offshoreDetail .secRelated {
  margin-top: 60px
}

.solution03 .offshoreDetail .img {
  margin-top: 25px
}

.solution03 .offshoreDetail section p+p {
  margin-top: 30px
}

.solution03 .offshoreDetail .demonstrationList {
  margin-top: 50px
}

.solution03 .offshoreDetail .demonstrationList+.borderBox {
  margin-top: 60px
}

.solution03 .offshoreDetail .demonstrationList .txtI {
  text-indent: -1em;
  margin-left: 1em
}

.solution03 .offshoreDetail .demonstrationList .txtI+.txtI {
  margin-top: 10px
}

.solution03 .offshoreDetail .demonstrationList .point {
  color: #1ba7aa;
  font-weight: bold;
  margin-top: 15px
}

.solution03 .offshoreDetail .demonstrationList>li {
  background: #fff;
  padding: 0 20px 25px 11px;
  position: relative
}

.solution03 .offshoreDetail .demonstrationList>li:after,
.offshore08 .offshoreDetail .demonstrationList>li:before {
  visibility: visible
}

.solution03 .offshoreDetail .demonstrationList>li:first-child {
  border-bottom: 1px solid #dedede;
  z-index: 10
}

.solution03 .offshoreDetail .demonstrationList>li:first-child:after,
.offshore08 .offshoreDetail .demonstrationList>li:first-child:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 50%;
  position: absolute;
  pointer-events: none;
  top: 100%;
  width: 0
}

.solution03 .offshoreDetail .demonstrationList>li:first-child:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 11px;
  margin-left: -11px
}

.offshore08 .offshoreDetail .demonstrationList>li:first-child:before {
  border-color: rgba(222, 222, 222, 0);
  border-top-color: #dedede;
  border-width: 12px;
  margin-left: -12px
}

.solution03 .offshoreDetail .demonstrationList>li:last-child {
  background: #f5f5f5;
  margin-bottom: 0;
  padding: 25px 20px 25px 11px;
  z-index: 1
}

.solution03 .offshoreDetail .demonstrationList>li:last-child p+.titDemonstration,
.offshore08 .offshoreDetail .demonstrationList>li:last-child ul+.titDemonstration {
  margin-top: 10px
}

.solution03 .offshoreDetail .demonstrationList>li:last-child .titDemonstration {
  color: #1ba7aa;
  font-weight: bold
}

.solution03 .offshoreDetail .demonstrationList>li:last-child ul li {
  padding-left: 1em;
  text-indent: -1em
}

.solution03 .offshoreDetail .demonstrationList>li .title {
  float: left
}

.solution03 .offshoreDetail .demonstrationList>li img {
  *float: left
}

.solution03 .offshoreDetail .demonstrationList>li div {
  float: right;
  width: 575px;
  display: inline-block
}

.solution03 .offshoreDetail .demonstrationList>li div span {
  font-weight: bold
}

.solution03 .offshoreDetail .demonstrationList>li div .titDemonstration {
  color: #1ba7aa;
  font-weight: bold
}

.solution03 .offshoreDetail .demonstrationList .demoList2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 15px;
}

.solution03 .offshoreDetail .demonstrationList .demoList2col li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffffff;
  padding-left: 0 !important;
  text-indent: 0 !important;
  width: calc(50% - 7.5px);
}

.solution03 .offshoreDetail .demonstrationList .demoList2col li:first-child {
  margin-right: 7.5px;
}

.solution03 .offshoreDetail .demonstrationList .demoList2col li:last-child {
  margin-left: 7.5px;
}

.solution03 .offshoreDetail .demonstrationList .demoList2col li h5 img {
  width: 100%;
  height: auto;
}

.solution03 .offshoreDetail .demonstrationList .demoList2col li p {
  font-size: 14px;
  padding: 15px;
  text-indent: inherit;
}

.solution03 .offshoreDetail .secRelated .boxList,
.solution05 .offshoreDetail .secRelated .boxList {
  display: block;
}

.solution03 .offshoreDetail .secRelated .boxList li,
.solution05 .offshoreDetail .secRelated .boxList li {
  border: solid 1px #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.solution03 .offshoreDetail .secRelated .boxList li+li,
.solution05 .offshoreDetail .secRelated .boxList li+li {
  margin-top: 20px;
}

.solution03 .offshoreDetail .secRelated .boxList li a,
.solution05 .offshoreDetail .secRelated .boxList li a {
  min-height: 80px;
  width: 100%;
}

.solution03 .offshoreDetail .secRelated .boxList li a:hover,
.solution05 .offshoreDetail .secRelated .boxList li a:hover {
  opacity: 0.7;
}

.solution03 .offshoreDetail .secRelated .boxList li dl,
.solution05 .offshoreDetail .secRelated .boxList li dl {
  width: 100%;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.solution03 .offshoreDetail .secRelated .boxList li dl dt,
.solution03 .offshoreDetail .secRelated .boxList li dl dd,
.solution05 .offshoreDetail .secRelated .boxList li dl dt,
.solution05 .offshoreDetail .secRelated .boxList li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.solution03 .offshoreDetail .secRelated .boxList li dl dt,
.solution05 .offshoreDetail .secRelated .boxList li dl dt {
  background-color: #e8e8e8;
  width: 160px;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.solution03 .offshoreDetail .secRelated .boxList li dl dd,
.solution05 .offshoreDetail .secRelated .boxList li dl dd {
  background-repeat: no-repeat;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.solution03 .offshoreDetail .secRelated .boxList li dl dd span,
.solution05 .offshoreDetail .secRelated .boxList li dl dd span {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  padding-left: 16px;
  margin-left: 16px;
  color: #186aab;
  font-size: 17px;
}

.solution03 .offshoreDetail .secRelated .boxList li:nth-child(1) dl dd {
  background-image: url("../images/pages/img-solution05-related--01-01.png");
  background-position: right 27px center;
}

.solution05 .offshoreDetail .secRelated .boxList li:nth-child(2) dl dd {
  background-image: url("../images/pages/img-solution05-related--01-02.png");
  background-position: right 38px center;
}

.solution05 .offshoreDetail .secRelated .boxList li:nth-child(3) dl dd {
  background-image: url("../images/pages/img-solution05-related--01-03.png");
  background-position: right 40px center;
}

.solution03 .blueCatch {
  color: #186AAB;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin: 40px 0;
}

.solution04 .sixBlock {
  margin: 25px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 25px 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 25px 25px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  grid-template-areas:
    "block1 block2 block3"
    "block4 block5 block6";
}

.solution04 .sixBlock dl dt {
  color: #ffffff;
  background-color: #186AAB;
  text-align: center;
  font-weight: bold;
}

.solution04 .sixBlock dl {
  background-color: #F5F5F5;
}

.solution04 .sixBlock dl dd {
  text-align: justify;
  text-justify: inter-ideograph;
}

.solution04 .sixBlock dl dt,
.solution04 .sixBlock dl dd {
  padding: 10px 20px;
}

.solution04 .sixBlock-list {
  border-top: solid 1px #DEDEDE;
  margin-top: 30px;
}

.solution04 .sixBlock-list .sixBlock-list--border {
  padding: 5px 0;
  border-bottom: solid 1px #DEDEDE;
}

.solution04 .sixBlock-list a.sixBlock-list--wrap {
  position: relative;
  padding: 10px 40px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-decoration: none !important;
}

.solution04 .sixBlock-list a.sixBlock-list--wrap::after {
  content: ' ';
  width: 24px;
  height: auto;
  background-image: url("../images/pages/icon-arrow--solution04B.svg");
  background-repeat: no-repeat;
  background-position: center;

  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.solution04 .sixBlock-list .sixBlock-list--img {
  width: 190px;
  margin-right: 20px;
}

.solution04 .sixBlock-list .sixBlock-list--meta {
  width: calc(100% - 210px);
}

.solution04 .sixBlock-list .sixBlock-list--meta h5 {
  font-weight: bold;
  margin-bottom: 10px;
}

.solution04 .sixBlock-list a:hover.sixBlock-list--wrap {
  background-color: #F5F5F5;
  text-decoration: none !important;
}

.solution04 .sixBlock-list a:hover.sixBlock-list--wrap *,
.solution04 .sixBlock-list a:visited.sixBlock-list--wrap *,
.solution04 .sixBlock-list a:focus.sixBlock-list--wrap *,
.solution04 .sixBlock-list a:link.sixBlock-list--wrap *,
.solution04 .sixBlock-list a:active.sixBlock-list--wrap * {
  opacity: 1;
  color: #393939;
  -webkit-transition: none;
  transition: none;
}

.solution04 .sixBlock-list a:hover.sixBlock-list--wrap::after {
  opacity: 0.65;
}

.solution .offshoreDetail .pointBlock {
  margin-top: 22px;
  border: solid 1px #e8e8e8
}

.solution .offshoreDetail .pointBlock dd,
.solution .offshoreDetail .pointBlock dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 105px
}

.solution .offshoreDetail .pointBlock dt {
  background: url(../images/pages/bg-offshoredetail-solution-point.png) no-repeat left center;
  float: left;
  font-size: 20px;
  /*padding: 38px 20px 0 20px;*/
  padding: 40px 20px 0 17px;
  width: 290px;
  color: #186aab
}

.solution .offshoreDetail .pointBlock dd {
  padding: 20px 0 0 200px;
  *padding: 20px 0 0
}

.solution .offshoreDetail .secTopComment .arrowText {
  background: url(../images/common/icon-arrow-bold.png) no-repeat left center;
  padding-left: 40px;
  height: 28px;
  line-height: 28px;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold
}

.solution .offshoreDetail .secDemand {
  margin-top: 65px
}

.solution .offshoreDetail .secDemand .hWrap {
  margin-bottom: 15px
}

.solution .offshoreDetail .secDemand img {
  margin-top: 10px
}

.solution .offshoreDetail .secDemand .flowList {
  margin-top: 20px
}

.solution .offshoreDetail .secDemand .flowList dt {
  color: #186aab;
  font-size: 18px;
  font-weight: bold
}

.solution .offshoreDetail .secDemand .flowList dd+dt {
  margin-top: 15px
}

.solution .offshoreDetail .secDemand .flowList dd .notes {
  display: block;
  font-size: 12px
}

.solution .offshoreDetail .secProposal {
  margin-top: 65px
}

.solution .offshoreDetail .secProposal .hWrap {
  margin-bottom: 15px
}

.solution .offshoreDetail .secProposal>.txt {
  font-size: 14px
}

.solution .offshoreDetail .secProposal dl {
  margin-top: 15px
}

.solution .offshoreDetail .secProposal dl dt {
  background: #186aab;
  float: left;
  position: relative;
  width: 140px
}

.solution .offshoreDetail .secProposal dl dt p {
  color: #fff;
  display: table;
  font-size: 16px;
  text-align: center;
  width: 100%
}

.solution .offshoreDetail .secProposal dl dt p.min {
  font-size: 16px
}

.solution .offshoreDetail .secProposal dl dt p>span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.solution .offshoreDetail .secProposal dl dt p .line {
  background: #8fb0ca;
  display: block;
  height: 12px;
  margin: 5px auto 5px auto;
  text-indent: -99999px;
  width: 1px
}

.solution .offshoreDetail .secProposal dl dt:after {
  content: url(../images/common/arrow-flowlist.png);
  bottom: -22px;
  left: 40px;
  position: absolute
}

.solution .offshoreDetail .secProposal dl dt:last-of-type:after {
  content: none;
  margin-left: 0
}

.solution .offshoreDetail .secProposal dl dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 1px 1px 1px 0;
  padding: 27px 32px 27px 172px;
  margin-bottom: 40px
}

.solution .offshoreDetail .secProposal dl dd .flowTitle {
  font-size: 20px
}

.solution .offshoreDetail .secProposal dl dd p+p {
  margin-top: 16px
}

.solution .offshoreDetail .secProposal dl dd div.inBox {
  background: #f2f9f9;
  font-size: 15px;
  font-weight: bold;
  margin-top: 16px;
  padding: 13px 22px
}

.solution .offshoreDetail .secProposal dl dd div.inBox .title {
  font-weight: bold;
  margin-bottom: 10px
}

.solution .offshoreDetail .secProposal dl dd .iconBox p {
  width: 425px;
  float: left
}

.solution .offshoreDetail .secProposal dl dd .iconBox img {
  float: right
}

.solution .offshoreDetail .secProposal .grayTitle {
  font-size: 18px;
  margin: 40px 0 20px
}

.solution .offshoreDetail .secProposal .grayTitle span {
  color: #186aab
}

.solution .offshoreDetail .secProposal .caseList li {
  border: solid 1px #e8e8e8;
  padding: 20px
}

.solution .offshoreDetail .secProposal .caseList li+li {
  margin-top: 20px
}

.solution .offshoreDetail .secProposal .caseList li .noTitle {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  background: url(../images/common/line-dot-orizontal04.gif) repeat-x bottom;
  margin-bottom: 15px;
  padding-bottom: 15px
}

.solution .offshoreDetail .secProposal .caseList li .noTitle span {
  border-radius: 4px
}

.solution .offshoreDetail .secProposal .caseList li .noTitle span.no01,
.solution .offshoreDetail .secProposal .caseList li .noTitle span.no02,
.solution .offshoreDetail .secProposal .caseList li .noTitle span.no03,
.solution .offshoreDetail .secProposal .caseList li .noTitle span.no04 {
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 10px;
  text-indent: -99999px;
  width: 27px
}

.solution .offshoreDetail .secProposal .caseList li .noTitle span.no01 {
  background: url(../images/common/icon-list-no01.png) no-repeat 11px center #393939
}

.solution .offshoreDetail .secProposal .caseList li .noTitle span.no02 {
  background: url(../images/common/icon-list-no02.png) no-repeat center center #393939
}

.solution .offshoreDetail .secProposal .caseList li .noTitle span.no03 {
  background: url(../images/common/icon-list-no03.png) no-repeat center center #393939
}

.solution .offshoreDetail .secProposal .caseList li .noTitle span.no04 {
  background: url(../images/common/icon-list-no04.png) no-repeat center center #393939
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dd,
.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dt {
  margin-top: 20px;
  padding: 20px
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dd .inList dt,
.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dt .inList dt {
  background: #dedede;
  display: table;
  float: left;
  font-weight: bold;
  text-align: center;
  width: 65px
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dd .inList dt span,
.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dt .inList dt span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dd .inList dd,
.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dt .inList dd {
  padding-left: 80px
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dt {
  border: solid 1px #dedede
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dt .inList dt {
  background: #dedede
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dd {
  border: solid 1px #186aab
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dd .inList {
  background: url(../images/common/line-dot-orizontal04.gif) repeat-x bottom;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dd .inList dt {
  background: #186aab;
  color: #fff
}

.solution .offshoreDetail .secProposal .caseList li .resolutionBox>dd .arrow {
  background: url(../images/common/icon-arrow-bold02.png) no-repeat left center;
  font-size: 12px;
  margin-top: 20px;
  padding-left: 35px
}

.solution .offshoreDetail .pointBalloon {
  height: 96px
}

.solution .offshoreDetail .pointBalloon .human01 {
  left: 160px;
  top: 10px
}

.solution .offshoreDetail .pointBalloon .human02 {
  left: 185px;
  top: 20px
}

.solution .offshoreDetail .pointBalloon.pos01 p {
  left: 205px
}

.solution .offshoreDetail .pointBalloon.pos02 p {
  left: 230px
}

.solution02 .offshoreDetail .dlBox dd,
.solution02 .offshoreDetail .dlBox dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.solution02 .offshoreDetail .dlBox dt {
  background: #186aab;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 14px 20px
}

.solution02 .offshoreDetail .dlBox dd {
  border: solid 1px #dedede;
  border-width: 0 1px 1px;
  padding: 20px 0;
  margin-bottom: 40px
}

.solution02 .offshoreDetail .dlBox dd p {
  padding: 0 20px
}

.solution02 .offshoreDetail .dlBox dd .img {
  margin: 30px 0 6px;
  text-align: center
}

.solution02 .offshoreDetail .pointBalloon .human01 {
  left: 18px;
  top: 28px
}

.solution02 .offshoreDetail .pointBalloon .human02 {
  left: 75px;
  top: 20px
}

.solution02 .offshoreDetail .pointBalloon.pos01 {
  height: 120px
}

.solution02 .offshoreDetail .pointBalloon.pos01 p {
  left: 65px
}

.solution02 .offshoreDetail .pointBalloon.pos02 {
  height: 96px
}

.solution02 .offshoreDetail .pointBalloon.pos02 p {
  left: 130px
}

.solution02 .offshoreDetail .secAbout {
  margin-top: 42px
}

.solution02 .offshoreDetail .secPrice {
  margin-top: 65px
}

.solution02 .offshoreDetail .secPrice .hWrap .hTitle {
  line-height: 30px;
  padding-top: 3px
}

.solution02 .offshoreDetail .secPrice .grayBox .title,
.solution02 .offshoreDetail .secPrice .priceComment .title {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 10px
}

.solution02 .offshoreDetail .secPrice .grayBox {
  margin-top: 30px;
  padding: 20px 20px 17px
}

.solution02 .offshoreDetail .secPrice .grayBox .price {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  text-align: right
}

.solution02 .offshoreDetail .secPrice .caption {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0 10px
}

.solution02 .offshoreDetail .secPrice table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 1px 1px 0 0;
  margin-bottom: 50px;
  width: 100%
}

.solution02 .offshoreDetail .secPrice table td,
.solution02 .offshoreDetail .secPrice table th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 0 0 1px 1px;
  font-size: 13px;
  text-align: center
}

.solution02 .offshoreDetail .secPrice table th {
  background: #f4fbfb;
  font-weight: bold;
  padding: 8px 0
}

.solution02 .offshoreDetail .secPrice table td {
  padding: 5px 0
}

.solution02 .offshoreDetail .secPrice table td.num {
  text-align: right;
  padding-right: 20px
}

.solution02 .offshoreDetail .secPrice table td.sum {
  font-weight: bold
}

.solution02 .offshoreDetail .secSupport {
  margin-top: 65px
}

.solution02 .offshoreDetail .secSupport .img {
  border: solid 1px #dedede;
  padding: 30px 0;
  text-align: center
}

.offshore01 .offshoreDetail .hWrap .hTitle span {
  color: #186aab;
  font-size: 14px;
  display: inline-block;
  margin-left: 10px
}

.offshore01 .offshoreDetail .anchorArea {
  margin-top: 20px
}

.offshore01 .offshoreDetail .anchorArea li {
  float: left;
  width: 31.4893617%;
  margin-right: 2.69503546%
}

.offshore01 .offshoreDetail .anchorArea li img {
  width: 100%;
  height: auto
}

.offshore01 .offshoreDetail .anchorArea li:last-child {
  margin-right: 0
}

.offshore01 .offshoreDetail .secOperation {
  margin-top: 65px
}

.offshore01 .offshoreDetail .secOperation .hWrap {
  margin-bottom: 15px
}

.offshore01 .offshoreDetail .secOperation .grayTitle {
  margin: 40px 0 20px
}

.offshore01 .offshoreDetail .secOperation .secText {
  margin-top: 20px
}

.offshore01 .offshoreDetail .secOperation .secText .title {
  font-size: 18px;
  font-weight: bold;
  color: #186aab
}

.offshore01 .offshoreDetail .secOperation .pointBalloon {
  margin-top: 30px
}

.offshore01 .offshoreDetail .secStream {
  margin-top: 65px
}

.offshore01 .offshoreDetail .secStream .hWrap {
  margin-bottom: 15px
}

.offshore01 .offshoreDetail .secStream .borderBox {
  margin-top: 24px
}

.offshore01 .offshoreDetail .secStream .borderBox .imgBox {
  padding: 30px 0;
  text-align: center;
  border-bottom: solid 1px #e8e8e8
}

.offshore01 .offshoreDetail .secStream .borderBox .textArea {
  padding: 30px
}

.offshore01 .offshoreDetail .secStream .borderBox .textArea .secText+.secText {
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x top;
  margin-top: 16px;
  padding-top: 16px
}

.offshore01 .offshoreDetail .secStream .borderBox .textArea .secText .title {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 10px
}

.offshore01 .offshoreDetail .secStream .titMessage {
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: bold
}

.offshore01 .offshoreDetail .secStream .btnGhostWrap {
  margin: 30px -25px 0 0;
  overflow: hidden
}

.offshore01 .offshoreDetail .secStream .btnGhostWrap .btnGhost {
  float: left;
  margin-right: 25px;
  width: 336px
}

.offshore01 .offshoreDetail .secMultimedia {
  margin-top: 65px
}

.offshore01 .offshoreDetail .secMultimedia .hWrap {
  margin-bottom: 25px
}

.offshore01 .offshoreDetail .secMultimedia .secText {
  margin-top: 30px
}

.offshore01 .offshoreDetail .secMultimedia .secText .title {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 10px
}

.offshore01 .offshoreDetail .secMultimedia .grayTitle {
  margin: 8px 0 10px
}

.offshore01 .offshoreDetail .secMultimedia .borderBox {
  margin-top: 24px
}

.offshore01 .offshoreDetail .secMultimedia .borderBox .imgBox {
  padding: 30px 0;
  text-align: center;
  border-bottom: solid 1px #e8e8e8
}

.offshore01 .offshoreDetail .secMultimedia .borderBox .textArea {
  padding: 30px
}

.offshore01 .offshoreDetail .secMultimedia .borderBox .textArea .secText {
  margin-top: 0
}

.offshore01 .offshoreDetail .secMultimedia .borderBox .textArea .secText .title {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 10px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry {
  margin-top: 65px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .title {
  background: #186aab;
  padding: 11px 0 19px;
  position: relative;
  margin-bottom: 0
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .title .tit {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: bold;
  text-align: center
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .title .miniBalloon {
  border-radius: 5px;
  background: #fff;
  border: 3px solid #186aab;
  color: #186aab;
  font-size: 15px;
  font-weight: bold;
  left: 245px;
  padding: 5px 38px;
  position: relative;
  top: -23px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .title .miniBalloon:after,
.offshore01 .offshoreDetail .secMultimedia .secWorry .title .miniBalloon:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .title .miniBalloon:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 4px;
  margin-left: -4px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .title .miniBalloon:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #186aab;
  border-width: 8px;
  margin-left: -8px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock {
  border: solid 1px #186aab;
  padding: 30px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li+li {
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x top;
  margin-top: 22px;
  padding-top: 22px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .arrowBox {
  background: url(../images/pages/bg-offshoredetail-offshore01-arrowbox.png) no-repeat center top
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .arrowBox dd,
.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .arrowBox dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 113px;
  display: table;
  font-weight: bold;
  font-size: 14px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .arrowBox dd span,
.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .arrowBox dt span {
  display: table-cell;
  vertical-align: middle
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .arrowBox dt {
  float: left;
  width: 190px;
  padding-left: 60px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .arrowBox dt span {
  text-align: center
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .arrowBox dd {
  float: right;
  width: 395px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .moreBox {
  margin-top: 15px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .moreBox dd,
.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .moreBox dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  display: table
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .moreBox dd>span,
.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .moreBox dt>span {
  display: table-cell;
  vertical-align: middle
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .moreBox dt {
  background: url(../images/pages/bg-offshoredetail-offshore01-morebox.png) no-repeat center top;
  float: left;
  width: 56px;
  overflow: hidden
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .moreBox dt span {
  text-indent: -9999px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .moreBox dd {
  float: right;
  width: 575px;
  font-size: 14px
}

.offshore01 .offshoreDetail .secMultimedia .secWorry .worryBlock .worryList li .moreBox dd span>span {
  color: #186aab;
  font-weight: bold
}

.offshore01 .offshoreDetail .sec4k {
  margin-top: 70px
}

.offshore01 .offshoreDetail .sec4k .txt.last {
  margin-bottom: 60px
}

.offshore01 .offshoreDetail .sec4k .grayTitle {
  margin-top: 25px
}

.offshore01 .offshoreDetail .sec4k .listBox {
  margin-bottom: 24px;
  zoom: 1;
  width: 100%
}

.offshore01 .offshoreDetail .sec4k .listBox:before {
  content: "";
  display: table
}

.offshore01 .offshoreDetail .sec4k .listBox:after {
  content: "";
  display: table;
  clear: both
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxLeft,
.offshore01 .offshoreDetail .sec4k .listBox .listBoxRight {
  width: 47.94326241%;
  position: relative
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxLeft:after,
.offshore01 .offshoreDetail .sec4k .listBox .listBoxRight:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 0 40px;
  content: '';
  display: block;
  position: absolute;
  top: -40px;
  left: 244px
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxLeft .comment,
.offshore01 .offshoreDetail .sec4k .listBox .listBoxRight .comment {
  font-size: 12px;
  position: absolute;
  right: 0;
  top: -20px;
  color: #000
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxLeft {
  float: left;
  background-color: #186aab
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxLeft:after {
  border-color: transparent transparent transparent #186aab
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxLeft .title {
  background-color: #186aab
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxRight {
  float: right;
  background-color: #1ca7aa
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxRight:after {
  border-color: transparent transparent transparent #1ca7aa
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxRight .title {
  background-color: #1ca7aa
}

.offshore01 .offshoreDetail .sec4k .listBox .listBoxInner {
  width: 70.41420118%;
  margin: 0 auto;
  padding: 25px 0
}

.offshore01 .offshoreDetail .sec4k .listBox .title {
  font-size: 25px;
  color: #fff;
  position: absolute;
  left: 0;
  top: -40px;
  padding: 5px 7px;
  width: 230px
}

.offshore01 .offshoreDetail .sec4k .listBox .whiteBox {
  background-color: #fff;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 5px
}

.offshore01 .offshoreDetail .sec4k .listBox .txt {
  text-align: center;
  margin-bottom: 15px;
  color: #fff
}

.offshore01 .offshoreDetail .sec4k .listBox .txt:last-child {
  margin-bottom: 0
}

.offshore01 .offshoreDetail .sec4k .table4k {
  width: 100%;
  margin: 20px 0 27px;
  border-collapse: collapse
}

.offshore01 .offshoreDetail .sec4k .table4k tr td,
.offshore01 .offshoreDetail .sec4k .table4k tr th {
  vertical-align: middle;
  text-align: center;
  border: #ccc 1px solid;
  padding: 15px 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: static
}

.offshore01 .offshoreDetail .sec4k .table4k tr td.iconYpos01:before,
.offshore01 .offshoreDetail .sec4k .table4k tr th.iconYpos01:before {
  top: 29%;
  left: 2px
}

.offshore01 .offshoreDetail .sec4k .table4k tr td.iconYpos01.batsu:before,
.offshore01 .offshoreDetail .sec4k .table4k tr th.iconYpos01.batsu:before {
  top: 29%;
  left: 6px
}

.offshore01 .offshoreDetail .sec4k .table4k tr td.iconYpos02:before,
.offshore01 .offshoreDetail .sec4k .table4k tr th.iconYpos02:before {
  top: 40%;
  left: 2px
}

.offshore01 .offshoreDetail .sec4k .table4k tr td.iconYpos03:before,
.offshore01 .offshoreDetail .sec4k .table4k tr th.iconYpos03:before {
  top: 42%;
  left: 0px
}

.offshore01 .offshoreDetail .sec4k .table4k tr td.bg2k,
.offshore01 .offshoreDetail .sec4k .table4k tr th.bg2k {
  background: #f8f9fd;
  border-left: #186aab 1px solid;
  border-right: #186aab 1px solid
}

.offshore01 .offshoreDetail .sec4k .table4k tr td.bg4k,
.offshore01 .offshoreDetail .sec4k .table4k tr th.bg4k {
  background: #f3fdfe;
  border-left: #1ca7aa 1px solid;
  border-right: #1ca7aa 1px solid
}

.offshore01 .offshoreDetail .sec4k .table4k tr:first-child th:first-child {
  border-top: #fff 1px solid;
  border-left: #fff 1px solid
}

.offshore01 .offshoreDetail .sec4k .table4k tr:first-child.bg2k {
  border-top: #186aab 1px solid
}

.offshore01 .offshoreDetail .sec4k .table4k tr:first-child.bg4k {
  border-top: #1ca7aa 1px solid
}

.offshore01 .offshoreDetail .sec4k .table4k tr:nth-child(2) .bg2k.maru.iconYpos02 {
  border-bottom: #186aab 1px solid
}

.offshore01 .offshoreDetail .sec4k .table4k tr:last-child .bg4k.maru.iconYpos01 {
  border-bottom: #1ca7aa 1px solid
}

.offshore01 .offshoreDetail .sec4k .table4k tr td .img {
  width: 80px;
  margin: 0 auto 5px
}

.offshore01 .offshoreDetail .sec4k .table4k tr td .img img {
  width: 100%;
  height: auto
}

.offshore01 .offshoreDetail .sec4k .table4k tr td .caption {
  font-size: 100%
}

.offshore01 .offshoreDetail .secResults {
  margin-top: 70px
}

.offshore01 .offshoreDetail .secResults .grayTitle {
  margin: 40px 0 20px
}

.offshore01 .offshoreDetail .secResults .testResults {
  margin-top: 40px
}

.offshore01 .offshoreDetail .secResults .testResults+.testResults {
  margin-top: 35px
}

.offshore01 .offshoreDetail .secResults .testResults .titResults {
  color: #1ba7aa;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px
}

.offshore01 .offshoreDetail .secResults .testResults table.resultsTable {
  border: solid 1px #e8e8e8;
  border-width: 1px 0 0 1px;
  font-size: 14px;
  margin-top: 20px;
  width: 100%
}

.offshore01 .offshoreDetail .secResults .testResults table.resultsTable tr td,
.offshore01 .offshoreDetail .secResults .testResults table.resultsTable tr th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 15px
}

.offshore01 .offshoreDetail .secResults .testResults table.resultsTable tr th {
  font-weight: bold;
  width: 105px;
  color: #fff;
  background: #1ba7aa;
  border-right: solid 1px #fff;
  text-align: center
}

.offshore01 .offshoreDetail .secResults .testResults table.resultsTable tr th:last-of-type {
  border-right: none
}

.offshore01 .offshoreDetail .secResults .testResults table.resultsTable tr td {
  border: solid 1px #e8e8e8;
  border-width: 0 1px 1px 0;
  vertical-align: top
}

.offshore01 .offshoreDetail .secResults .testResults table.resultsTable.results02 th:nth-of-type(2) {
  width: 50%
}

.offshore01 .offshoreDetail .secSecurity {
  margin-top: 65px
}

.offshore01 .offshoreDetail .secSecurity .hWrap {
  margin-bottom: 20px
}

.offshore01 .offshoreDetail .secSecurity .subTit {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #186aab
}

.offshore01 .offshoreDetail .secSecurity .secSystem .txtArea .txtBox {
  width: 425px;
  float: left
}

.offshore01 .offshoreDetail .secSecurity .secSystem .txtArea .txtBox p+p {
  margin-top: 30px
}

.offshore01 .offshoreDetail .secSecurity .secSystem .txtArea img {
  float: right
}

.offshore01 .offshoreDetail .secSecurity .secSystem .grayTitle {
  margin: 40px 0 0 0
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList {
  margin-top: 20px
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  float: left;
  margin: 0 20px 20px 0;
  *min-height: 170px;
  padding: 15px;
  width: 342px;
  *width: 305px
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li:nth-child(2n) {
  margin-right: 0
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li .photoBox,
.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li .txt {
  height: 100%
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li .photoBox {
  display: table;
  float: left;
  width: 70px
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li .photoBox p {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li .txt {
  float: right;
  width: 220px
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li .txt .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li .txt p {
  font-size: 14px
}

.offshore01 .offshoreDetail .secSecurity .secSystem .detailList li .txt p .notes {
  font-size: 12px
}

.offshore01 .offshoreDetail .secSecurity .secEquipment .tablePos {
  margin-top: 20px
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable {
  width: 520px;
  border: solid 1px #186aab;
  font-size: 14px;
  float: left
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr:last-of-type td,
.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr:last-of-type th {
  border-bottom: none
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr td,
.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr th {
  font-weight: bold;
  width: 105px;
  color: #fff;
  background: #186aab;
  border-right: solid 1px #fff;
  text-align: center
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr th:first-of-type {
  width: 50%
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr th:last-of-type {
  border-right: none
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr th:last-of-type td {
  border-bottom: none
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr td {
  vertical-align: top;
  border: solid 1px #e8e8e8;
  border-width: 0 1px 1px 0
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr td:first-of-type {
  font-weight: bold;
  background: #f5f5f5
}

.offshore01 .offshoreDetail .secSecurity .secEquipment table.equipmentTable tr td:last-of-type {
  border-right: none
}

.offshore01 .offshoreDetail .secSecurity .secEquipment img {
  float: right
}

.offshore01 .offshoreDetail .secOrganization {
  margin-top: 70px
}

.offshore01 .offshoreDetail .secOrganization .secTopic .topicTitle {
  background: url(../images/pages/icon-offshoredetail-offshore01-topics.png) no-repeat left center;
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  padding-left: 67px;
  margin-top: 35px;
  margin-bottom: 5px
}

.offshore01 .offshoreDetail .secOrganization .secProfile {
  margin-top: 15px
}

.offshore01 .offshoreDetail .secOrganization .secProfile .names {
  background: #186aab;
  line-height: 50px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff
}

.offshore01 .offshoreDetail .secOrganization .secProfile .profileArea {
  padding: 20px;
  border: solid 1px #e8e8e8;
  border-width: 0 1px 1px
}

.offshore01 .offshoreDetail .secOrganization .secProfile .profileArea .link {
  margin-top: 10px;
  background: url(../images/common/icon-arrow-link02.png) no-repeat left center;
  padding-left: 15px
}

.offshore01 .offshoreDetail .secProfile .link a span {
  color: #393939
}

.offshore01 .offshoreDetail .underLink {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: solid 1px #e8e8e8;
  margin-top: 70px
}

.offshore01 .offshoreDetail .underLink .grayBox,
.offshore01 .offshoreDetail .underLink .txtBox {
  height: 130px;
  display: table
}

.offshore01 .offshoreDetail .underLink .grayBox .posBlock,
.offshore01 .offshoreDetail .underLink .txtBox .posBlock {
  display: table-cell;
  vertical-align: middle
}

.offshore01 .offshoreDetail .underLink .grayBox {
  width: 175px;
  float: left
}

.offshore01 .offshoreDetail .underLink .grayBox .posBlock {
  text-align: center
}

.offshore01 .offshoreDetail .underLink .txtBox .posBlock {
  text-align: left;
  padding-left: 35px
}

.offshore01 .offshoreDetail .underLink .txtBox .posBlock .tit {
  color: #6770b3;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px
}

.offshore01 .offshoreDetail .underLink .txtBox .posBlock .tit span {
  display: inline-block;
  font-family: Futura, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 28px;
  margin: 0 0 0 10px
}

.offshore01 .offshoreDetail .underLink .txtBox a {
  margin-top: 10px;
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding-left: 18px
}

.offshore01 .offshoreDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 30px 0 0;
  width: 100%
}

.offshore01 .offshoreDetail .pointBalloon .human01 {
  left: 165px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.offshore01 .offshoreDetail .pointBalloon .human02 {
  left: 160px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.offshore01 .offshoreDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.offshore01 .offshoreDetail .pointBalloon.pos01 p {
  left: 210px;
  text-align: left
}

.offshore01 .offshoreDetail .pointBalloon.pos02 p {
  left: 210px;
  text-align: left
}

.offshore02 .offshoreDetail .hWrap .hTitle span {
  color: #186aab;
  font-size: 16px;
  margin-left: 10px
}

.offshore02 .offshoreDetail .grayTitle {
  margin-top: 40px
}

.offshore02 .offshoreDetail .grayBox {
  margin-top: 30px;
  padding: 17px 20px
}

.offshore02 .offshoreDetail .grayBox+.grayBox {
  margin-top: 20px
}

.offshore02 .offshoreDetail .grayBox .title {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 10px
}

.offshore02 .offshoreDetail .grayBox a {
  display: block;
  margin-top: 15px;
  font-size: 13px;
  background: url(../images/common/icon-arrow-link02.png) no-repeat 0 center;
  padding-left: 15px;
  *margin-top: 30px
}

.offshore02 .offshoreDetail .pdfLink a {
  display: inline-block;
  margin-top: 15px;
  font-size: 13px;
  background: url(../images/common/icon-arrow-link02.png) no-repeat 0 center;
  padding-left: 15px;
  margin-right: 15px;
  *margin-top: 30px
}

.CRIBox {
  background: #f2f9f9;
  border: 1px solid #dff0f0;
  margin-top: 23px;
  padding: 28px 30px 23px;
  position: relative
}

.CRIBox .image {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.CRIBox .title {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
  padding-left: 100px;
}

.CRIBox p {
  padding-left: 100px;
  font-size: 16.5px;
  line-height: 1.6
}

.CRIBox p.attention {
  padding-left: 100px;
  font-size: 11px;
  line-height: 1.3
}

.CRI-logo-Box {
  background: #ffffff;
  border: 1px solid #EAEAEA;
  margin-top: 23px;
  padding: 25px 25px 30px 25px;
  position: relative;

}

.CRI-logo-Box p {
  color: #186AAB;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1.8rem;
}

.CRI-logo-Box--col2 {
  text-align: center;
}

.CRI-logo-Box--col2 .log-TMN,
.CRI-logo-Box--col2 .log-VAL {
  height: 45px;
  width: auto;
}

.CRI-logo-Box--col2 .log-TMN {
  margin-right: 36px;
}

.CRI-logo-Box--col2 .log-VAL {
  margin-left: 36px;
}

.offshore02 .offshoreDetail .secTopComment .rankBox {
  background: #f2f9f9;
  border: 1px solid #dff0f0;
  margin-top: 23px;
  padding: 28px 30px 23px
}

.offshore02 .offshoreDetail .secTopComment .rankBox .image {
  float: right;
  margin: -10px -14px 0 25px
}

.offshore02 .offshoreDetail .secTopComment .rankBox .image img {
  width: 167px
}

.offshore02 .offshoreDetail .secTopComment .rankBox .image.rank2021 {
  float: right;
  margin: -10px -14px 0 25px
}

.offshore02 .offshoreDetail .secTopComment .rankBox .image.rank2021 img {
  width: 160px;
  height: auto;
}

.offshore02 .offshoreDetail .secTopComment .rankBox .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 35px;
  position: relative
}

.offshore02 .offshoreDetail .secTopComment .rankBox .title:before {
  background: url(../images/common/icon-rank.png) no-repeat;
  content: '';
  display: block;
  height: 17px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 25px
}

.offshore02 .offshoreDetail .secTopComment .rankBox p {
  font-size: 15px;
  line-height: 1.6
}

.offshore02 .offshoreDetail .secTopComment .categoryList {
  margin-top: 28px
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem {
  margin-top: 55px
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem:first-child {
  margin-top: 0
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem .categoryTitle {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem .categoryTitle:before {
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  margin-right: 2px;
  position: relative;
  top: -4px;
  vertical-align: middle
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem.cat01 .categoryTitle:before {
  background-image: url(../images/pages/img-offshoredetail-offshore02-cat01.png);
  height: 41px;
  width: 63px
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem.cat02 .categoryTitle:before {
  background-image: url(../images/pages/img-offshoredetail-offshore02-cat02.png);
  height: 41px;
  width: 57px
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem.cat03 .categoryTitle:before {
  background-image: url(../images/pages/img-offshoredetail-offshore02-cat03.png);
  height: 42px;
  width: 59px
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem ul {
  margin: 0 -11px -12px 0;
  overflow: hidden
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem li {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  float: left;
  margin: 0 11px 12px 0;
  padding: 14px 0 7px 30px;
  position: relative;
  width: 347px
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem li .txt-s {
  color: #393939;
  display: block;
  font-size: 12px;
  letter-spacing: 0.3px
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem li a {
  display: block
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem li:after {
  background-color: #186aab;
  background-image: url(../images/common/icon-arrow-link04_off.png);
  background-repeat: no-repeat;
  background-position: center 26px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 30px
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7
}

.offshore02 .offshoreDetail .secTopComment .categoryList .categoryItem li:hover a {
  color: inherit
}

.offshore02 .offshoreDetail img.graf {
  margin-top: 40px
}

.offshore02 .offshoreDetail img.graf+img.graf {
  margin-top: 30px
}

.offshore02 .offshoreDetail .secGuideline .pointList,
.offshore02 .offshoreDetail .secIot .pointList,
.offshore02 .offshoreDetail .secMobile .pointList,
.offshore02 .offshoreDetail .secSass .pointList,
.offshore02 .offshoreDetail .secSecurity .pointList {
  margin: 38px 0 0 0
}

.offshore02 .offshoreDetail .secGuideline .pointList li,
.offshore02 .offshoreDetail .secIot .pointList li,
.offshore02 .offshoreDetail .secMobile .pointList li,
.offshore02 .offshoreDetail .secSass .pointList li,
.offshore02 .offshoreDetail .secSecurity .pointList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #e8e8e8;
  float: left;
  margin: 0 10px 9px 0;
  overflow: visible;
  position: relative;
  width: 347px;
  *width: 325px;
  z-index: 10
}

.offshore02 .offshoreDetail .secGuideline .pointList li span,
.offshore02 .offshoreDetail .secIot .pointList li span,
.offshore02 .offshoreDetail .secMobile .pointList li span,
.offshore02 .offshoreDetail .secSass .pointList li span,
.offshore02 .offshoreDetail .secSecurity .pointList li span {
  font-size: 14px;
  line-height: 100%
}

.offshore02 .offshoreDetail .secGuideline .pointList li:nth-child(2n),
.offshore02 .offshoreDetail .secIot .pointList li:nth-child(2n),
.offshore02 .offshoreDetail .secMobile .pointList li:nth-child(2n),
.offshore02 .offshoreDetail .secSass .pointList li:nth-child(2n),
.offshore02 .offshoreDetail .secSecurity .pointList li:nth-child(2n) {
  margin-right: 0
}

.offshore02 .offshoreDetail .secGuideline .pointList li.double,
.offshore02 .offshoreDetail .secIot .pointList li.double,
.offshore02 .offshoreDetail .secMobile .pointList li.double,
.offshore02 .offshoreDetail .secSass .pointList li.double,
.offshore02 .offshoreDetail .secSecurity .pointList li.double {
  min-height: 80px
}

.offshore02 .offshoreDetail .secGuideline .pointList li.double .textBox,
.offshore02 .offshoreDetail .secIot .pointList li.double .textBox,
.offshore02 .offshoreDetail .secMobile .pointList li.double .textBox,
.offshore02 .offshoreDetail .secSass .pointList li.double .textBox,
.offshore02 .offshoreDetail .secSecurity .pointList li.double .textBox {
  line-height: 120% !important;
  padding-top: 17px
}

.offshore02 .offshoreDetail .secGuideline .pointList li .bgShadow,
.offshore02 .offshoreDetail .secIot .pointList li .bgShadow,
.offshore02 .offshoreDetail .secMobile .pointList li .bgShadow,
.offshore02 .offshoreDetail .secSass .pointList li .bgShadow,
.offshore02 .offshoreDetail .secSecurity .pointList li .bgShadow {
  background: url(../images/pages/bg-educationlist-point.png) no-repeat center bottom;
  bottom: -5px;
  display: table;
  float: left;
  height: 80px;
  position: absolute;
  text-align: center;
  width: 92px
}

.offshore02 .offshoreDetail .secGuideline .pointList li .bgShadow p,
.offshore02 .offshoreDetail .secIot .pointList li .bgShadow p,
.offshore02 .offshoreDetail .secMobile .pointList li .bgShadow p,
.offshore02 .offshoreDetail .secSass .pointList li .bgShadow p,
.offshore02 .offshoreDetail .secSecurity .pointList li .bgShadow p {
  display: table-cell;
  min-height: 80px;
  text-align: center;
  vertical-align: middle
}

.offshore02 .offshoreDetail .secGuideline .pointList li .textBox,
.offshore02 .offshoreDetail .secIot .pointList li .textBox,
.offshore02 .offshoreDetail .secMobile .pointList li .textBox,
.offshore02 .offshoreDetail .secSass .pointList li .textBox,
.offshore02 .offshoreDetail .secSecurity .pointList li .textBox {
  float: right;
  font-size: 20px;
  line-height: 80px;
  width: 235px
}

.offshore02 .offshoreDetail .secSecurity .hWrap {
  margin-bottom: 10px
}

.offshore02 .offshoreDetail .secSecurity .pointList {
  margin-top: 33px
}

.offshore02 .offshoreDetail .secMobile .hWrap {
  margin-bottom: 15px
}

.offshore02 .offshoreDetail .secMobile .pointList {
  margin: 33px 0 0
}

.offshore02 .offshoreDetail .secMobile .osTitle {
  background: #28a7a9;
  text-align: center;
  margin-top: 40px
}

.offshore02 .offshoreDetail .secMobile .osTitle span {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  padding-left: 34px
}

.offshore02 .offshoreDetail .secMobile .osTitle span.os01 {
  background: url(../images/pages/icon-offshoredetail-offshore02-os01.png) no-repeat left top
}

.offshore02 .offshoreDetail .secMobile .osTitle span.os02 {
  background: url(../images/pages/icon-offshoredetail-offshore02-os02.png) no-repeat left top
}

.offshore02 .offshoreDetail .secSass {
  margin-top: 70px
}

.offshore02 .offshoreDetail .secSass .hWrap {
  margin-bottom: 15px
}

.offshore02 .offshoreDetail .secSass img.graf {
  margin-top: 30px
}

.offshore02 .offshoreDetail .secGuideline .hWrap {
  margin-bottom: 15px
}

.offshore02 .offshoreDetail .secGuideline .grayBox .notes {
  font-size: 12px;
  margin-top: 5px;
  display: block
}

.offshore02 .offshoreDetail .secGuideline .pointList li p.textBox {
  font-size: 17px;
  line-height: 1.4
}

.offshore02 .offshoreDetail .secGuideline .pointList li p.textBox.pt30 {
  padding-top: 30px
}

.offshore02 .offshoreDetail .secScc .hWrap {
  margin-bottom: 20px
}

.offshore02 .offshoreDetail .secScc .hTitle small {
  display: block;
  font-size: 12px;
  line-height: 1.41666667;
  margin-top: 4px
}

.educationDetail .secLecturer .profileBlock .profileBox .profile .offshore02 .offshoreDetail .secScc dt,
.educationDetail .secLecturer .profileUnder .offshore02 .offshoreDetail .secScc dt,
.fieldDetail .caseBlock .offshore02 .offshoreDetail .secScc .title,
.offshore02 .offshore08 .offshoreDetail .caseBlock .secScc .title,
.offshore02 .offshore08 .offshoreDetail .secScc .caseBlock .title,
.offshore02 .offshore08 .offshoreDetail .secScc .secTopComment .minTit,
.offshore02 .offshore08 .offshoreDetail .secTopComment .secScc .minTit,
.offshore02 .offshoreDetail .secScc .educationDetail .secLecturer .profileBlock .profileBox .profile dt,
.offshore02 .offshoreDetail .secScc .educationDetail .secLecturer .profileUnder dt,
.offshore02 .offshoreDetail .secScc .fieldDetail .caseBlock .title,
.offshore02 .offshoreDetail .secScc .hTitleSub,
.offshore02 .offshoreDetail .secScc .softwareDetail .caseBlock .title,
.offshore08 .offshore02 .offshoreDetail .caseBlock .secScc .title,
.offshore08 .offshore02 .offshoreDetail .secScc .caseBlock .title,
.offshore08 .offshore02 .offshoreDetail .secScc .secTopComment .minTit,
.offshore08 .offshore02 .offshoreDetail .secTopComment .secScc .minTit,
.softwareDetail .caseBlock .offshore02 .offshoreDetail .secScc .title {
  border-left: 4px solid #dedede;
  color: #393939;
  font-size: 24px;
  line-height: 22px;
  margin-bottom: 20px;
  padding: 2px 0 0 12px
}

.offshore02 .offshoreDetail .secScc .txt {
  line-height: 1.6
}

.offshore02 .offshoreDetail .secScc .figure {
  margin-top: 35px
}

.offshore02 .offshoreDetail .secScc .grayBox ul li {
  padding-left: 1em;
  text-indent: -1em
}

.offshore02 .offshoreDetail .secScc table.default {
  margin-top: 18px
}

.offshore02 .offshoreDetail .secScc table.default caption {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px
}

.offshore02 .offshoreDetail .secScc table.default th {
  background: #f4fbfb;
  font-size: 13px;
  padding: 13px 10px;
  text-align: center;
  vertical-align: middle;
  width: 112px
}

.offshore02 .offshoreDetail .secScc table.default td {
  font-size: 13px;
  padding: 13px 10px 13px 17px
}

.offshore02 .offshoreDetail .secScc .attention {
  margin-top: 15px
}

.offshore02 .offshoreDetail .secScc .attention li {
  font-size: 13px;
  padding-left: 1em;
  text-indent: -1em
}

.offshore02 .offshoreDetail .secScc .secItem,
.offshore02 .offshoreDetail .secScc .secPrice {
  margin-top: 50px
}

.offshore02 .offshoreDetail .secScutumCom .fontBlue {
  color: #248df9;
  font-size: 13px
}

.offshore02 .offshoreDetail .secScutumCom .attentionBox {
  margin-top: 17px;
  text-indent: -7px
}

.offshore02 .offshoreDetail .secScutumCom .attentionBox .attentionTxt {
  font-size: 13px
}

.offshore02 .offshoreDetail .secScutumCom .attentionBox .attentionTxt.styleL {
  text-indent: -2px;
  letter-spacing: 0.3px
}

.offshore02 .offshoreDetail .secScutumCom .figure02 {
  margin-top: 40px
}

.offshore02 .offshoreDetail .secScutumCom .txt {
  line-height: 1.6
}

.offshore02 .offshoreDetail .secScutum {
  margin-top: 52px
}

.offshore02 .offshoreDetail .secScutum .hWrap {
  border: none;
  margin-bottom: 16px
}

.offshore02 .offshoreDetail .secScutum .hWrap .hTitle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  padding: 0
}

.offshore02 .offshoreDetail .secScutum .hWrap .hTitle span {
  margin: 0
}

.offshore02 .offshoreDetail .secScutum .hWrap .hTitle img {
  margin: 0
}

/* for waf hTitle */
.offshore02.waf .offshoreDetail .secScutum .hWrap {
  clear: both;
  margin: 0 0 30px 0;
  border-left: 6px solid #186aab;
}

.offshore02.waf .offshoreDetail .secScutum .hWrap .hTitle,
.offshore02.waf .offshoreDetail .secScutum .hWrap .hTitle span {
  color: #393939 !important;
  font-size: 28px !important;
  line-height: normal;
  padding: 6px 0 2px 15px !important;
}


.offshore02 .offshoreDetail .secScutum .pointList {
  margin: 22px 0 29px 0
}

.offshore02 .offshoreDetail .secScutum .pointList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #e8e8e8;
  float: left;
  font-weight: bold;
  margin: 0 11px 10px 0;
  overflow: visible;
  position: relative;
  width: 347px;
  z-index: 10
}

.offshore02 .offshoreDetail .secScutum .pointList li:first-of-type .bgShadow {
  left: 26px;
  top: 23px
}

.offshore02 .offshoreDetail .secScutum .pointList li:first-of-type .textBox {
  line-height: 125% !important;
  width: 234px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(2) .bgShadow {
  left: 32px;
  top: 20px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(2) .textBox {
  line-height: 130% !important;
  padding-top: 15px;
  width: 238px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(3) .bgShadow {
  left: 24px;
  top: 21px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(3) .textBox {
  line-height: 125% !important;
  letter-spacing: -2px;
  width: 234px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(3) .textBox span {
  letter-spacing: 0
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(4) .bgShadow {
  left: 26px;
  top: 20px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(4) .textBox {
  line-height: 125% !important;
  width: 238px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(5) .bgShadow {
  left: 22px;
  top: 14px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(5) .textBox {
  line-height: 125% !important;
  width: 234px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(6) .bgShadow {
  left: 28px;
  top: 14px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-of-type(6) .textBox {
  padding-top: 15px !important;
  letter-spacing: -0.5px;
  width: 237px
}

.offshore02 .offshoreDetail .secScutum .pointList li:nth-child(2n) {
  margin-right: 0
}

.offshore02 .offshoreDetail .secScutum .pointList li.double {
  min-height: 80px
}

.offshore02 .offshoreDetail .secScutum .pointList li.double .textBox {
  line-height: 120% !important;
  padding-top: 16px
}

.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:first-of-type .bgShadow,
.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(2) .bgShadow,
.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(3) .bgShadow,
.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(4) .bgShadow,
.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(5) .bgShadow,
.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(6) .bgShadow,
.offshore02 .offshoreDetail .secScutum .pointList.waf li:first-of-type .bgShadow,
.offshore02 .offshoreDetail .secScutum .pointList.waf li:nth-of-type(2) .bgShadow,
.offshore02 .offshoreDetail .secScutum .pointList.waf li:nth-of-type(3) .bgShadow,
.offshore02 .offshoreDetail .secScutum .pointList.waf li:nth-of-type(4) .bgShadow,
.offshore02 .offshoreDetail .secScutum .pointList.waf li:nth-of-type(5) .bgShadow,
.offshore02 .offshoreDetail .secScutum .pointList.waf li:nth-of-type(6) .bgShadow {
  left: 22px !important;
  top: 6px !important;
}

.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:first-of-type .textBox {
  line-height: 125% !important;
  width: 234px
}


.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(2) .textBox {
  line-height: 130% !important;
  padding-top: 15px;
  width: 238px
}

.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(3) .textBox {
  line-height: 125% !important;
  letter-spacing: -2px;
  width: 234px
}

.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(3) .textBox span {
  letter-spacing: 0
}

.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(4) .textBox {
  line-height: 125% !important;
  width: 238px
}

.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(5) .textBox {
  line-height: 125% !important;
  width: 234px
}

.offshore02 .offshoreDetail #PrimeWAF.secScutum .pointList li:nth-of-type(6) .textBox {
  padding-top: 15px !important;
  letter-spacing: -0.5px;
  width: 237px
}

.offshore02 .offshoreDetail .secScutum .pointList li .bgShadow {
  background: url(../images/pages/bg-educationlist-point.png) no-repeat center bottom;
  display: table;
  float: left;
  position: absolute;
  text-align: center
}

.offshore02 .offshoreDetail .secScutum .pointList li .bgShadow p {
  display: table-cell;
  min-height: 80px;
  text-align: center;
  vertical-align: middle
}

.offshore02 .offshoreDetail .secScutum .pointList li .textBox {
  float: right;
  font-size: 20px;
  line-height: 80px;
  width: 238px
}

.offshore02 .offshoreDetail .secScutum .pointList li .textBox span {
  font-size: 16px
}

.offshore02 .offshoreDetail .secScutum .siteReco {
  margin-top: 40px
}

.offshore02 .offshoreDetail .secScutum .siteReco .tit {
  background-color: #f5f5f5;
  font-size: 20px;
  padding: 12px 0;
  text-align: center
}

.offshore02 .offshoreDetail .secScutum .siteReco .recoBox {
  border: 1px solid #dedede;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 24px
}

.offshore02 .offshoreDetail .secScutum .siteReco .recoBox li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px dotted #dedede;
  border-bottom: 1px dotted #dedede;
  font-size: 14px;
  font-weight: bold;
  padding: 20px 0 12px 20px;
  width: 25%
}

.offshore02 .offshoreDetail .secScutum .siteReco .recoBox li:before {
  background: url(../images/common/icon-check.png) no-repeat;
  content: "";
  display: inline-block;
  margin-right: 6px;
  height: 10px;
  width: 15px
}

.offshore02 .offshoreDetail .secScutum .siteReco .recoBox li:first-of-type,
.offshore02 .offshoreDetail .secScutum .siteReco .recoBox li:nth-of-type(5) {
  padding-left: 26px
}

.offshore02 .offshoreDetail .secScutum .siteReco .recoBox li:nth-of-type(4n) {
  border-right: none;
  padding-left: 23px
}

.offshore02 .offshoreDetail .secScutum .siteReco .recoBox li:nth-of-type(n+5) {
  border-bottom: none;
  padding-bottom: 16px
}

.offshore02 .offshoreDetail .secScutum .siteReco .arrowBox {
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
  padding: 21px 50px 14px 57px;
  position: relative
}

.offshore02 .offshoreDetail .secScutum .siteReco .arrowBox:after {
  background: url(../images/pages/img-scutum-arrowbox.jpg) no-repeat;
  content: "";
  display: inline-block;
  margin-right: 8px;
  height: 12px;
  left: calc(50% - 9px);
  position: absolute;
  top: -12px;
  width: 18px
}

.offshore02 .offshoreDetail .secScutum .siteReco .arrowBox .txt {
  padding-left: 50px;
  line-height: 1.2;
  position: relative
}

.offshore02 .offshoreDetail .secScutum .siteReco .arrowBox .txt:before {
  background: url(../images/pages/icon-scutum07.png) no-repeat;
  content: "";
  display: inline-block;
  height: 65px;
  left: 3px;
  position: absolute;
  top: -9px;
  width: 35px
}

.offshore02 .offshoreDetail .secScutum .siteReco .arrowBox .txt .fontBlue {
  margin-left: -5px;
  margin-right: -4px
}

.offshore02 .offshoreDetail .secScutumPrice {
  margin-top: 52px;
  margin-bottom: 13px
}

.educationDetail .secLecturer .profileBlock .profileBox .profile .offshore02 .offshoreDetail .secScutumPrice dt,
.educationDetail .secLecturer .profileUnder .offshore02 .offshoreDetail .secScutumPrice dt,
.fieldDetail .caseBlock .offshore02 .offshoreDetail .secScutumPrice .title,
.offshore02 .offshore08 .offshoreDetail .caseBlock .secScutumPrice .title,
.offshore02 .offshore08 .offshoreDetail .secScutumPrice .caseBlock .title,
.offshore02 .offshore08 .offshoreDetail .secScutumPrice .secTopComment .minTit,
.offshore02 .offshore08 .offshoreDetail .secTopComment .secScutumPrice .minTit,
.offshore02 .offshoreDetail .secScutumPrice .educationDetail .secLecturer .profileBlock .profileBox .profile dt,
.offshore02 .offshoreDetail .secScutumPrice .educationDetail .secLecturer .profileUnder dt,
.offshore02 .offshoreDetail .secScutumPrice .fieldDetail .caseBlock .title,
.offshore02 .offshoreDetail .secScutumPrice .hTitleSub,
.offshore02 .offshoreDetail .secScutumPrice .softwareDetail .caseBlock .title,
.offshore08 .offshore02 .offshoreDetail .caseBlock .secScutumPrice .title,
.offshore08 .offshore02 .offshoreDetail .secScutumPrice .caseBlock .title,
.offshore08 .offshore02 .offshoreDetail .secScutumPrice .secTopComment .minTit,
.offshore08 .offshore02 .offshoreDetail .secTopComment .secScutumPrice .minTit,
.softwareDetail .caseBlock .offshore02 .offshoreDetail .secScutumPrice .title {
  font-size: 24px;
  font-weight: normal;
  line-height: inherit
}

.offshore02 .offshoreDetail .secScutumPrice .tbCom {
  font-size: 13px;
  width: 100%
}

.offshore02 .offshoreDetail .secScutumPrice .tbCom caption {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 13px
}

.offshore02 .offshoreDetail .secScutumPrice .tbCom tr td {
  border: 1px solid #dedede;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0 12px 0;
  text-align: center
}

.offshore02 .offshoreDetail .secScutumPrice .tbCom tr:first-of-type td {
  background-color: #f4fbfb;
  font-weight: bold;
  padding: 20px 0 13px 0
}

.offshore02 .offshoreDetail .secScutumPrice .tb01 {
  margin-top: 16px
}

.offshore02 .offshoreDetail .secScutumPrice .tb01 tr td:first-of-type {
  padding: 20px 31px 12px 31px;
  width: 261px
}

.offshore02 .offshoreDetail .secScutumPrice .tb01 tr td:nth-of-type(3) {
  padding: 20px 20px 12px 19px
}

.offshore02 .offshoreDetail .secScutumPrice .tb01 tr td.adjust {
  padding: 20px 12px 12px 13px;
  width: 107px
}

.offshore02 .offshoreDetail .secScutumPrice .tb01 tr:nth-of-type(-n+4) {
  background-color: #fcfcfc
}

.offshore02 .offshoreDetail .secScutumPrice .tb02 {
  margin-top: 23px
}

.offshore02 .offshoreDetail .secScutumPrice .tb02 tr td {
  padding: 18px 0 11px 0
}

.offshore02 .offshoreDetail .secScutumPrice .tb02 tr td:first-of-type {
  width: 260px
}

.offshore02 .offshoreDetail .secScutumPrice .tb02 tr:nth-of-type(-n+3) {
  background-color: #fcfcfc
}

.offshore02 .offshoreDetail .secScutumPrice .tb02 tr:first-of-type td {
  padding: 18px 0 13px 0
}

.offshore02 .offshoreDetail .secScutumPrice .attentionBox .attentionTxt {
  margin-left: 6px;
  letter-spacing: 0.8px
}

.offshore02 .offshoreDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 20px 0 0;
  width: 100%
}

.offshore02 .offshoreDetail .pointBalloon .human01 {
  left: 60px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.offshore02 .offshoreDetail .pointBalloon .human02 {
  left: 63px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.offshore02 .offshoreDetail .pointBalloon .human03 {
  left: 75px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.offshore02 .offshoreDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.offshore02 .offshoreDetail .pointBalloon.pos01 {
  height: 110px !important
}

.offshore02 .offshoreDetail .pointBalloon.pos01.h120 {
  height: 120px !important
}

.offshore02 .offshoreDetail .pointBalloon.pos01.h120 .human01 {
  top: 28px
}

.offshore02 .offshoreDetail .pointBalloon.pos01 p {
  left: 110px;
  text-align: left
}

.offshore02 .offshoreDetail .pointBalloon.pos02 p {
  left: 102px;
  text-align: left
}

.offshore02 .offshoreDetail .pointBalloon.pos02 p.l109 {
  left: 109px
}

.offshore02 .offshoreDetail .pointBalloon.pos03 p {
  left: 120px;
  text-align: left
}

.offshore02 .offshoreDetail .btnGhost {
  margin: 30px auto 0;
  width: 408px
}

.securityPrice .offshoreDetail .anchorArea li {
  float: left
}

.securityPrice .offshoreDetail .anchorArea li+li {
  margin-left: 19px
}

.securityPrice .offshoreDetail .secDiagnosis table.default {
  margin-top: 18px
}

.securityPrice .offshoreDetail .secDiagnosis table.default caption {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 13px
}

.securityPrice .offshoreDetail .secDiagnosis table.default th {
  background: #f4fbfb;
  font-size: 13px;
  vertical-align: middle;
  padding: 13px 15px;
  width: 135px
}

.securityPrice .offshoreDetail .borderBox .hTitleSub.basicplan,
.securityPrice .offshoreDetail .borderBox .hTitleSub.trialplan,
.securityPrice .offshoreDetail .borderBox .hTitleSub.quickplan {
  border-left: none;
  color: #393939;
  font-size: 18px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  min-height: 31px;
  line-height: 31px;
  padding: 0px 0 0 42px;
}

.securityPrice .offshoreDetail .borderBox .hTitleSub.basicplan {
  background-image: url("../images/pages/icon-security--basicplan.svg");
  background-size: 30px 31px;
  background-position: left center;
}

.securityPrice .offshoreDetail .borderBox .hTitleSub.trialplan {
  background-image: url("../images/pages/icon-security--trialplan.svg");
  background-size: 23px 31px;
  background-position: left 7px center;
}

.securityPrice .offshoreDetail .borderBox .hTitleSub.quickplan {
  background-image: url("../images/pages/icon-security--quickplan.svg");
  background-size: 23px 31px;
  background-position: left 7px center;
}

.securityPrice .offshoreDetail .borderBox table.default {
  margin-top: 18px
}

.securityPrice .offshoreDetail .borderBox table.default th {
  background: #f9fafc;
  font-size: 13px;
  vertical-align: middle;
  padding: 10px 15px;
  width: 135px;
  text-align: center;
}

.securityPrice .offshoreDetail .borderBox table.example {
  margin-top: 18px;
}

.securityPrice .offshoreDetail .borderBox table.example th {
  background-color: #186aab;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  padding: 0 15px;
}

.securityPrice .offshoreDetail .borderBox table.example td {
  background-color: transparent;
  padding-left: 10px;
}

.securityPrice .offshoreDetail .borderBox table.example td:nth-child(2) {
  font-size: 20px;
}

.securityPrice .offshoreDetail .borderBox table.example td:nth-child(3) {
  font-size: 13px;
}


.securityPrice .offshoreDetail .secDiagnosis table.default td {
  font-size: 13px;
  padding: 13px 10px 13px 19px
}

.securityPrice .offshoreDetail .secDiagnosis table.default thead td {
  font-weight: bold
}

.securityPrice .offshoreDetail .secDiagnosis table.default .blue {
  color: #186aab
}

.securityPrice .offshoreDetail .secDiagnosis table.default td.price {
  width: 120px
}

.securityPrice .offshoreDetail .secDiagnosis .attention {
  margin-top: 15px
}

.securityPrice .offshoreDetail .secDiagnosis .attention li {
  font-size: 13px;
  padding-left: 1em;
  text-indent: -1em
}

.securityPrice .offshoreDetail .secDiagnosis+.secDiagnosis {
  margin-top: 50px
}

.securityPrice .offshoreDetail .anchorArea {
  margin-bottom: 49px
}

.securityPrice .offshoreDetail .title {
  border-left: 4px solid #dedede;
  color: #393939;
  font-size: 24px;
  line-height: 22px;
  margin-bottom: 20px;
  padding: 2px 0 0 12px
}

.securityPrice .offshoreDetail .secCategory {
  margin-top: 60px
}

.securityPrice .offshoreDetail .secCategory+.secCategory {
  margin-top: 74px
}

.securityPrice .offshoreDetail .secCategory .categoryTitle {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 19px
}

.securityPrice .offshoreDetail .titBox {
  background-repeat: no-repeat;
  background-position: left center;
  height: 50px;
  padding-left: 60px;
  background-size: 50px auto;
  display: table
}

.securityPrice .offshoreDetail .titBox.menu {
  background-image: url(../images/pages/img-offshoredetail-offshore02-point01.png)
}

.securityPrice .offshoreDetail .titBox.price {
  background-image: url(../images/pages/img-offshoredetail-offshore02-point11.png)
}

.securityPrice .offshoreDetail .titBox .txt {
  display: table-cell;
  vertical-align: middle
}

.securityPrice .offshoreDetail .borderBox {
  margin-top: 12px;
  margin-bottom: 38px;
  padding: 20px 10px 20px 20px;
  position: relative
}

.securityPrice .offshoreDetail .borderBox.blue {
  background: #f4fbfb
}

.educationDetail .secLecturer .profileBlock .profileBox .profile .securityPrice .offshoreDetail .borderBox dt span,
.educationDetail .secLecturer .profileUnder .securityPrice .offshoreDetail .borderBox dt span,
.fieldDetail .caseBlock .securityPrice .offshoreDetail .borderBox .title span,
.offshore08 .securityPrice .offshoreDetail .borderBox .caseBlock .title span,
.offshore08 .securityPrice .offshoreDetail .borderBox .secTopComment .minTit span,
.offshore08 .securityPrice .offshoreDetail .caseBlock .borderBox .title span,
.offshore08 .securityPrice .offshoreDetail .secTopComment .borderBox .minTit span,
.soulution03 .offshoreDetail .borderBox .caseBlock .title span,
.soulution03 .offshoreDetail .caseBlock .borderBox .title span,
.securityPrice .offshore08 .offshoreDetail .borderBox .caseBlock .title span,
.securityPrice .offshore08 .offshoreDetail .borderBox .secTopComment .minTit span,
.securityPrice .offshore08 .offshoreDetail .caseBlock .borderBox .title span,
.securityPrice .offshore08 .offshoreDetail .secTopComment .borderBox .minTit span,
.securityPrice .offshoreDetail .borderBox .educationDetail .secLecturer .profileBlock .profileBox .profile dt span,
.securityPrice .offshoreDetail .borderBox .educationDetail .secLecturer .profileUnder dt span,
.securityPrice .offshoreDetail .borderBox .fieldDetail .caseBlock .title span,
.securityPrice .offshoreDetail .borderBox .hTitleSub span,
.securityPrice .offshoreDetail .borderBox .softwareDetail .caseBlock .title span,
.softwareDetail .caseBlock .securityPrice .offshoreDetail .borderBox .title span {
  color: #186aab;
  display: inline-block;
  margin: 0 -5px 0 10px
}

.securityPrice .offshoreDetail .borderBox .txt {
  margin-top: 12px
}

.securityPrice .offshoreDetail .borderBox .balloon {
  position: absolute;
  right: 19px;
  top: -18px;
  margin: 0
}

.securityPrice .offshoreDetail .secPrice {
  margin-top: 50px
}

.offshore03 .offshoreDetail .secProposal {
  margin-top: 42px
}

.offshore03 .offshoreDetail .secProposal .hWrap {
  margin-bottom: 10px
}

.offshore03 .offshoreDetail .secProposal .flagTitle {
  position: relative;
  line-height: 50px;
  background: #f5f5f5;
  padding-left: 95px;
  font-size: 18px;
  margin-top: 40px
}

.offshore03 .offshoreDetail .secProposal .flagTitle img {
  position: absolute;
  left: 10px;
  top: -7px
}

.offshore03 .offshoreDetail .secProposal .proposalList li {
  margin-top: 20px;
  position: relative
}

.offshore03 .offshoreDetail .secProposal .proposalList li img {
  float: left
}

.offshore03 .offshoreDetail .secProposal .proposalList li .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.offshore03 .offshoreDetail .secProposal .proposalList li .txtBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  padding: 0px 20px 24px 220px;
  *padding: 0px 20px 24px 10px;
  min-height: 130px
}

.offshore03 .offshoreDetail .secProposal .proposalList li .txtBox .title {
  font-size: 18px;
  font-weight: bold;
  padding-top: 20px;
  margin-bottom: 4px
}

.offshore03 .offshoreDetail .secDifference {
  margin-top: 65px
}

.offshore03 .offshoreDetail .secDifference .hWrap {
  margin-bottom: 25px
}

.offshore03 .offshoreDetail .secDifference .borderBox .title {
  background: #f5f5f5;
  padding: 14px 0;
  text-align: center;
  font-size: 20px;
  border-bottom: solid 1px #dedede
}

.offshore03 .offshoreDetail .secDifference .borderBox .imgArea {
  background: url(../images/common/line-dot-orizontal04.gif) repeat-x bottom;
  padding: 40px 0 20px;
  width: 625px;
  margin: 0 auto
}

.offshore03 .offshoreDetail .secDifference .borderBox .upTxt {
  text-align: center;
  font-size: 20px;
  padding: 33px 0 35px;
  border-bottom: solid 1px #dedede
}

.offshore03 .offshoreDetail .secDifference .borderBox .upTxt span {
  color: #186aab
}

.offshore03 .offshoreDetail .secDifference .borderBox .underText {
  background: #f5f5f5;
  padding: 32px 0 20px 160px;
  position: relative;
  font-size: 20px;
  font-weight: bold
}

.offshore03 .offshoreDetail .secDifference .borderBox .underText:before {
  top: -2px;
  content: url(../images/common/arrow-flow-next.png);
  left: 310px;
  position: absolute
}

.offshore03 .offshoreDetail .secDifference .borderBox .underText span {
  font-size: 24px;
  color: #1ba7aa
}

.offshore03 .offshoreDetail .secDifference .borderBox .underText img {
  position: absolute;
  top: 28px;
  left: 108px
}

.offshore03 .offshoreDetail .secSolution {
  margin-top: 65px
}

.offshore03 .offshoreDetail .secSolution .hWrap {
  margin-bottom: 27px
}

.offshore03 .offshoreDetail .secSolution .minTitle {
  font-size: 24px;
  line-height: 30px
}

.offshore03 .offshoreDetail .secSolution .minTitle span {
  color: #186aab;
  font-size: 14px;
  line-height: 30px;
  margin-left: 10px;
  margin-top: -5px;
  vertical-align: middle
}

.offshore03 .offshoreDetail .secSolution .txt {
  margin-top: 12px
}

.offshore03 .offshoreDetail .secSolution .secExample {
  margin-top: 36px
}

.offshore03 .offshoreDetail .secSolution .secExample+.secExample .exampleList {
  margin-top: 35px
}

.offshore03 .offshoreDetail .secSolution .secExample .testList {
  margin-top: 40px
}

.offshore03 .offshoreDetail .secSolution .secExample .minTit {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px
}

.offshore03 .offshoreDetail .secSolution .secExample .exampleList li {
  float: left;
  width: 222px;
  margin: 0 18px 20px 0
}

.offshore03 .offshoreDetail .secSolution .secExample .exampleList li:nth-child(3n) {
  margin-right: 0
}

.offshore03 .offshoreDetail .secSolution .secExample .methodBox {
  margin-top: 20px
}

.offshore03 .offshoreDetail .secSolution .secExample .methodBox .txt {
  float: left;
  width: 455px
}

.offshore03 .offshoreDetail .secSolution .secExample .methodBox img {
  float: right;
  margin-top: -18px
}

.offshore03 .offshoreDetail .secSolution .secExample .btnGhost {
  margin: 30px auto 0;
  width: 408px
}

.offshore03 .offshoreDetail .secSolution .secSupport {
  margin-top: 36px
}

.offshore03 .offshoreDetail .secSolution .secSupport .borderBox {
  margin-top: 12px;
  padding: 20px
}

.offshore03 .offshoreDetail .secSolution .secSupport .borderBox+.borderBox {
  margin-top: 20px
}

.offshore03 .offshoreDetail .secSolution .secSupport .bold {
  font-weight: bold;
  margin-top: 13px
}

.offshore03 .offshoreDetail .secStaff {
  margin-top: 65px
}

.offshore03 .offshoreDetail .secStaff .hWrap {
  margin-bottom: 10px
}

.offshore03 .offshoreDetail .secStaff .minTit {
  font-weight: bold;
  margin-bottom: 5px
}

.offshore03 .offshoreDetail .secStaff .secMovie {
  margin-top: 40px
}

.offshore03 .offshoreDetail .secSystem {
  margin-top: 65px
}

.offshore03 .offshoreDetail .secSystem .hWrap {
  margin-bottom: 10px
}

.offshore03 .offshoreDetail .secSystem .arrow {
  margin-top: 20px
}

.offshore03 .offshoreDetail .secSystem .borderBox {
  padding: 28px 20px;
  position: relative
}

.offshore03 .offshoreDetail .secSystem .borderBox+.borderBox {
  margin-top: 60px
}

.offshore03 .offshoreDetail .secSystem .borderBox .titPattern {
  font-size: 18px;
  font-weight: bold;
  width: 120px;
  text-align: center;
  background: #fff;
  position: absolute;
  left: 290px;
  top: -10px
}

.offshore03 .offshoreDetail .secSystem .borderBox img {
  margin-top: 20px
}

.offshore03 .offshoreDetail .secService {
  margin-top: 65px
}

.offshore03 .offshoreDetail .secService .serviceList>li {
  width: 345px;
  border: solid 1px #e8e8e8
}

.offshore03 .offshoreDetail .secService .serviceList>li .tit {
  border-bottom: solid 1px #e8e8e8;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #186aab;
  background: #f5f5f5;
  line-height: 85px
}

.offshore03 .offshoreDetail .secService .serviceList>li .tit span {
  display: inline-block;
  height: 85px
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox {
  padding: 20px
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .typeArea {
  background: url(../images/common/line-dot-orizontal04.gif) repeat-x bottom;
  padding: 0 0 15px 0
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .typeArea .typeList {
  font-size: 12px;
  text-align: center;
  letter-spacing: -0.4em
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .typeArea .typeList dd,
.offshore03 .offshoreDetail .secService .serviceList>li .underBox .typeArea .typeList dt {
  letter-spacing: normal;
  display: inline-block;
  line-height: 18px;
  *display: inline;
  *zoom: 1
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .typeArea .typeList dt {
  border: solid 1px #186aab;
  border-width: 1px 0 1px 1px;
  padding: 0 12px;
  background: #186aab;
  color: #fff;
  font-weight: bold
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .typeArea .typeList dd {
  border: solid 1px #186aab;
  border-width: 1px 1px 1px 0;
  padding: 0 12px
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .typeArea .underTit {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  text-align: center
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .informationArea .informationList {
  font-size: 12px;
  letter-spacing: -0.4em;
  margin-top: 10px
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .informationArea .informationList dd,
.offshore03 .offshoreDetail .secService .serviceList>li .underBox .informationArea .informationList dt {
  letter-spacing: normal;
  line-height: 20px;
  float: left;
  margin-top: 10px
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .informationArea .informationList dt {
  float: left;
  border: solid 1px #186aab;
  text-align: center;
  color: #186aab;
  font-weight: bold;
  width: 75px;
  clear: both
}

.offshore03 .offshoreDetail .secService .serviceList>li .underBox .informationArea .informationList dd {
  padding: 0 0 0 10px
}

.offshore03 .offshoreDetail .secService .serviceList>li.fl .tit span {
  background: url(../images/pages/icon-offshoredetail-offshore03-service01.png) no-repeat left center;
  padding-left: 52px
}

.offshore03 .offshoreDetail .secService .serviceList>li.fr .tit span {
  background: url(../images/pages/icon-offshoredetail-offshore03-service02.png) no-repeat left center;
  padding-left: 72px
}

.offshore03 .offshoreDetail .pointBalloon {
  height: 96px;
  line-height: 140%;
  margin: 30px 0 0 0;
  width: 100%
}

.offshore03 .offshoreDetail .pointBalloon .human01 {
  left: 110px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.offshore03 .offshoreDetail .pointBalloon .human02 {
  left: 115px;
  position: absolute;
  top: 20px;
  z-index: 1
}

.offshore03 .offshoreDetail .pointBalloon p {
  margin-top: 20px;
  position: absolute
}

.offshore03 .offshoreDetail .pointBalloon.pos01 {
  height: 68px !important
}

.offshore03 .offshoreDetail .pointBalloon.pos01 p {
  left: 150px;
  text-align: left
}

.offshore03 .offshoreDetail .pointBalloon.pos02 {
  margin: 23px 0 0 0 !important
}

.offshore03 .offshoreDetail .pointBalloon.pos02 p {
  left: 160px;
  text-align: left
}

.offshore04 .offshoreDetail .secTopComment img {
  margin-top: 40px
}

.offshore04 .offshoreDetail .secCommentary {
  margin-top: 55px
}

.offshore04 .offshoreDetail .secCommentary .hWrap {
  margin-bottom: 20px
}

.offshore04 .offshoreDetail .secCommentary .commentaryList {
  margin-top: 30px
}

.offshore04 .offshoreDetail .secCommentary .commentaryList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #e8e8e8;
  width: 340px;
  *width: 300px;
  margin: 0 20px 20px 0;
  *margin: 0 10px 20px 0;
  padding: 26px 15px;
  *padding: 10px;
  float: left
}

.offshore04 .offshoreDetail .secCommentary .commentaryList li:nth-child(2n) {
  margin-right: 0
}

.offshore04 .offshoreDetail .secCommentary .commentaryList li .up {
  text-align: center
}

.offshore04 .offshoreDetail .secCommentary .commentaryList li .up .tit {
  font-size: 20px;
  margin-bottom: 20px
}

.offshore04 .offshoreDetail .secCommentary .commentaryList li .fl img,
.offshore04 .offshoreDetail .secCommentary .commentaryList li .fr img {
  margin-top: 20px
}

.offshore04 .offshoreDetail .secCommentary .commentaryList li .txt {
  margin: 20px 15px 0;
  word-break: break-all
}

.offshore04 .offshoreDetail .secCommentary .commentaryList li .txt span {
  font-weight: bold;
  color: #186aab
}

.offshore04 .offshoreDetail .pepperArea .box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px #dedede solid;
  padding: 16px 20px 24px;
  margin: 5px 0 17px
}

.offshore04 .offshoreDetail .pepperArea .box .textArea {
  border-bottom: 1px #dedede solid;
  padding-bottom: 17px
}

.offshore04 .offshoreDetail .pepperArea .box .detail {
  font-size: 0;
  overflow: hidden;
  padding: 20px 0 0
}

.offshore04 .offshoreDetail .pepperArea .box .detail .number {
  float: left;
  margin-top: -10px
}

.offshore04 .offshoreDetail .pepperArea .box .detail dl {
  margin-top: 10px
}

.offshore04 .offshoreDetail .pepperArea .box .detail dl dd,
.offshore04 .offshoreDetail .pepperArea .box .detail dl dt {
  display: inline-block;
  border: 1px solid #313131;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 9px 5px
}

.offshore04 .offshoreDetail .pepperArea .box .detail dl dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #313131;
  color: #fff;
  width: 210px
}

.offshore04 .offshoreDetail .pepperArea .box .detail dl dd {
  background: #f7fcfc;
  text-align: center;
  width: 230px
}

.offshore04 .offshoreDetail .pepperArea .box .detail .link {
  float: right;
  width: 200px
}

.offshore04 .offshoreDetail .pepperArea .box .detail .link img {
  margin: 0 0 5px
}

.offshore04 .offshoreDetail .pepperArea .box .detail .link a {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  display: inline-block;
  padding-left: 12px;
  font-size: 12px
}

.offshore04 .offshoreDetail .pepperArea .bnr {
  margin: 35px 0 10px
}

.offshore04 .offshoreDetail .pepperArea .bnr img {
  margin: 0
}

.offshore04 .offshoreDetail .pepperArea .bnr+.red {
  font-size: 13px;
  color: #d3211c;
  line-height: 1.53
}

.offshore04 .offshoreDetail .secFlow {
  margin-top: 60px
}

.offshore04 .offshoreDetail .linkBlock {
  margin-top: 70px;
  border: solid 1px #e8e8e8;
  position: relative
}

.offshore04 .offshoreDetail .linkBlock dd,
.offshore04 .offshoreDetail .linkBlock dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 105px
}

.offshore04 .offshoreDetail .linkBlock dt {
  background: url(../images/pages/bg-offshoredetail-offshore04-mobile.png) no-repeat left center;
  font-size: 20px;
  padding: 25px 20px 0 31px;
  width: 290px;
  position: absolute;
  left: 0;
  top: 0
}

.offshore04 .offshoreDetail .linkBlock dd {
  padding: 20px 0 0 350px;
  *padding: 20px 0 0
}

.offshore05 .offshoreDetail .secAbout {
  margin-top: 55px
}

.offshore05 .offshoreDetail .secAbout .hWrap {
  margin-bottom: 14px
}

.offshore05 .offshoreDetail .secAbout .txt {
  line-height: 1.6
}

.offshore05 .offshoreDetail .secAbout .point {
  margin: 34px 0 38px
}

.offshore05 .offshoreDetail .secAbout .point>p {
  font-size: 12px
}

.offshore05 .offshoreDetail .secAbout .point ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  background: #fff;
  border: solid 1px #dedede;
  display: table;
  float: left;
  margin: 0 10px 9px 0;
  padding-left: 107px;
  position: relative;
  width: 347px
}

.offshore05 .offshoreDetail .secAbout .point ul li:nth-child(2n) {
  margin-right: 0
}

.offshore05 .offshoreDetail .secAbout .point ul li .bgShadow {
  background: url(../images/pages/bg-educationlist-point.png) no-repeat center bottom;
  bottom: -5px;
  display: table;
  height: 85px;
  left: 0;
  position: absolute;
  width: 92px
}

.offshore05 .offshoreDetail .secAbout .point ul li .bgShadow p {
  display: table-cell;
  min-height: 85px;
  text-align: center;
  vertical-align: middle
}

.offshore05 .offshoreDetail .secAbout .point ul li>p {
  font-size: 20px;
  font-weight: bold;
  display: table-cell;
  line-height: 1.2;
  padding-top: 5px;
  vertical-align: middle
}

.offshore05 .offshoreDetail .secAbout .point ul li>p span {
  font-size: 16px;
  display: block
}

.offshore05 .offshoreDetail .secAbout .point ul li>p sup {
  font-size: 11px
}

.offshore05 .offshoreDetail .secAbout .point ul li:first-child>p {
  font-size: 16px
}

.offshore05 .offshoreDetail .secAbout .proposal {
  margin-top: 37px
}

.offshore05 .offshoreDetail .secAbout .proposal .tit {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2px
}

.offshore05 .offshoreDetail .secAbout .proposal ul li {
  background: #f5f5f5;
  padding: 18px 17px 15px
}

.offshore05 .offshoreDetail .secAbout .proposal ul li h5 {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 9px
}

.offshore05 .offshoreDetail .secAbout .proposal ul li p {
  line-height: 1.6
}

.offshore05 .offshoreDetail .secAbout .proposal ul li+li {
  margin-top: 20px
}

.offshore05 .offshoreDetail .secExample {
  margin-top: 60px
}

.offshore05 .offshoreDetail .secExample ul {
  padding-top: 8px
}

.offshore05 .offshoreDetail .secExample ul li {
  background: url(../images/pages/icon-offshoredetail-offshore05-pop.png) no-repeat 0 4px;
  border-bottom: 1px dotted #7f7f7f;
  line-height: 1.6;
  margin-bottom: 14px;
  padding: 0 0 5px 33px
}

.offshore07 .offshoreDetail .secAbout .heart {
  float: left;
  margin: 0 25px 25px 0
}

.offshore07 .offshoreDetail .secAbout ul li span {
  display: inline-block !important
}

.offshore07 .offshoreDetail .secAbout ul li .txt15 {
  font-size: 15px;
  line-height: 1.33
}

.offshore07 .offshoreDetail .secAbout .detailBox {
  margin-top: 39px;
  border: 1px solid #dedede;
  padding: 17px 19px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.offshore07 .offshoreDetail .secAbout .detailBox dl dt {
  font-weight: bold;
  font-size: 18px
}

.offshore07 .offshoreDetail .secAbout .detailBox dl dd {
  padding: 10px 0 20px
}

.offshore07 .offshoreDetail .secAbout .detailBox dl dd+dt {
  border-top: 1px dotted #dedede;
  padding-top: 20px
}

.offshore08 .offshoreDetail .hWrap {
  margin-bottom: 16px
}

.offshore08 .offshoreDetail .offshoreTopDetail .hTitle {
  font-size: 24px;
  line-height: 136%
}

.offshore08 .offshoreDetail .offshoreTopDetail .hTitle span {
  line-height: 170%
}

.offshore08 .offshoreDetail .secTopComment p+p {
  margin-top: 35px
}

.offshore08 .offshoreDetail .secTopComment .minTit {
  margin: 45px 0 15px 0 !important
}

.offshore08 .offshoreDetail .secTopComment .grayBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  margin-top: 15px;
  min-height: 240px;
  padding: 20px 20px;
  position: relative
}

.offshore08 .offshoreDetail .secTopComment .grayBox .documentList li {
  float: left;
  margin-right: 7px;
  margin-bottom: 8px
}

.offshore08 .offshoreDetail .secTopComment .grayBox .documentList li:nth-child(3n) {
  margin-right: 0
}

.offshore08 .offshoreDetail .secTopComment .grayBox .documentList li:last-child {
  margin-bottom: 0
}

.offshore08 .offshoreDetail .secTopComment .grayBox .pos {
  position: absolute;
  bottom: -30px;
  left: 295px
}

.offshore08 .offshoreDetail .secTopComment .txt {
  margin-top: 50px
}

.offshore08 .offshoreDetail .secHowto {
  margin-top: 60px
}

.offshore08 .offshoreDetail .secHowto .img {
  margin-top: 25px
}

.offshore08 .offshoreDetail .secHowto p+p {
  margin-top: 30px
}

.offshore08 .offshoreDetail .secHowto .greenBox {
  border: solid 1px #b8dada;
  background: #f5fcfc;
  margin-top: 35px;
  padding: 19px 22px
}

.offshore08 .offshoreDetail .secHowto .greenBox .minTit {
  font-weight: bold;
  color: #28a7a9
}

.offshore08 .offshoreDetail .secHowto .greenBox .languageList {
  margin-top: 17px
}

.offshore08 .offshoreDetail .secHowto .greenBox .languageList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #28a7a9;
  background: #ffffff;
  margin-right: 8px;
  float: left;
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  width: 125px;
  text-align: center
}

.offshore08 .offshoreDetail .secHowto .greenBox .languageList li:nth-child(5n) {
  margin: 0
}

.offshore08 .offshoreDetail .secHowto .greenBox .languageList li:nth-child(n+6) {
  margin-top: 8px
}

.offshore08 .offshoreDetail .secHowto .greenBox .notes {
  color: #666666;
  font-size: 12px;
  margin-top: 10px
}

.offshore08 .offshoreDetail .secTiming {
  margin-top: 65px
}

.offshore08 .offshoreDetail .secTiming .pointList {
  margin-top: 25px
}

.offshore08 .offshoreDetail .secTiming .pointList li {
  border-radius: 5px;
  background: #f1f7fb;
  width: 220px;
  margin-right: 20px;
  float: left
}

.offshore08 .offshoreDetail .secTiming .pointList li:nth-child(3n) {
  margin-right: 0
}

.offshore08 .offshoreDetail .secTiming .pointList li dl dt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  border-bottom: solid 2px #ffffff;
  text-align: center;
  display: table-cell;
  padding: 10px 0;
  vertical-align: middle;
  width: 220px
}

.offshore08 .offshoreDetail .secTiming .pointList li dl dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px
}

.offshore08 .offshoreDetail .secTiming .pointBalloon {
  line-height: 140%;
  margin: 30px 0 0 0;
  width: 100%
}

.offshore08 .offshoreDetail .secTiming .pointBalloon .human01 {
  left: 70px;
  position: absolute;
  top: 10px;
  z-index: 1
}

.offshore08 .offshoreDetail .secTiming .pointBalloon.pos01 {
  height: 88px !important
}

.offshore08 .offshoreDetail .secTiming .pointBalloon.pos01 p {
  left: 122px;
  position: absolute;
  text-align: left;
  top: 15px
}

.offshore08 .offshoreDetail .secFlow {
  margin-top: 65px
}

.offshore08 .offshoreDetail .secFlow .notes {
  margin-top: 25px
}

.offshore08 .offshoreDetail .secFlow .notes li {
  padding-left: 1em;
  text-indent: -1em
}

.offshore08 .offshoreDetail .caseBlock {
  margin-top: 35px
}

.offshore08 .offshoreDetail .caseBlock .title {
  margin-bottom: 15px !important
}

.offshore08 .offshoreDetail .borderBox {
  border-radius: 3px;
  padding: 14px 15px
}

.offshore08 .offshoreDetail .borderBox dd,
.offshore08 .offshoreDetail .borderBox dt {
  float: left;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 25px
}

.offshore08 .offshoreDetail .borderBox dt {
  border-radius: 3px;
  background: #186aab;
  color: #fff;
  font-size: 12px;
  margin-right: 10px;
  padding: 0 20px
}

.offshore08 .offshoreDetail .borderBox dd {
  font-size: 14px
}

.offshore08 .offshoreDetail .borderBox dd.row {
  margin-bottom: 0
}

.offshore08 .offshoreDetail .borderBox dd.row span {
  display: inline-block;
  line-height: 1.4
}

.offshore08 .offshoreDetail .borderBox dt+dd {
  margin-right: 15px
}

.offshore08 .offshoreDetail .borderBox .w78 {
  width: 78%
}

.offshore08 .offshoreDetail .borderBox .w85 {
  width: 85%
}

.offshore08 .offshoreDetail .demonstrationList {
  margin-top: 20px
}

.offshore08 .offshoreDetail .demonstrationList+.borderBox {
  margin-top: 60px
}

.offshore08 .offshoreDetail .demonstrationList .txtI {
  text-indent: -1em;
  margin-left: 1em
}

.offshore08 .offshoreDetail .demonstrationList .txtI+.txtI {
  margin-top: 10px
}

.offshore08 .offshoreDetail .demonstrationList .point {
  color: #1ba7aa;
  font-weight: bold;
  margin-top: 15px
}

.offshore08 .offshoreDetail .demonstrationList>li {
  background: #fff;
  padding: 0 20px 25px 11px;
  position: relative
}

.offshore08 .offshoreDetail .demonstrationList>li:after,
.offshore08 .offshoreDetail .demonstrationList>li:before {
  visibility: visible
}

.offshore08 .offshoreDetail .demonstrationList>li:first-child {
  border-bottom: 1px solid #dedede;
  z-index: 10
}

.offshore08 .offshoreDetail .demonstrationList>li:first-child:after,
.offshore08 .offshoreDetail .demonstrationList>li:first-child:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 50%;
  position: absolute;
  pointer-events: none;
  top: 100%;
  width: 0
}

.offshore08 .offshoreDetail .demonstrationList>li:first-child:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 11px;
  margin-left: -11px
}

.offshore08 .offshoreDetail .demonstrationList>li:first-child:before {
  border-color: rgba(222, 222, 222, 0);
  border-top-color: #dedede;
  border-width: 12px;
  margin-left: -12px
}

.offshore08 .offshoreDetail .demonstrationList>li:last-child {
  background: #f5f5f5;
  margin-bottom: 0;
  padding: 25px 20px 25px 11px;
  z-index: 1
}

.offshore08 .offshoreDetail .demonstrationList>li:last-child p+.titDemonstration,
.offshore08 .offshoreDetail .demonstrationList>li:last-child ul+.titDemonstration {
  margin-top: 10px
}

.offshore08 .offshoreDetail .demonstrationList>li:last-child .titDemonstration {
  color: #1ba7aa;
  font-weight: bold
}

.offshore08 .offshoreDetail .demonstrationList>li:last-child ul li {
  padding-left: 1em;
  text-indent: -1em
}

.offshore08 .offshoreDetail .demonstrationList>li .title {
  float: left
}

.offshore08 .offshoreDetail .demonstrationList>li img {
  *float: left
}

.offshore08 .offshoreDetail .demonstrationList>li div {
  float: right;
  width: 575px;
  display: inline-block
}

.offshore08 .offshoreDetail .demonstrationList>li div span {
  font-weight: bold
}

.offshore08 .offshoreDetail .demonstrationList>li div .titDemonstration {
  color: #1ba7aa;
  font-weight: bold
}

.offshore09 .offshoreDetail section {
  padding-bottom: 5rem;
}

.offshore09 .offshoreDetail .hWrap {
  margin-bottom: 30px
}

.offshore09 .offshoreDetail .offshoreTopDetail .hTitle {
  font-size: 24px;
  line-height: 136%
}

.offshore09 .offshoreDetail .offshoreTopDetail .hTitle span {
  line-height: 170%
}

.offshore09 .offshoreDetail .secTopComment p+p {
  margin-top: 35px
}

.offshore09 .offshoreDetail .secTopComment .minTit {
  margin: 45px 0 15px 0 !important
}

.offshore09 .hWrap {
  margin-bottom: 16px;
}

.offshore09 .hWrap .hTitle {
  color: #393939;
  font-size: 28px;
  line-height: 22px;
  padding: 6px 0 2px 15px;
}

.offshore09 .btnQumiasDownload {
  margin: 3rem auto;
  text-align: center;
}

.offshore09 .btnQumiasDownload:last-of-type {
  margin: 5rem auto 1rem auto;
}

.offshore09 .offshoreDetail .borderLinkBox {
  border-top: solid 1px #1E8FBC;
  border-bottom: solid 1px #1E8FBC;
  padding: 14px 15px;
}

.offshore09 .offshoreDetail .borderLinkBox a {
  display: block;
}

.offshore09 .offshoreDetail .borderLinkBox dl {
  width: calc(100% - 200px);
  padding-right: 30px;
  float: left;
}

.offshore09 .offshoreDetail .borderLinkBox a div {
  text-align: center;
}

.offshore09 .offshoreDetail .borderLinkBox a div.img {
  float: right;
  width: 160px;
}

.offshore09 .offshoreDetail .borderLinkBox dl dt {
  font-size: 24px;
  margin-bottom: 14px;
  text-decoration: underline;
}

.offshore09 .offshoreDetail .secFunction ul.image3 {
  width: 100%;
  margin-bottom: 3rem;
}

.offshore09 .offshoreDetail .secFunction p+p {
  margin-top: 35px
}

.offshore09 .offshoreDetail .secFunction ul.image3 li {
  display: inline-block;
  width: calc(98% / 3);
  text-align: center;
}

.offshore09 .offshoreDetail .secFunction ul.image3 li:nth-child(1) {
  text-align: left;
}

.offshore09 .offshoreDetail .secFunction ul.image3 li:nth-child(2) {
  text-align: center;
}

.offshore09 .offshoreDetail .secFunction ul.image3 li:nth-child(3) {
  text-align: right;
}

.offshore09 .offshoreDetail .grayBoxTitle {
  text-align: center;
  padding: 15px;
  background-color: #f5f5f5;
  font-size: 20px;
  margin-bottom: 1.5rem;
}

.offshore09 .offshoreDetail .secFunction section p+p {
  margin-top: 20px
}

.offshore09 .offshoreDetail .secFunction .condition {
  font-size: 12px;
  word-break: break-all;
}

.offshore09 .offshoreDetail .secFunction .secFunction-01,
.offshore09 .offshoreDetail .secFunction .secFunction-02,
.offshore09 .offshoreDetail .secFunction .secFunction-03 {
  clear: both;
}

.offshore09 .offshoreDetail .secFunction .secFunction-02 table {
  width: 100%;
  margin: 25px auto;
  border-collapse: separate;
  border-spacing: 5px;
}

.offshore09 .offshoreDetail .secFunction .secFunction-02 table th,
.offshore09 .offshoreDetail .secFunction .secFunction-02 table td {
  text-align: center;
  vertical-align: middle;
  padding: 10px 8px 8px 8px;
  width: calc(100% / 5);
  font-size: 14px;
}

.offshore09 .offshoreDetail .secFunction .secFunction-02 table th {
  background-color: #186aab;
  color: #ffffff;
  font-weight: bold;
}

.offshore09 .offshoreDetail .secFunction .secFunction-02 table td {
  border: 1px #707070 solid;
}

.offshore09 .offshoreDetail .secFunction .secFunction-03 {
  padding-bottom: 0;
}

.offshore09 .offshoreDetail .secFunction-left {
  float: left;
  padding-right: 0.7rem;
}

.offshore09 .offshoreDetail .secFunction-right {
  float: right;
  padding-left: 0.7rem;
}

.offshore09 .offshoreDetail .secFunction-01 .secFunction-left {
  width: calc((99% - 350px) - 1.4rem);
}

.offshore09 .offshoreDetail .secFunction-imgTopM-01 {
  margin: 20px auto;
}

.offshore09 .offshoreDetail .secFunction-imgTopM-02 {
  margin: 40px auto;
  text-align: center;
}

.offshore09 .offshoreDetail .secFunction-imgTopM-02 img {
  margin: 0 auto;
}

.offshore09 .offshoreDetail span.blueBold {
  font-weight: bold;
  color: #186aab;
}

.offshore09 .offshoreDetail .secFunction-03 .secFunction-right {
  width: calc((99% - 452px) - 1.4rem);
}

.offshore09 .offshoreDetail .secHowto .howToImg {
  margin: 40px auto;
  text-align: center;
}

.offshore09 .offshoreDetail .secHowto .borderLinkBox {
  margin-top: 35px;
}

.offshore09 .offshoreDetail .secVersion p+p {
  margin-top: 20px
}

.offshore09 .offshoreDetail .secVersion p.versionTxt {
  font-weight: bold;
  font-size: 18px;
}

.offshore09 .offshoreDetail .secVersion table {
  width: 100%;
  margin: 35px auto;
  border-collapse: collapse;
  border: 1px #DEDEDE solid;
}

.offshore09 .offshoreDetail .secVersion table th,
.offshore09 .offshoreDetail .secVersion table td {
  text-align: center;
  vertical-align: middle;
  padding: 10px 8px 8px 8px;
  border: 1px #DEDEDE solid;
}

.offshore09 .offshoreDetail .secVersion table th {
  background-color: #F5F5F5;
  font-weight: bold;
}

.offshore10 .offshoreDetail section {
  padding-bottom: 1rem;
}

.offshore10 .offshoreDetail .hWrapPos,
.offshore10 .offshoreDetail .hWrap {
  margin-bottom: 30px
}

.offshore10 .offshoreDetail .offshoreTopDetail .hTitle {
  font-size: 24px;
  line-height: 136%
}

.offshore10 .offshoreDetail .offshoreTopDetail .hTitle span {
  line-height: 170%
}

.offshore10 .offshoreDetail .secTopComment p+p {
  margin-top: 35px
}

.offshore10 .offshoreDetail .secTopComment .subTitle {
  margin-bottom: 20px !important
}

.offshore10 .offshoreDetail .secTopComment .minTit {
  margin: 45px 0 15px 0 !important
}

.offshore10 .hWrap {
  margin-bottom: 16px;
}

.offshore10 .hWrapPos .hTitle,
.offshore10 .hWrap .hTitle {
  color: #393939;
  font-size: 28px;
  line-height: 22px;
  padding: 6px 0 2px 15px;
}

.offshore10 .offshoreDetail .secThreeFeatures {
  margin-top: 42px
}

.offshore10 .offshoreDetail .secThreeFeatures p {
  margin-bottom: 30px
}

.offshore10 .offshoreDetail .secThreeFeatures .hWrap {
  margin-bottom: 30px
}

.offshore10 .offshoreDetail .secThreeFeatures .anchorList {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.offshore10 .offshoreDetail .secThreeFeatures .anchorList>li {
  width: calc(100% / 3);
  border: solid 2px #186aab;
  padding: 0;
  height: 92px;
}

.offshore10 .offshoreDetail .secThreeFeatures .anchorList>li:nth-child(2) {
  margin: 0 10px;
}

.offshore10 .offshoreDetail .secThreeFeatures .anchorList>li a {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 92px 92px;
  height: 92px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  padding-left: 90px;
}

.offshore10 .offshoreDetail .secThreeFeatures .anchorList>li:nth-child(1) a {
  background-image: url("../images/pages/img-enterprise-threeFeatures--01-01.svg");
}

.offshore10 .offshoreDetail .secThreeFeatures .anchorList>li:nth-child(2) a {
  background-image: url("../images/pages/img-enterprise-threeFeatures--01-02.svg");
}

.offshore10 .offshoreDetail .secThreeFeatures .anchorList>li:nth-child(3) a {
  background-image: url("../images/pages/img-enterprise-threeFeatures--01-03.svg");
}

.offshore10 .offshoreDetail .secThreeFeatures .minTitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

.offshore10 .offshoreDetail .secThreeFeatures .minTitle span img {
  vertical-align: baseline;
  width: auto;
  height: 20px;
  margin-right: 10px;
}

.offshore10 .offshoreDetail .secThreeFeatures section+section {
  margin-top: 50px;
}

.offshore10 .offshoreDetail .secThreeFeatures section.mb50 {
  margin-bottom: 50px;
}

.offshore10 .offshoreDetail .secThreeFeatures .btnGhost,
.offshore10 .offshoreDetail .secImprovement .btnGhost {
  margin: 30px auto 0;
  width: 408px;
}

.offshore10 .offshoreDetail .secImprovement .boxList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  vertical-align: top;
}

.offshore10 .offshoreDetail .secImprovement .boxList {
  margin-bottom: 50px;
}

.offshore10 .offshoreDetail .secThreeFeatures .threeImages {
  display: inline-block;
  width: 113px;
  margin-right: 20px;
  vertical-align: top;
  text-align: center;
}

.offshore10 .offshoreDetail .secThreeFeatures .threeImages img {
  width: 113px !important;
  height: 113px;
  border-radius: 8px;
}

.offshore10 .offshoreDetail .secThreeFeatures .boxList {
  display: inline-block;
  width: calc(100% - 140px);
}

.offshore10 .offshoreDetail .secThreeFeatures .boxList>li {
  /*width: calc(50% - 42px);
  border: solid 1px #C6DEE2;
  padding: 15px;*/
  width: 100%;
  margin: 0 0 30px 0;
}

.offshore10 .offshoreDetail .secImprovement .boxList>li {
  width: calc(50% - 8px);
}

.offshore10 .offshoreDetail .secImprovement .boxList>li img {
  width: auto;
}

.offshore10 .offshoreDetail .secImprovement .boxList>li:nth-child(odd) {
  margin-right: 8px;
}

.offshore10 .offshoreDetail .secImprovement .boxList>li:nth-child(odd) {
  text-align: right;
}

.offshore10 .offshoreDetail .secImprovement .boxList>li:nth-child(even) {
  margin-left: 8px;
}

.offshore10 .offshoreDetail .secThreeFeatures .boxList>li .tit {
  font-size: 16px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 15px;
}

.offshore10 .offshoreDetail .secThreeFeatures .boxList>li p {
  margin-bottom: 0;
  font-size: 14px;
}

.offshore10 .offshoreDetail .secThreeFeatures .boxList>li .tit span {
  display: inline-block;
  height: 85px
}

.offshore10 .offshoreDetail .secImprovement {
  padding-bottom: 1rem;
  margin-bottom: 50px;
}

.offshore10 .offshoreDetail .secImprovement p {
  margin-bottom: 30px;
}

.migration .offshoreDetail .secRelated .boxList,
.offshore10 .offshoreDetail .secRelated .boxList {
  display: block;
}

.migration .offshoreDetail .secRelated .boxList li,
.offshore10 .offshoreDetail .secRelated .boxList li {
  border: solid 1px #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.migration .offshoreDetail .secRelated .boxList li+li,
.offshore10 .offshoreDetail .secRelated .boxList li+li {
  margin-top: 20px;
}

.migration .offshoreDetail .secRelated .boxList li a,
.offshore10 .offshoreDetail .secRelated .boxList li a {
  min-height: 80px;
  width: 100%;
}

.migration .offshoreDetail .secRelated .boxList li a:hover,
.offshore10 .offshoreDetail .secRelated .boxList li a:hover {
  opacity: 0.7;
}

.migration .offshoreDetail .secRelated .boxList li dl,
.offshore10 .offshoreDetail .secRelated .boxList li dl {
  width: 100%;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.migration .offshoreDetail .secRelated .boxList li dl dt,
.migration .offshoreDetail .secRelated .boxList li dl dd,
.offshore10 .offshoreDetail .secRelated .boxList li dl dt,
.offshore10 .offshoreDetail .secRelated .boxList li dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
}

.migration .offshoreDetail .secRelated .boxList li dl dt,
.offshore10 .offshoreDetail .secRelated .boxList li dl dt {
  background-color: #e8e8e8;
  width: 160px;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.migration .offshoreDetail .secRelated .boxList li dl dd,
.offshore10 .offshoreDetail .secRelated .boxList li dl dd {
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.migration .offshoreDetail .secRelated .boxList li dl dd span,
.offshore10 .offshoreDetail .secRelated .boxList li dl dd span {
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  padding-left: 16px;
  margin-left: 16px;
  color: #186aab;
  font-size: 17px;
}

.offshore10 .offshoreDetail .secRelated .boxList li:nth-child(1) dl dd {
  background-image: url("../images/pages/img-enterprise-related--01-01.png");
}

.offshore10 .offshoreDetail .secRelated .boxList li:nth-child(2) dl dd {
  background-image: url("../images/pages/img-enterprise-related--01-02.png");
}

.offshore10 .offshoreDetail .secRelated .boxList li:nth-child(3) dl dd {
  background-image: url("../images/pages/img-enterprise-related--01-03.png");
}

.offshore10 .offshoreDetail .secRelated .boxList li:nth-child(4) dl dd {
  background-image: url("../images/pages/img-enterprise-related--01-04.png");
}

.migration .offshoreDetail .secRelated .boxList li:nth-child(1) dl dd {
  background-image: url("../images/pages/img-solution-migration--related--01-01.png");
}

.migration .offshoreDetail .secRelated .boxList li:nth-child(2) dl dd {
  background-image: url("../images/pages/img-solution-migration--related--01-02.png");
}

.migration .offshoreDetail .secRelated .boxList li:nth-child(3) dl dd {
  background-image: url("../images/pages/img-solution-migration--related--01-03.png");
}

.migration .offshoreDetail .secTopComment ul.disc {
  list-style-type: disc;
  margin-left: 0.75rem;
  padding-left: 0.75rem;
}

.migration .offshoreDetail .secTopComment ul.disc li {
  margin-bottom: 1.25rem;
}

.migration .offshoreDetail .secTopComment .gray-box {
  padding: 20px;
  background-color: #f5f5f5;
  margin-bottom: 65px;
}

.migration .offshoreDetail .secTopComment .gray-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.migration .offshoreDetail .secTopComment .gray-box .inner-box .left-box {
  margin-right: 10px;
  background-color: #ffffff;
  height: 200px;
  width: calc(50% - 10px);
}

.migration .offshoreDetail .secTopComment .gray-box .inner-box .right-box {
  margin-left: 10px;
  width: calc(50% - 10px);
}

.migration .offshoreDetail .secTopComment .gray-box .inner-box a.btn-download {
  display: block;
  margin: 20px auto 0;
  width: 220px;
  background-color: #186aab;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 15px;
  font-weight: bold;
  line-height: 42px;
  text-align: center;
}

.migration .offshoreDetail .secTopComment .gray-box .inner-box a.btn-download:hover {
  background-color: #5d96c4;
}

.migration .offshoreDetail .secTopComment .gray-box2 {
  padding: 25px;
  background-color: #f5f5f5;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.migration .offshoreDetail .secTopComment .gray-box2 .img,
.migration .offshoreDetail .secTopComment .gray-box2 .img img {
  max-width: 100%;
  height: auto;
}

.migration .offshoreDetail .secTopComment .gray-box2 p {
  margin-left: 25px;
  width: calc(100% - 105px);
}


#home .qualityList,
.chosen .qualityList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 18px
}

#home .qualityList+.qualityList,
.chosen .qualityList+.qualityList {
  margin-top: 15px
}

#home .qualityList li,
.chosen .qualityList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  border: solid 1px #e8e8e8;
  cursor: pointer;
  display: inline-block;
  -ms-flex-preferred-size: calc((100% - 18px * 3) / 4);
  flex-basis: calc((100% - 18px * 3) / 4);
  padding: 29px 0 25px 0
}

#home .qualityList li:not(:nth-child(4n)),
.chosen .qualityList li:not(:nth-child(4n)) {
  margin-right: 18px
}

#home .qualityList li:not(:nth-child(4n)),
_:-ms-lang(x)::-ms-backdrop {
  margin-right: 15px
}

.chosen .qualityList li:not(:nth-child(4n)),
_:-ms-lang(x)::-ms-backdrop {
  margin-right: 15px
}

#home .qualityList li:nth-child(n+5),
.chosen .qualityList li:nth-child(n+5) {
  margin-top: 20px
}

#home .qualityList li:hover .animeImg,
.chosen .qualityList li:hover .animeImg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

#home .qualityList li:hover .title,
.chosen .qualityList li:hover .title {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

#home .qualityList li .bgShadow,
.chosen .qualityList li .bgShadow {
  background: url(../images/top/bg-top-quality.png) no-repeat center bottom;
  min-height: 105px;
  text-align: center
}

#home .qualityList li .bgShadow img,
.chosen .qualityList li .bgShadow img {
  -webkit-transition: 0.3s;
  transition: 0.3s
}

#home .qualityList li .title,
.chosen .qualityList li .title {
  margin-top: 15px
}

.chosen {
  background: url(../images/pages/bg-chosen.gif) no-repeat top center
}

.chosen#container {
  width: 100%
}

.chosen .qualityList li {
  -ms-flex-preferred-size: calc((100% - 20px * 4) / 5);
  flex-basis: calc((100% - 20px * 4) / 5)
}

.chosen .qualityList li:not(:nth-child(4n)) {
  margin-right: 0
}

.chosen .qualityList li:nth-child(n+5) {
  margin-top: 0
}

.chosen .qualityList li:not(:nth-child(5n)) {
  margin-right: 20px
}

.chosen .qualityList li:not(:nth-child(5n)),
_:-ms-lang(x)::-ms-backdrop {
  margin-right: 17px
}

.chosen .qualityList li:nth-child(n+6) {
  margin-top: 20px
}

.chosen .btnDetail {
  margin: 41px auto 0;
  width: 420px
}

.chosen .btnDetail a span {
  font-size: 18px;
  line-height: 45px
}

.chosen .pageTitle img {
  position: relative;
  z-index: 10
}

.chosen .topBalloon {
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  background: #fff;
  text-align: center;
  margin-top: 35px;
  position: relative
}

.chosen .topBalloon .color01 {
  font-weight: bold;
  color: #186aab
}

.chosen .topBalloon .color02 {
  font-weight: bold;
  color: #1ba7aa
}

.chosen .topBalloon .txt {
  font-size: 28px;
  padding: 35px 0 20px;
  text-align: center
}

.chosen .topBalloon .balloon01,
.chosen .topBalloon .balloon02 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/pages/bg-chosen-balloon.png) no-repeat top center;
  width: 244px;
  height: 73px;
  font-size: 26px;
  text-align: center;
  position: absolute;
  padding-top: 15px
}

.chosen .topBalloon .balloon01 {
  color: #186aab;
  left: 107px;
  top: -44px
}

.chosen .topBalloon .balloon02 {
  color: #1ba7aa;
  left: 625px;
  top: -44px
}

.chosen .secDemand .arrowBox {
  background: url(../images/common/arrow-next.png) no-repeat top center;
  margin: 20px 0 5px 0;
  padding-top: 47px;
  font-weight: bold;
  text-align: center
}

.chosen .secDemand .arrowBox .arrowTit {
  font-size: 32px
}

.chosen .secDemand .arrowBox .txt {
  font-size: 18px;
  color: #186aab
}

.chosen .secDemand .demandList {
  text-align: center;
  margin-top: 15px
}

.chosen .secDemand .demandList+.demandList {
  margin-top: 20px
}

.chosen .secDemand .demandList li {
  width: 313px;
  cursor: pointer;
  display: inline-block;
  *float: left;
  margin-right: 15px
}

.chosen .secDemand .demandList li:last-child {
  margin-right: 0
}

.chosen .secDemand .demandList li:hover .hoverPhoto .hoverImg {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.chosen .secDemand .demandList li:hover .tit {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5
}

.chosen .secDemand .demandList li .hoverPhoto {
  height: 165px;
  width: 313px;
  overflow: hidden
}

.chosen .secDemand .demandList li .hoverPhoto .hoverImg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0
}

.chosen .secDemand .demandList li .hoverPhoto.bg01 {
  background: url(../images/pages/img-chosen-demand01.jpg) no-repeat center center
}

.chosen .secDemand .demandList li .hoverPhoto.bg02 {
  background: url(../images/pages/img-chosen-demand02.jpg) no-repeat center center
}

.chosen .secDemand .demandList li .hoverPhoto.bg03 {
  background: url(../images/pages/img-chosen-demand03.jpg) no-repeat center center
}

.chosen .secDemand .demandList li .hoverPhoto.bg04 {
  background: url(../images/pages/img-chosen-demand04.jpg) no-repeat center center
}

.chosen .secDemand .demandList li .hoverPhoto.bg05 {
  background: url(../images/pages/img-chosen-demand05.jpg) no-repeat center center
}

.chosen .secDemand .demandList li .hoverPhoto.bg06 {
  background: url(../images/pages/img-chosen-demand06.jpg) no-repeat center center
}

.chosen .secDemand .demandList li .tit {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #f5f5f5
}

.chosen .secDemand .demandList li .tit a {
  background: url(../images/common/icon-arrow-link02.png) no-repeat 35px center;
  color: #186aab;
  padding: 20px 35px 20px 50px;
  display: block;
  font-weight: bold;
  text-align: left
}

.chosen .secDemand .under {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-top: 40px
}

.chosen .secDemand .secRank {
  border-top: 1px solid #dedede;
  margin-top: 50px;
  padding-top: 62px
}

.chosen .secDemand .secRank .rankHeader {
  font-size: 15px;
  line-height: 1.6;
  text-align: center
}

.chosen .secDemand .secRank .rankTitle {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px
}

.chosen .secDemand .secRank .rankTitle:before {
  background: url(../images/pages/icon-chosen-rank.png) no-repeat;
  content: '';
  display: inline-block;
  height: 25px;
  margin-right: 10px;
  position: relative;
  top: -3px;
  vertical-align: middle;
  width: 37px
}

.chosen .secDemand .secRank .rankTitle strong {
  color: #186aab
}

.chosen .secDemand .secRank .rankList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 48px
}

.chosen .secDemand .secRank .rankItem {
  border: 1px solid #186aab;
  border-radius: 5px;
  width: 480px
}

.chosen .secDemand .secRank .rankItem .itemHeader {
  background: #186aab;
  border-radius: 4px 4px 0 0;
  color: #fff;
  padding: 24px 30px 22px;
  position: relative
}

.chosen .secDemand .secRank .rankItem .itemHeader img {
  position: absolute;
  right: -26px;
  top: -40px;
  z-index: 9
}

.chosen .secDemand .secRank .rankItem .itemHeader img.rank02 {
  right: -19px
}

.chosen .secDemand .secRank .rankItem .itemHeader img.rank2021 {
  position: absolute;
  right: 10px;
  top: -10px;
  z-index: 9;
  width: 160px;
  height: auto;
}

.chosen .secDemand .secRank .rankItem .itemTitle {
  font-size: 24px;
  line-height: 1.20083333;
  font-weight: bold
}

.chosen .secDemand .secRank .rankItem .itemTitle span {
  display: block;
  font-size: 18px;
  margin-bottom: 9px
}

.chosen .secDemand .secRank .rankItem .itemTitle span:before {
  background: url(../images/pages/icon-chosen-rank01.png) no-repeat;
  content: '';
  display: inline-block;
  height: 27px;
  margin: 0 10px 0 2px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 27px
}

.chosen .secDemand .secRank .rankItem .itemTitle strong {
  font-size: 34px;
  line-height: 1
}

.chosen .secDemand .secRank .rankItem .itemContent {
  padding: 28px 40px 32px
}

.chosen .secDemand .secRank .rankItem .itemContent .graph {
  margin-bottom: 29px;
  text-align: center
}

.chosen .secDemand .secRank .rankItem .itemContent dl dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44444444;
  margin-bottom: 7px
}

.chosen .secDemand .secRank .rankItem .itemContent dl dd {
  font-size: 15px;
  line-height: 1.73333333
}

.chosen .secDemand .secRank .rankItem.rankItem02 {
  border-color: #1ba7aa
}

.chosen .secDemand .secRank .rankItem.rankItem02 .itemHeader {
  background: #1ba7aa
}

.chosen .secDemand .secRank .rankItem.rankItem02 .itemTitle span:before {
  background-image: url(../images/pages/icon-chosen-rank02.png);
  height: 28px;
  top: -4px;
  width: 22px
}

.chosen .grayBox {
  padding: 72px 0 80px;
  margin-top: 72px
}

.chosen .grayBox .contentsTitle {
  text-align: center;
  font-weight: bold;
  font-size: 18px
}

.chosen .grayBox .contentsTitle span {
  display: block;
  font-size: 32px;
  color: #186aab;
  margin-top: 7px
}

.chosen .grayBox .secQuality {
  text-align: center
}

.chosen .grayBox .secKnowledge {
  margin-top: 70px
}

.chosen .grayBox .secKnowledge .knowledgeList {
  margin-top: 22px
}

.chosen .grayBox .secKnowledge .knowledgeList li {
  background: #fff;
  border: solid 1px #e8e8e8;
  width: 480px
}

.chosen .grayBox .secKnowledge .knowledgeList li.fl .minTit {
  background: url(../images/pages/icon-chosen-knowledge01.png) no-repeat left 2px
}

.chosen .grayBox .secKnowledge .knowledgeList li.fr .minTit {
  background: url(../images/pages/icon-chosen-knowledge02.png) no-repeat left 2px
}

.chosen .grayBox .secKnowledge .knowledgeList li:hover .btnDetail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  -webkit-transition: 0.3s;
  transition: 0.3s
}

.chosen .grayBox .secKnowledge .knowledgeList li:hover .btnDetail a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.chosen .grayBox .secKnowledge .knowledgeList li .tit {
  background: #eee;
  border-bottom: solid 1px #e8e8e8;
  font-size: 26px;
  line-height: 68px;
  text-align: center
}

.chosen .grayBox .secKnowledge .knowledgeList li .secContents {
  padding: 25px 30px 18px 30px
}

.chosen .grayBox .secKnowledge .knowledgeList li .secContents .minTit {
  font-size: 22px;
  font-weight: bold;
  padding-left: 28px
}

.chosen .grayBox .secKnowledge .knowledgeList li .secContents .txt {
  margin-top: 10px
}

.chosen .grayBox .secKnowledge .knowledgeList li .secContents .btnDetail {
  margin-top: 20px;
  width: 100%
}

.chosen .grayBox .secKnowledge .borderBox {
  padding: 37px 30px;
  background: #fff;
  margin-top: 20px
}

.chosen .grayBox .secKnowledge .borderBox .underTitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 15px;
  text-align: center
}

.chosen .grayBox .secKnowledge .borderBox .underTitle span {
  font-size: 32px;
  color: #186aab
}

.chosen .grayBox .secKnowledge .borderBox .istqbBox {
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 29px 22px
}

.chosen .grayBox .secKnowledge .borderBox .istqbBox .image {
  margin-right: 23px;
  padding: 57px 0
}

.chosen .grayBox .secKnowledge .borderBox .istqbBox .title {
  color: #186aab;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 6px
}

.chosen .grayBox .secKnowledge .borderBox .istqbBox p {
  font-size: 15px;
  line-height: 1.6
}

.chosen .grayBox .secKnowledge .borderBox .anotherList {
  margin-top: 42px
}

.chosen .grayBox .secKnowledge .borderBox .anotherList li+li {
  margin-top: 34px
}

.chosen .grayBox .secKnowledge .borderBox .anotherList .textBox {
  width: 450px;
  float: left
}

.chosen .grayBox .secKnowledge .borderBox .anotherList .textBox .logo {
  border: solid 1px #e8e8e8;
  border-width: 1px 0;
  padding: 12px 0;
  text-align: center
}

.chosen .grayBox .secKnowledge .borderBox .anotherList .textBox .minTit {
  margin: 30px 0 15px 0;
  color: #186aab
}

.chosen .grayBox .secKnowledge .borderBox .anotherList .textBox .txt {
  width: 440px
}

.chosen .grayBox .secKnowledge .borderBox .anotherList .imgView {
  float: right
}

.chosen .grayBox .secKnowledge .borderBox .anotherList .imgView.up {
  margin-top: -24px
}

.chosen .grayBox .secResults {
  margin-top: 70px
}

.chosen .grayBox .secResults .resultsList {
  margin-top: 30px
}

.chosen .grayBox .secResults .resultsList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #e8e8e8;
  float: left;
  margin-right: 40px;
  *margin-right: 15px;
  padding: 30px;
  width: 300px;
  *width: 250px;
  background: #fff
}

.chosen .grayBox .secResults .resultsList li:last-child {
  margin-right: 0
}

.chosen .grayBox .secResults .resultsList li .tc .tit {
  font-weight: bold;
  font-size: 20px
}

.chosen .grayBox .secResults .resultsList li .tc .tit span {
  font-size: 14px;
  display: block;
  text-align: center;
  margin-top: -10px
}

.chosen .grayBox .secResults .resultsList li .tc img {
  margin-top: 40px
}

.chosen .grayBox .secResults .resultsList li .txt {
  margin-top: 29px
}

.chosen .secVoice {
  padding: 65px 0 0 0
}

.chosen .secVoice .title {
  text-align: center;
  font-weight: bold
}

.chosen .secVoice .title span {
  color: #186aab;
  font-size: 32px;
  display: block
}

.chosen .secVoice .voiceList {
  margin-top: 35px
}

.chosen .secVoice .voiceList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #e8e8e8;
  float: left;
  margin-right: 40px;
  *margin-right: 20px;
  padding: 13px 30px 23px 30px;
  width: 300px;
  *width: 245px;
  background: #fff;
  cursor: pointer
}

.chosen .secVoice .voiceList li:last-child {
  margin-right: 0
}

.chosen .secVoice .voiceList li:hover .animeImg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.chosen .secVoice .voiceList li:hover .btnDetail {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.chosen .secVoice .voiceList li:hover .btnDetail a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-transition: 0;
  transition: 0
}

.chosen .secVoice .voiceList li .tc .logo {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
  display: table;
  width: 100%
}

.chosen .secVoice .voiceList li .tc .logo span {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.chosen .secVoice .voiceList li .tc .scalePhoto {
  height: 162px;
  width: 240px;
  overflow: hidden
}

.chosen .secVoice .voiceList li .tc .scalePhoto .animeImg {
  -webkit-transition: 0.3s;
  transition: 0.3s
}

.chosen .secVoice .voiceList li .txt {
  margin-top: 19px
}

.chosen .secVoice .voiceList li .txt .name {
  font-weight: bold;
  margin-bottom: 10px
}

.chosen .secVoice .voiceList li .btnDetail {
  width: 100%;
  margin-top: 20px
}

.chosen .secVoice .voiceList li .btnDetail a span {
  font-size: 14px;
  line-height: 30px
}

.chosen .secFaq {
  margin-top: 70px
}

.chosen .secFaq .title {
  text-align: center;
  font-weight: bold;
  color: #186aab;
  font-size: 32px;
  display: block
}

.chosen .secFaq .faqList {
  margin-top: 30px
}

.chosen .secFaq .faqList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/pages/icon-faq-question.png) no-repeat 20px center #fff;
  border: solid 1px #e8e8e8;
  cursor: pointer;
  width: 480px;
  *width: 440px;
  padding: 15px 20px;
  margin: 0 20px 20px 0;
  *margin: 0 10px 20px 0;
  float: left
}

.chosen .secFaq .faqList li:nth-child(2n) {
  margin-right: 0
}

.chosen .secFaq .faqList li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.chosen .secFaq .faqList li p {
  padding-left: 35px;
  display: table;
  height: 100%
}

.chosen .secFaq .faqList li p a,
.chosen .secFaq .faqList li p span {
  display: table-cell;
  vertical-align: middle
}

.chosen .secFaq .faqList li p a:hover,
.chosen .secFaq .faqList li p span:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-transition: 0;
  transition: 0;
  color: #393939
}

.chosen .secFaq .btnDetailMin {
  float: right;
  margin-bottom: 50px;
  width: 180px
}

.chosen .secFaq .btnDetailMin a {
  border-radius: 4px;
  background: url(../images/common/icon-arrow-link05.png) no-repeat 12px center #eee;
  color: #393939;
  font-weight: bold;
  display: block;
  line-height: 25px;
  font-size: 12px;
  padding-left: 30px
}

.chosen .secFaq .btnDetailMin a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

.hakenList .hWrap.hakenTop {
  background: url(../images/pages/bg-hakenlist-title.png) no-repeat right top;
  margin-bottom: 30px;
  padding: 24px 0 12px
}

.hakenList .hWrap.hakenTop .hTitle {
  color: #186aab;
  font-size: 30px;
  line-height: 138%
}

.hakenList .hMintitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px
}

.hakenList .topText {
  margin-bottom: 16px
}

.haken01 .hakenList .secSearch {
  margin-top: 55px
}

.haken01 .hakenList .secSearch .txtBox p {
  float: left;
  width: 420px
}

.haken01 .hakenList .secSearch .txtBox img {
  float: right
}

.haken01 .hakenList .secIndustry {
  margin-top: 55px
}

.haken01 .hakenList .secIndustry .txtBox p {
  float: left;
  width: 420px
}

.haken01 .hakenList .secIndustry .txtBox img {
  float: right;
  margin-top: -25px
}

.haken01 .hakenList .secGuide {
  margin-top: 65px
}

.haken01 .hakenList .secGuide .secSupport {
  margin-top: 40px
}

.haken01 .hakenList .secGuide .secSupport .caseList {
  margin-top: 20px
}

.haken01 .hakenList .secGuide .secSupport .caseList li {
  border: solid 1px #e8e8e8;
  padding: 20px
}

.haken01 .hakenList .secGuide .secSupport .caseList li+li {
  margin-top: 20px
}

.haken01 .hakenList .secGuide .secSupport .caseList li:last-child .noTitle {
  color: #1ba7aa
}

.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle {
  font-size: 20px;
  color: #186aab;
  background: url(../images/common/line-dot-orizontal04.gif) repeat-x bottom;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-weight: bold
}

.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no01,
.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no02,
.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no03,
.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no04,
.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no05 {
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 10px;
  text-indent: -99999px;
  width: 27px;
  border-radius: 3px
}

.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no01 {
  background: url(../images/common/icon-list-no01.png) no-repeat 11px center #186aab
}

.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no02 {
  background: url(../images/common/icon-list-no02.png) no-repeat center center #186aab
}

.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no03 {
  background: url(../images/common/icon-list-no03.png) no-repeat center center #186aab
}

.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no04 {
  background: url(../images/common/icon-list-no04.png) no-repeat center center #186aab
}

.haken01 .hakenList .secGuide .secSupport .caseList li .noTitle span.no05 {
  background: url(../images/common/icon-list-no05.png) no-repeat center center #1ba7aa
}

.hakenDetail .hWrapPos {
  height: 95px;
  margin: -40px 0 35px 0;
  padding-top: 40px
}

.haken02 .hakenDetail .hWrapPos {
  background: url(../images/pages/bg-hakendetail-mv-haken02.png) no-repeat right 0
}

.haken03 .hakenDetail .hWrapPos {
  background: url(../images/pages/bg-hakendetail-mv-haken03.png) no-repeat right 0
}

.hakenDetail .hWrapPos .hakenTopDetail {
  margin-bottom: 0;
  padding: 0
}

.hakenDetail .hWrapPos .hakenTopDetail .hTitle {
  color: #393939;
  font-weight: bold;
  font-size: 28px;
  line-height: 138%
}

.haken02 .hakenDetail .secTopComment .subTitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px
}

.haken02 .hakenDetail .secWork {
  margin-top: 55px
}

.haken02 .hakenDetail .secWork .hWrap {
  margin-bottom: 15px
}

.haken02 .hakenDetail .secWork .btnGhost {
  margin: 30px auto 0;
  width: 340px
}

.haken02 .hakenDetail .secWork .notes {
  text-align: center;
  font-size: 12px;
  margin-top: 10px
}

.haken02 .hakenDetail .secWelfare {
  margin-top: 65px
}

.haken02 .hakenDetail .secWelfare .hWrap {
  margin-bottom: 15px
}

.haken02 .hakenDetail .secWelfare .welfareBox {
  border: 1px solid #e8e8e8;
  margin-top: 40px
}

.haken02 .hakenDetail .secWelfare .welfareBox+.welfareBox {
  margin-top: 40px
}

.haken02 .hakenDetail .secWelfare .welfareBox .underTitle {
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  background: #f5f5f5;
  padding: 17px 0 15px 0
}

.haken02 .hakenDetail .secWelfare .welfareBox .underTitle span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal
}

.haken02 .hakenDetail .secWelfare .welfareBox .txtBox {
  padding: 30px
}

.haken02 .hakenDetail .secWelfare .welfareBox .txtBox .notes {
  font-size: 12px
}

.haken03 .hakenDetail .secFaq {
  margin-bottom: 60px
}

.haken03 .hakenDetail .secFaq>section {
  margin-bottom: 20px
}

.haken03 .hakenDetail .secFaq>section:last-child {
  margin-bottom: 0
}

.haken03 .hakenDetail .secFaq>section .borderBox {
  padding: 20px 18px;
  position: relative;
  z-index: 2;
  cursor: pointer
}

.haken03 .hakenDetail .secFaq>section .borderBox.active .faqTitle span {
  background: url(../images/pages/icon-faq-close.png) no-repeat right
}

.haken03 .hakenDetail .secFaq>section .faqTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/pages/icon-faq-question.png) no-repeat left;
  width: 100%
}

.haken03 .hakenDetail .secFaq>section .faqTitle span {
  background: url(../images/pages/icon-faq-open.png) no-repeat right;
  display: block;
  padding: 5px 35px
}

.haken03 .hakenDetail .secFaq>section .answerBox {
  background: #eff7f9;
  display: none;
  margin-top: 14px;
  padding: 19px 20px
}

.haken03 .hakenDetail .secFaq>section .answerBox .tbSmall {
  width: 400px;
  margin-top: 20px
}

.haken03 .hakenDetail .secFaq>section .answerBox .tbSmall td,
.haken03 .hakenDetail .secFaq>section .answerBox .tbSmall th {
  border-bottom: 1px dotted #ccc;
  padding: 5px 10px 2px
}

.haken03 .hakenDetail .secFaq>section .answerBox .tbSmall tbody th {
  width: 80%
}

.haken03 .hakenDetail .secFaq>section .answerBox .tbSmall tbody td {
  text-align: center
}

.companyDetail .hWrapPos {
  height: 85px;
  margin: -40px 0 35px 0;
  padding-top: 50px
}

.company .companyDetail .hWrapPos {
  background: url(../images/pages/bg-companydetail-mv-company.png) no-repeat right 0
}

.companyDetail .companyTopDetail {
  margin-bottom: 0;
  padding: 0
}

.companyDetail .companyTopDetail .hTitle {
  color: #393939;
  font-weight: bold;
  font-size: 28px;
  line-height: 138%
}

.companyDetail .companyTopDetail .hTitle span {
  display: block;
  font-size: 14px;
  line-height: 140%
}

.companyDetail .title {
  border-left: 4px solid #dedede;
  color: #393939;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 20px;
  padding: 2px 0 0 12px;
}

.business .companyDetail .secQuality {
  text-align: center
}

.business .companyDetail .secQuality .logoTitle {
  text-align: center
}

.business .companyDetail .secQuality .borderBox {
  margin-top: 30px;
  padding-bottom: 40px
}

.business .companyDetail .secQuality .borderBox .inTitle {
  font-size: 22px;
  text-align: center;
  padding: 15px 0;
  background: #eee
}

.business .companyDetail .secQuality .borderBox .txt {
  color: #186aab;
  margin-top: 25px;
  font-size: 18px
}

.business .companyDetail .secQuality .borderBox .qualityList {
  margin-top: 30px
}

.business .companyDetail .secQuality .borderBox .qualityList+.qualityList {
  margin-top: 15px
}

.business .companyDetail .secQuality .borderBox .qualityList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  padding: 0;
  width: 170px;
  display: inline-block;
  *float: left
}

.business .companyDetail .secQuality .borderBox .qualityList li:last-child {
  margin-right: 0
}

.business .companyDetail .secQuality .borderBox .qualityList li .bgShadow {
  background: url(../images/top/bg-top-quality.png) no-repeat center bottom;
  min-height: 85px;
  text-align: center
}

.business .companyDetail .secQuality .borderBox .qualityList li .bgShadow img {
  -webkit-transition: 0.3s;
  transition: 0.3s
}

.business .companyDetail .secQuality .borderBox .qualityList li .title {
  margin-top: 15px
}

.business .companyDetail .secQuality .subBox {
  margin-top: 15px
}

.business .companyDetail .secQuality .subBox:nth-of-type(3) {
  margin-top: 15px
}

.business .companyDetail .secQuality .subBox .listGroup {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-left: solid 1px #dedede;
  border-right: solid 1px #dedede;
  border-bottom: solid 1px #dedede;
  width: 345px
}

.business .companyDetail .secQuality .subBox .listGroup.w100 {
  width: 100%
}

.business .companyDetail .secQuality .subBox .listGroup .tit {
  background: #e2e2e2;
  font-size: 20px;
  line-height: 50px;
  text-align: center
}

.business .companyDetail .secQuality .subBox .listGroup ul,
.business .companyDetail .secQuality .subBox .listGroup.w100 ul {
  padding: 0px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.business .companyDetail .secQuality .subBox .listGroup li {
  border: none;
  float: left;
  padding: 20px 0;
  width: 155px;
  display: table
}


.business .companyDetail .secQuality .subBox .listGroup li.fontMin {
  font-size: 13px
}

.business .companyDetail .secQuality .subBox .listGroup li:first-child span {
  padding-left: 15px;
  background: url(../images/common/line-dot-vertical01.gif) repeat-y right
}

.business .companyDetail .secQuality .subBox .listGroup li:last-child span {
  background: none;
  padding-left: 15px;
}

.business .companyDetail .secQuality .subBox .listGroup li span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: left
}

.business .companyDetail .secQuality .subBox .listGroup li span a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  display: block;
  width: 100%
}

.business .companyDetail .secQuality .subBox .listGroup.w100 li {
  border: none;
  padding: 20px 0;
  width: calc(100% / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.business .companyDetail .secQuality .subBox .listGroup.w100 li.w50 {
  width: 50%;
}

.business .companyDetail .secQuality .subBox .listGroup.w100 li span {
  padding-left: 0;
  background: none;
  text-align: center;
  padding-top: 10px;
}



.business .companyDetail .secQuality .solutionArea {
  margin-top: 40px;
}

.business .companyDetail .secQuality .solutionArea .solutionBlock {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  background: #f5f5f5;
  padding: 24px 18px 19px 18px;
  position: relative;
  z-index: 10
}

.business .companyDetail .secQuality .solutionArea .solutionBlock h3 {
  margin-bottom: 26px;
  text-align: center
}

.business .companyDetail .secQuality .solutionArea .solutionBlock .listGroup {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #dedede;
  border-width: 0 1px 1px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock .listGroup .tit {
  background: #e2e2e2;
  font-size: 16px;
  line-height: 50px;
  text-align: center
}

.business .companyDetail .secQuality .solutionArea .solutionBlock .listGroup ul {
  padding: 0px 10px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock .listGroup li {
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x bottom
}

.business .companyDetail .secQuality .solutionArea .solutionBlock .listGroup li:last-child {
  background: none
}

.business .companyDetail .secQuality .solutionArea .solutionBlock .listGroup li span {
  display: table-cell;
  vertical-align: middle;
  text-align: left
}

.business .companyDetail .secQuality .solutionArea .solutionBlock .listGroup li span a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-size: 14px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block01 {
  border-top: solid 3px #186aab;
  float: left;
  width: 345px;
  *width: 305px
}
.business .companyDetail .secQuality .solutionArea .solutionBlock.block01 .listGroup li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 0
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block02 {
  border-top: solid 3px #e46ba1;
  float: left;
  /*margin-top: 15px;*/
  width: 345px;
  *width: 305px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block02 .listGroup {
  float: left;
  margin-right: 10px;
  width: 148px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block02 .listGroup:last-child {
  margin-right: 0
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block02 .listGroup li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 0
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block03 {
  border-top: solid 3px #589c9d;
  float: right;
  margin-top: 15px;
  width: 345px;
  *width: 305px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block03 .listGroup li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  float: left;
  padding: 7px 0;
  width: 140px;
  display: table
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block03 .listGroup li>span {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block03 .listGroup li:first-child {
  background: none
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block03 .listGroup li:first-child span {
  background: url(../images/common/line-dot-vertical01.gif) repeat-y right
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block03 .listGroup li:first-child span span {
  display: inline-block;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block03 .listGroup li:last-child span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  width: 100px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block04 {
  border-top: solid 3px #FF4000;
  float: left;
  margin-top: 15px;
  width: 345px;
  *width: 305px;
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block04 .listGroup li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  float: left;
  padding: 7px 0;
  width: 140px;
  display: table
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block04 .listGroup li>span {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block04 .listGroup li:first-child {
  background: none
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block04 .listGroup li:first-child span {
  background: url(../images/common/line-dot-vertical01.gif) repeat-y right
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block04 .listGroup li:first-child span span {
  display: inline-block;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block04 .listGroup li:last-child span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  width: 100px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block05 {
  border-top: solid 3px #007800;
  float: right;
  margin-top: 15px;
  width: 345px;
  *width: 305px;
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block05 .listGroup li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  float: left;
  padding: 7px 0;
  width: 140px;
  display: table
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block05 .listGroup li>span {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block05 .listGroup li:first-child {
  background: none
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block05 .listGroup li:first-child span {
  background: url(../images/common/line-dot-vertical01.gif) repeat-y right
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block05 .listGroup li:first-child span span {
  display: inline-block;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block05 .listGroup li:last-child span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  width: 100px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block06 {
  border-top: solid 3px #00626b ;
  float: left;
  margin-top: 15px;
  width: 345px;
  *width: 305px;
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block06 .listGroup li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  float: left;
  padding: 7px 0;
  width: 140px;
  display: table
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block06 .listGroup li>span {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block06 .listGroup li:first-child {
  background: none
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block06 .listGroup li:first-child span {
  background: url(../images/common/line-dot-vertical01.gif) repeat-y right
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block06 .listGroup li:first-child span span {
  display: inline-block;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block06 .listGroup li:last-child span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  width: 100px
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block07 {
  border-top: solid 3px #122b88 ;
  float: left;
  margin-top: 15px;
  width: 345px;
  *width: 305px;
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block07 .listGroup li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  float: left;
  padding: 7px 0;
  width: 140px;
  display: table
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block07 .listGroup li>span {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block07 .listGroup li:first-child {
  background: none
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block07 .listGroup li:first-child span {
  background: url(../images/common/line-dot-vertical01.gif) repeat-y right
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block07 .listGroup li:first-child span span {
  display: inline-block;
  width: 100%
}

.business .companyDetail .secQuality .solutionArea .solutionBlock.block07 .listGroup li:last-child span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  width: 100px
}

.business .companyDetail .secQuality .solutionArea.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap:15px;
}
.business .companyDetail .secQuality .solutionArea.flex .solutionBlock {
  float: none !important;
  margin-top: 0;
}

.business .companyDetail .hWrap.secGroupe {
  margin-top: 65px;
}

.enkaku .companyDetail .secTopText .topTielt,
.name .companyDetail .secTopText .topTielt {
  font-size: 18px;
  font-weight: bold;
  color: #186aab;
  margin-bottom: 15px
}

.enkaku .companyDetail .secTopText .imgBox,
.name .companyDetail .secTopText .imgBox {
  background: #f6fcfc;
  text-align: center;
  margin-top: 40px;
  padding: 35px 0 40px
}

.enkaku .companyDetail .secTopText .message,
.name .companyDetail .secTopText .message {
  margin-top: 30px;
  font-size: 18px
}

.name .companyDetail .secTopText .message {
  background: #f6fcfc;
  padding: 20px;
  font-weight: bold;
}

.enkaku .companyDetail .secTopText .message span,
.name .companyDetail .secTopText .message span {
  margin-top: 14px;
  display: block;
  font-size: 14px
}

.name .companyDetail .secTopText .message span {
  display: block;
  text-align: right;
}

.enkaku .companyDetail .secHistory {
  margin-top: 65px
}

.enkaku .companyDetail .secHistory .hWrap {
  margin-bottom: 25px
}

.enkaku .companyDetail .secHistory .historyList {
  width: 100%
}

.enkaku .companyDetail .secHistory .historyList dt {
  clear: both;
  display: table;
  float: left;
  font-weight: bold;
  padding: 18px 0;
  width: 130px
}

.enkaku .companyDetail .secHistory .historyList dt:first-of-type {
  padding-top: 0
}

.enkaku .companyDetail .secHistory .historyList dd {
  padding: 18px 0 18px 135px;
  background: url(../images/common/line-dot-orizontal02.gif) repeat-x bottom
}

.enkaku .companyDetail .secHistory .historyList dd:first-of-type {
  padding-top: 0
}

.enkaku .companyDetail .secIstqb {
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
  padding: 28px 33px
}

.kenin .companyDetail .secIstqb {
  background: #f5f5f5;
  margin-top: 35px;
  padding: 28px 33px
}

.kenin .companyDetail .secIstqb .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.enkaku .companyDetail .secIstqb .image,
.kenin .companyDetail .secIstqb .image {
  margin-right: 26px;
  padding: 64px 0
}

.enkaku .companyDetail .secIstqb .title,
.kenin .companyDetail .secIstqb .title {
  color: #186aab;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 8px
}

.enkaku .companyDetail .secIstqb p,
.kenin .companyDetail .secIstqb p {
  font-size: 15px;
  line-height: 1.6
}

.kenin .companyDetail .secIstqb .btnGhost {
  width: 408px;
  margin: 20px auto 0;
}

.sdgs .companyDetail .secText {
  margin-bottom: 60px;
}

.sdgs .companyDetail .secText .imgBox {
  background: #ffffff;
  text-align: center;
  margin-top: 40px;
  padding: 0;
}

.sdgs .companyDetail .secText .imgBox img {
  max-width: 100%;
  height: auto;
}

.sdgs .companyDetail .secText .sdgsIconList {
  margin-bottom: 40px;
  padding: 0;
}

.sdgs .companyDetail .secText .sdgsIconList li {
  display: inline-block;
  width: 200px;
  margin-right: 20px;
}

.sdgs .companyDetail .secText .sdgsTextList {
  margin-bottom: 35px;
  padding: 0;
}

.sdgs .companyDetail .secText .sdgsTextList li {
  display: block;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-left: 1.3em;
}

.sdgs .companyDetail .secText .sdgsTextList li:before {
  border-radius: 50%;
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  left: 0.3em;
  top: 0.6em;
  content: "";
  background: #186aab;
}

.sdgs .companyDetail .secText figure {
  text-align: center;
  margin-bottom: 30px;
}

.sdgs .companyDetail .secText figure img {
  max-width: 100%;
  height: auto;
}

.sdgs .companyDetail .secText figcaption {
  text-align: center;
  margin-bottom: 30px;
}

.philosophy .companyDetail .secPhilosophy .secText {
  padding: 0 0 38px 0
}

.philosophy .companyDetail .secPhilosophy .secText+.secText {
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x top;
  padding-top: 38px
}

.philosophy .companyDetail .secPhilosophy .secText+.secText.last {
  padding-bottom: 0 !important
}

.philosophy .companyDetail .secPhilosophy .secText .title {
  color: #186aab;
  font-size: 24px;
  margin-bottom: 10px
}

.philosophy .companyDetail .secSlogan,
.name .companyDetail .secSlogan {
  margin-top: 65px
}

.philosophy .companyDetail .secSlogan .sloganBox,
.name .companyDetail .secSlogan .sloganBox {
  border: solid 1px #dedede;
  text-align: center
}

.philosophy .companyDetail .secSlogan .sloganBox .logo,
.name .companyDetail .secSlogan .sloganBox .logo {
  padding: 40px 0 35px 0
}

.philosophy .companyDetail .secSlogan .sloganBox .TextBox,
.name .companyDetail .secSlogan .sloganBox .TextBox {
  padding: 40px 0;
  background: #f5f5f5;
  border-top: solid 1px #dedede
}

.philosophy .companyDetail .secSlogan .sloganBox .TextBox .message,
.name .companyDetail .secSlogan .sloganBox .TextBox .message {
  margin-top: 13px
}

.philosophy .companyDetail .secMessage {
  margin-top: 65px
}

.business .companyDetail .secService {
  margin-top: 65px
}

.philosophy .companyDetail .secMessage .messageBox {
  padding-bottom: 38px
}

.philosophy .companyDetail .secMessage .messageBox p+p {
  margin-top: 20px
}

.philosophy .companyDetail .secMessage .messageBox+.messageBox {
  padding-top: 38px;
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x top
}

.philosophy .companyDetail .secMessage .messageBox+.messageBox.last {
  padding-bottom: 0 !important
}

.philosophy .companyDetail .secMessage .messageBox .minTitle {
  color: #186aab;
  font-size: 24px;
  margin-bottom: 10px
}

.philosophy .companyDetail .secMessage .messageBox .fl {
  width: 480px
}

.philosophy.message .companyDetail .secMessage .messageBox .fl {
  width: 420px
}

.kenin .companyDetail .secIntro {}

.kenin .companyDetail .secTraining,
.kenin .companyDetail .secTestinfo,
.kenin .companyDetail .secEstablish {
  margin-top: 60px
}

.kenin .companyDetail .secTraining .hWrap,
.kenin .companyDetail .secTestinfo .hWrap,
.kenin .companyDetail .secEstablish .hWrap {
  margin-bottom: 30px
}

.kenin .companyDetail .secTraining .secText+.secText,
.kenin .companyDetail .secTestinfo .secText+.secText,
.kenin .companyDetail .secEstablish .secText+.secText {
  padding-top: 40px
}

.kenin .companyDetail .secTraining .secText .title,
.kenin .companyDetail .secTestinfo .secText .title,
.kenin .companyDetail .secEstablish .secText .title {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px
}

.kenin .companyDetail .secTraining .secText .txt,
.kenin .companyDetail .secTestinfo .secText .txt,
.kenin .companyDetail .secEstablish .secText .txt {
  width: 510px;
  float: left;
  text-align: justify;
}

.kenin .companyDetail .secTraining .secText .imgField,
.kenin .companyDetail .secTestinfo .secText .imgField,
.kenin .companyDetail .secEstablish .secText .imgField {
  float: right;
  width: 170px;
  text-align: center;
}

.kenin .companyDetail .secTraining .secText .imgField img,
.kenin .companyDetail .secTestinfo .secText .imgField img,
.kenin .companyDetail .secEstablish .secText .imgField img {
  margin: 0;
  vertical-align: baseline;
  width: auto;
  height: auto;
}

.kenin .companyDetail .secTraining .secText .imgField figcaption,
.kenin .companyDetail .secTestinfo .secText .imgField figcaption,
.kenin .companyDetail .secEstablish .secText .imgField figcaption {
  margin-top: 5px;
  font-size: 10px;
}


.performance .companyDetail .secPerformance .hWrap {
  margin-bottom: 30px
}

.performance .companyDetail .secPerformance img {
  margin-top: 15px
}

.performance .companyDetail .secRank {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 46px
}

.performance .companyDetail .secRank .rankHeader .image {
  float: right;
  margin: 4px 0 0 20px;
  width: 290px
}

.performance .companyDetail .secRank .rankHeader .image img {
  width: 100%
}

.performance .companyDetail .secRank .hTitle {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 9px;
  padding-left: 43px;
  position: relative
}

.performance .companyDetail .secRank .hTitle:before {
  background: url(../images/pages/icon-company-rank.png) no-repeat;
  content: '';
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 30px
}

.performance .companyDetail .secRank .hTitle strong {
  color: #186aab
}

.performance .companyDetail .secRank .rankList {
  background: #f2f9f9;
  border: 1px solid #dff0f0;
  margin-top: 23px
}

.performance .companyDetail .secRank .rankList li {
  padding: 29px 30px 30px
}

.performance .companyDetail .secRank .rankList li+li {
  border-top: 1px solid #dff0f0
}

.performance .companyDetail .secRank .rankList .title {
  color: #186aab;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 13px
}

.performance .companyDetail .secRank .rankList .image {
  float: right;
  margin: 5px 0 0 28px;
  width: 270px
}

.performance .companyDetail .secOutlook {
  margin-top: 60px
}

.performance .companyDetail .secOutlook .hWrap {
  margin-bottom: 30px
}

.performance .companyDetail .secOutlook .secText+.secText {
  padding-top: 40px
}

.performance .companyDetail .secOutlook .secText .title {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px
}

.performance .companyDetail .secOutlook .secText .txt {
  width: 470px;
  float: left
}

.performance .companyDetail .secOutlook .secText img {
  float: right
}

.map .companyDetail .secData .default th {
  vertical-align: middle
}

.map .companyDetail .secData .default td,
.map .companyDetail .secData .default th {
  padding-top: 20px;
  padding-bottom: 20px
}

.map .companyDetail .secData .default tr:nth-of-type(2) td,
.map .companyDetail .secData .default tr:nth-of-type(3) td,
.map .companyDetail .secData .default tr:nth-of-type(4) td,
.map .companyDetail .secData .default tr:nth-of-type(5) td {
  border: none;
  background: url(../images/common/line-dot-orizontal02.gif) repeat-x bottom
}

.map .companyDetail .secData .default tr:nth-of-type(2) td:first-of-type,
.map .companyDetail .secData .default tr:nth-of-type(3) td:first-of-type,
.map .companyDetail .secData .default tr:nth-of-type(4) td:first-of-type,
.map .companyDetail .secData .default tr:nth-of-type(5) td:first-of-type {
  font-weight: bold;
  vertical-align: top
}

.map .companyDetail .secData .default tr:nth-of-type(2) td:nth-of-type(2),
.map .companyDetail .secData .default tr:nth-of-type(3) td:nth-of-type(2),
.map .companyDetail .secData .default tr:nth-of-type(4) td:nth-of-type(2),
.map .companyDetail .secData .default tr:nth-of-type(5) td:nth-of-type(2) {
  border-right: solid 1px #e8e8e8
}

.map .companyDetail .secData .default tr:nth-of-type(2) td:nth-of-type(2) a,
.map .companyDetail .secData .default tr:nth-of-type(3) td:nth-of-type(2) a,
.map .companyDetail .secData .default tr:nth-of-type(4) td:nth-of-type(2) a,
.map .companyDetail .secData .default tr:nth-of-type(5) td:nth-of-type(2) a {
  display: block;
  font-size: 12px;
  margin: 5px 0;
  color: #393939
}

.map .companyDetail .secData .default tr:nth-of-type(2) td:nth-of-type(2) a:hover,
.map .companyDetail .secData .default tr:nth-of-type(3) td:nth-of-type(2) a:hover,
.map .companyDetail .secData .default tr:nth-of-type(4) td:nth-of-type(2) a:hover,
.map .companyDetail .secData .default tr:nth-of-type(5) td:nth-of-type(2) a:hover {
  color: #bcbcbc
}

.map .companyDetail .secData .default tr:nth-of-type(5) td {
  background: none
}

.map .companyDetail .secData .default td span {
  font-weight: bold
}

.map .companyDetail .secData .default td a {
  display: inline-block;
  color: #56a24b
}

.map .companyDetail .secData .default td a:hover {
  color: #78b56f
}

.map .companyDetail .secData .default td a.window {
  /*background: url(../images/common/icon-window.png) no-repeat right center;*/
  background: url(../images/common/icon-open_in_new_black.svg) no-repeat right 18px top 4px/10px 10px;
  padding: 0 30px 0 0
}

.map .companyDetail .secData .default td a.window span {
  color: #393939;
  font-weight: normal
}

.map .companyDetail .secData .default td ul.fl,
.map .companyDetail .secData .default td ul.fr {
  width: 245px
}

.map .companyDetail .secData .default td ul.fl li span,
.map .companyDetail .secData .default td ul.fr li span {
  display: inline-block;
  font-weight: normal;
  width: 120px
}

.map .companyDetail .secAccess {
  margin-top: 55px
}

.map .companyDetail .secAccess .secAddress {
  padding: 0 0 38px 0
}

.map .companyDetail .secAccess .secAddress+.secText {
  background: url(../images/common/line-dot-orizontal02.gif) repeat-x top;
  padding-top: 38px
}

.map .companyDetail .secAccess .secAddress .txt {
  width: 220px;
  float: left
}

.map .companyDetail .secAccess .secAddress .txt .title {
  font-size: 22px;
  margin-bottom: 10px
}

.map .companyDetail .secAccess .secAddress img {
  float: right
}

.map .companyDetail .secManegement,
.map .companyDetail .secAudit {
  margin-top: 55px;
  padding-bottom: 1px;
}

.map .companyDetail .secManegement .secManegerList {
  width: 100%;
  margin-bottom: 55px;
}

.map .companyDetail .secManegement .secManegerList:last-of-type {
  margin-bottom: 40px;
}

.map .companyDetail .secManegement .secManegerList dl {
  display: inline-block;
  margin-left: 30px;
  width: calc((96% / 3) - 20px);
}

.map .companyDetail .secManegement .secManegerList dl:first-of-type {
  margin-left: 0px;
}

.map .companyDetail .secManegement .secManegerList dl dt {
  padding-bottom: 8px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 8px;
  font-weight: normal;
}

.map .companyDetail .secManegement .secManegerList dl dd a {
  color: #186aab;
  font-size: 26px;
}

.map .companyDetail .secManegement .secManegerList dl dd a:hover {
  opacity: .7;
}

.manegement .companyDetail .secManegement {
  padding-bottom: 1px;
}

.manegement .companyDetail .secAudit {
  margin-top: 55px;
  padding-bottom: 1px;
}

.manegement .companyDetail .secManegement ul.secManegerList {
  width: 100%;
  margin-bottom: 55px;
}

.manegement .companyDetail .secManegement ul.secManegerList:last-of-type {
  margin-bottom: 40px;
}

.manegement .companyDetail .secManegement ul.secManegerList li,
.manegement .companyDetail .secAudit ul.secManegerList li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.manegement .companyDetail .secManegement ul.secManegerList li.border,
.manegement .companyDetail .secAudit ul.secManegerList li.border {
  border-bottom: 1px solid #DEDEDE;
}

.manegement .companyDetail .secManegement ul.secManegerList li.manegementPhoto div.photo,
.manegement .companyDetail .secAudit ul.secManegerList li.manegementPhoto div.photo {
  margin-right: 25px;
  float: left;
  width: 198px;
}

.manegement .companyDetail .secManegement ul.secManegerList li.manegementPhoto div.photo img,
.manegement .companyDetail .secAudit ul.secManegerList li.manegementPhoto div.photo img {
  width: 198px;
  height: 198px;
}

.manegement .companyDetail .secManegement ul.secManegerList li.manegementPhoto dl,
.manegement .companyDetail .secAudit ul.secManegerList li.manegementPhoto dl {
  float: left;
  width: 480px;
}

.manegement .companyDetail .secManegement ul.secManegerList dl,
.manegement .companyDetail .secAudit ul.secManegerList dl {
  display: inline-block;
}

.manegement .companyDetail .secManegement ul.secManegerList dl:first-of-type,
.manegement .companyDetail .secAudit ul.secManegerList dl:first-of-type {
  margin-left: 0px;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dt,
.manegement .companyDetail .secAudit ul.secManegerList dl dt {
  font-weight: normal;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dt p.jobTitle,
.manegement .companyDetail .secAudit ul.secManegerList dl dt p.jobTitle {
  font-weight: bold;
  margin-bottom: 25px;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dt p.nameJp,
.manegement .companyDetail .secAudit ul.secManegerList dl dt p.nameJp {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 25px;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dt p span.nameRoma,
.manegement .companyDetail .secAudit ul.secManegerList dl dt p span.nameRoma {
  margin-left: 20px;
  font-size: 0.8rem !important;
  font-weight: bold;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dt p.birthday,
.manegement .companyDetail .secAudit ul.secManegerList dl dt p.birthday {
  font-weight: nomal;
  font-size: 0.8rem !important;
  padding-bottom: 25px;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dd,
.manegement .companyDetail .secAudit ul.secManegerList dl dd {
  display: inline-block;
  font-size: 0.8rem;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dd a,
.manegement .companyDetail .secAudit ul.secManegerList dl dd a {
  color: #186aab;
  font-size: 26px;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dd a:hover,
.manegement .companyDetail .secAudit ul.secManegerList dl dd a:hover {
  opacity: .7;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dd dl dt,
.manegement .companyDetail .secAudit ul.secManegerList dl dd dl dt {
  font-weight: bold;
}

.manegement .companyDetail .secManegement ul.secManegerList dl dd dl dd,
.manegement .companyDetail .secAudit ul.secManegerList dl dd dl dd {
  font-weight: normal;
  padding-bottom: 15px;
}


.subject>.topTxt {
  font-size: 26px;
  text-align: center
}

.subject .subjectDetail {
  margin-top: 30px
}

.subject .subjectDetail .titArea p {
  font-size: 20px;
  color: #fff;
  text-align: center;
  width: 470px;
  padding: 10px 0
}

.subject .subjectDetail .titArea p.subject {
  background-color: #393939
}

.subject .subjectDetail .titArea p.service {
  background-color: #186aab
}

.subject .subjectDetail .contentsArea {
  margin-top: 20px
}

.subject .subjectDetail .contentsArea dl {
  margin-right: -40px
}

.subject .subjectDetail .contentsArea dl dd,
.subject .subjectDetail .contentsArea dl dt {
  width: 470px;
  float: left;
  margin: 0 40px 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.subject .subjectDetail .contentsArea dl dt {
  background: #f5f5f5;
  padding: 22px 20px 24px 67px;
  font-size: 16px;
  display: table
}

.subject .subjectDetail .contentsArea dl dt div {
  display: table-cell;
  vertical-align: middle
}

.subject .subjectDetail .contentsArea dl dt span {
  display: inline-block;
  position: relative
}

.subject .subjectDetail .contentsArea dl dt span:before {
  width: 30px;
  height: 30px;
  content: '';
  display: inline-block;
  background: url(../images/pages/icon-subject-exclamation.png) no-repeat center center;
  position: absolute;
  left: -40px;
  bottom: 50%;
  margin-bottom: -15px
}

.subject .subjectDetail .contentsArea dl dd {
  border: 1px solid #186aab;
  padding: 4px 40px;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  display: table
}

.subject .subjectDetail .contentsArea dl dd:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 65px;
  height: 34px;
  background: url(../images/pages/arrow-subject-long.png) no-repeat center center;
  left: -40px;
  bottom: 50%;
  margin-bottom: -17px
}

.subject .subjectDetail .contentsArea dl dd div {
  display: table-cell;
  vertical-align: middle
}

.subject .subjectDetail .contentsArea dl dd div ul li+li {
  background: url(../images/common/line-dot-orizontal01.gif) repeat-x top
}

.subject .subjectDetail .contentsArea dl dd div ul li a {
  padding: 18px 10px 16px 38px;
  position: relative;
  display: block
}

.subject .subjectDetail .contentsArea dl dd div ul li a:before {
  width: 20px;
  height: 20px;
  content: '';
  display: inline-block;
  background: url(../images/pages/icon-subject-arrow.png) no-repeat center center;
  position: absolute;
  left: 9px;
  bottom: 50%;
  margin-bottom: -10px
}

.subject .tableBlock .tit {
  font-size: 22px;
  text-align: center;
  border: 1px #dedede solid;
  border-width: 1px 0;
  padding: 26px 20px 21px;
  margin-bottom: 20px
}

.qbookDetail .mv,
.qbookDetail .thumb,
.qbookList .mv,
.qbookList .thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  height: 0;
  overflow: hidden;
  padding-top: 65%;
  position: relative;
  width: 100%
}

.qbookDetail .mv div.img,
.qbookDetail .thumb div.img,
.qbookList .mv div.img,
.qbookList .thumb div.img {
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: inline-block\9;
  zoom: 1\9
}

.qbookDetail .mv div.img.noimg,
.qbookDetail .thumb div.img.noimg,
.qbookList .mv div.img.noimg,
.qbookList .thumb div.img.noimg {
  background: #f5f5f5 url(../images/qbook/img-noimg.png) no-repeat center center !important;
  background-size: auto auto !important
}

.qbookDetail .mv div.img.noimg img,
.qbookDetail .thumb div.img.noimg img,
.qbookList .mv div.img.noimg img,
.qbookList .thumb div.img.noimg img {
  display: none
}

.qbookDetail .label,
.qbookList .label {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  left: 0px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 130px;
  font-family: Futura, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif
}

.qbookDetail .label span,
.qbookList .label span {
  display: inline-block;
  width: 100%
}

.qbookDetail .label.test span,
.qbookList .label.test span {
  background-color: rgba(66, 171, 24, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9942ab18, endcolorstr=#9942ab18, gradienttype=0)
}

.qbookDetail .label.development span,
.qbookList .label.development span {
  background-color: rgba(192, 47, 60, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99c02f3c, endcolorstr=#99c02f3c, gradienttype=0)
}

.qbookDetail .label.pickup span,
.qbookList .label.pickup span {
  background-color: rgba(250, 193, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99fac100, endcolorstr=#99fac100, gradienttype=0)
}

.qbookDetail .label.security span,
.qbookList .label.security span {
  background-color: rgba(8, 152, 251, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0898fb, endcolorstr=#0898fb, gradienttype=0)
}

.qbookDetail #tiles,
.qbookList #tiles {
  margin-top: 30px
}

.qbookDetail #tiles li,
.qbookList #tiles li {
  float: left;
  margin: 0 15px 20px 0;
  width: 305px
}

.qbookDetail #tiles li:hover,
.qbookList #tiles li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.qbookDetail #tiles li:nth-child(2n),
.qbookList #tiles li:nth-child(2n) {
  margin-right: 0
}

.qbookDetail #tiles li .thumb,
.qbookList #tiles li .thumb {
  margin-bottom: 7px
}

.qbookDetail #tiles li .statusBox,
.qbookList #tiles li .statusBox {
  color: #999;
  font-family: Futura, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold
}

.qbookDetail #tiles li .title,
.qbookList #tiles li .title {
  margin-top: 2px;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 32px
}

.qbookDetail .mvArea:hover,
.qbookList .mvArea:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.qbookDetail .mvArea .mv .img.noimg,
.qbookList .mvArea .mv .img.noimg {
  background-position: center 150px !important
}

.qbookDetail .mvArea .mv .mvCaption,
.qbookList .mvArea .mv .mvCaption {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(24, 106, 171, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99186aab, endcolorstr=#99186aab, gradienttype=0);
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  font-weight: bold;
  padding: 30px
}

.qbookDetail .mvArea .mv .mvCaption .date,
.qbookList .mvArea .mv .mvCaption .date {
  font-family: Futura, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif
}

.qbookDetail .mvArea .mv .mvCaption h3,
.qbookList .mvArea .mv .mvCaption h3 {
  font-size: 21px
}

.qbookDetail .mvArea .mvText,
.qbookList .mvArea .mvText {
  background: #f5f5f5;
  padding: 20px;
  font-size: 14px
}

.qbookDetail {}

.qbookDetail .mainEntry .snsBlock {
  width: 100%;
  overflow: hidden;
  text-align: center;
  min-height: 71px;
  margin-top: 15px;
  border: solid 1px #e8e8e8;
  border-width: 1px 0;
  margin-bottom: 30px
}

.qbookDetail .mainEntry .sns {
  min-height: 71px;
  overflow: hidden;
  right: 0;
  text-align: center
}

.qbookDetail .mainEntry .sns li {
  display: inline-block;
  line-height: 1;
  vertical-align: top
}

.qbookDetail .mainEntry .sns li+li {
  margin-left: 3px
}

.qbookDetail .mainEntry .sns li.twitter {
  padding-top: 41px
}

.qbookDetail .mainEntry .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.qbookDetail .mainEntry .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important
}

.qbookDetail .mainEntry div.imgsrc {
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 0 auto
}

.qbookDetail .mainEntry div.imgsrc img {
  margin: 0;
  max-height: 710px;
  max-width: 100%
}

.qbookDetail .mainEntry div.imgsrc.noimg {
  background: #f5f5f5 url(../images/qbook/img-noimg.png) no-repeat center center !important;
  height: 380px
}

.qbookDetail .mainEntry div.imgsrc br {
  display: none
}

.qbookDetail .mainEntry div.imgsrc a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(34, 34, 34, 0.8);
  bottom: 0;
  color: #fff;
  display: block;
  left: 0;
  line-height: 1.36;
  padding: 0.6em 1em;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 100%
}

.no-touch .qbookDetail .mainEntry div.imgsrc a {
  opacity: 0
}

.no-touch .qbookDetail .mainEntry div.imgsrc:hover a {
  opacity: 1
}

.no-touch .qbookDetail .mainEntry div.imgsrc:hover a:hover {
  opacity: 0.9
}

.qbookDetail .mainEntry .meta {
  overflow: hidden
}

.qbookDetail .mainEntry .meta .date {
  color: #999;
  float: left;
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  line-height: 25px
}

.qbookDetail .mainEntry .meta .label {
  float: left;
  margin-left: 20px;
  position: relative;
  font-size: 12px
}

.qbookDetail .mainEntry .detailHeader {
  margin-bottom: 10px
}

.qbookDetail .mainEntry .detailHeader>.tit {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.52;
  margin-bottom: 12px
}

.qbookDetail .mainEntry .detailHeader>img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  height: auto;
  width: 100%
}

.qbookDetail .mainEntry .detailHeader .sns {
  margin-top: 10px
}

.qbookDetail .mainEntry .detailBody h1,
.qbookDetail .mainEntry .detailBody h2,
.qbookDetail .mainEntry .detailBody h3,
.qbookDetail .mainEntry .detailBody h4,
.qbookDetail .mainEntry .detailBody h5,
.qbookDetail .mainEntry .detailBody h6 {
  margin: 1.45em 0 0.6em
}

.qbookDetail .mainEntry .detailBody h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  padding: 0.12em 0 0.12em 13px;
  position: relative
}

.qbookDetail .mainEntry .detailBody h3:before {
  background: #186aab;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 5px
}

.qbookDetail .mainEntry .detailBody h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.41
}

.qbookDetail .mainEntry .detailBody h5 {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.45
}

.qbookDetail .mainEntry .detailBody h6 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4736842
}

.qbookDetail .mainEntry .detailBody p {
  margin-top: 18px;
  font-size: 15px;
  line-height: 175%
}

.qbookDetail .mainEntry .detailBody iframe {
  width: 100% !important;
  margin-top: 30px
}

.qbookDetail .mainEntry .detailBody img {
  margin-top: 30px;
  display: block;
  max-height: 415px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: auto
}

.qbookDetail .mainEntry .detailBody img.full {
  width: 100% !important;
  height: auto !important;
  max-height: 100% !important
}

.qbookDetail .mainEntry .detailBody blockquote {
  margin-top: 37px;
  background: url("../images/qbook/icon-blockquote.png") no-repeat 33px 0;
  padding-left: 65px;
  font-size: 15px;
  line-height: 190%
}

.qbookDetail .mainEntry .detailBody hr {
  border-top: solid #dddddd;
  height: 1px;
  clear: both;
  margin: 30px 0
}

.qbookDetail .mainEntry .detailBody em {
  font-style: italic
}

.qbookDetail .mainEntry .detailBody b,
.qbookDetail .mainEntry .detailBody strong {
  font-weight: bold
}

.qbookDetail .mainEntry .detailBody a {
  color: #09f;
  text-decoration: underline
}

.qbookDetail .mainEntry .detailBody div {
  margin-top: 30px;
  border: solid 1px #e8e8e8;
  padding: 36px 30px
}

.qbookDetail .mainEntry .detailBody div p {
  font-size: 15px;
  line-height: 190%;
  margin: 10px 0
}

.qbookDetail .mainEntry .detailBody div h2,
.qbookDetail .mainEntry .detailBody div h3,
.qbookDetail .mainEntry .detailBody div h4 {
  margin: 0 0 10px
}

.qbookDetail .mainEntry .detailBody div img {
  max-width: 90%;
  margin: 20px auto 0
}

.qbookDetail .mainEntry .detailBody div img.alignleft {
  float: left;
  margin: 0 20px 20px 0
}

.qbookDetail .mainEntry .detailBody div img.alignright {
  float: right;
  margin: 0 0 20px 20px
}

.qbookDetail .mainEntry .detailBody ul {
  padding-left: 1.5em;
  margin-top: 20px
}

.qbookDetail .mainEntry .detailBody ul li {
  text-indent: -1.5em;
  list-style-type: none;
  margin-left: 0.5em;
  line-height: 1.8em
}

.qbookDetail .mainEntry .detailBody ul li:before {
  content: "・";
  margin-right: 0.5em
}

.qbookDetail .mainEntry .detailBody .youtubeFrame {
  position: relative;
  padding-top: 56.25%;
  border: none;
  margin-top: 30px
}

.qbookDetail .mainEntry .detailBody .youtubeFrame iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0
}

.qbookDetail .mainEntry .detailFooter {
  margin-top: 24px
}

.qbookDetail .secRecommend {
  margin-top: 60px
}

.qbookDetail .secRecommend .tit {
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  background: #f5f5f5
}

.secListQuality {
  margin-top: 70px
}

.secListQuality .hWrap {
  margin-bottom: 15px
}

.secListQuality .qualityList {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 1px 0 0 1px;
  margin-top: 20px;
  width: 100%
}

.secListQuality .qualityList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #dedede;
  border-width: 0 1px 1px 0;
  cursor: pointer;
  float: left;
  *text-align: center;
  width: 25%;
  *width: 175px
}

.secListQuality .qualityList li:hover .animeImg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.secListQuality .qualityList li .icon {
  background: url(../images/pages/bg-listunder-menu-shadow.png) no-repeat center bottom;
  height: 140px;
  position: relative
}

.secListQuality .qualityList li .icon img {
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  *position: static;
  *margin-top: 25px
}

.secListQuality .qualityList li h4 {
  background: #f5f5f5;
  line-height: 50px;
  margin-top: 20px;
  text-align: center
}

.secListQuality .qualityList li h4 a {
  background: url(../images/common/icon-arrow-link02.png) no-repeat 7px center;
  padding-left: 20px
}

.secListQuality .btnGhost {
  margin: 20px auto 0;
  width: 340px;
}

.secSoftwarNav {
  border: solid 1px #dedede;
  border-width: 1px 0 0 1px;
  margin-top: 70px
}

.secSoftwarNav .navTitle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border: solid 1px #dedede;
  border-width: 0 1px 1px 0;
  font-size: 20px;
  padding: 14px 0 13px;
  text-align: center
}

.secSoftwarNav .navigationList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: solid 1px #dedede;
  border-bottom: solid 1px #dedede;
  float: left;
  width: 50%;
  *width: 351px
}

.secSoftwarNav .navigationList li a {
  background: url(../images/common/icon-arrow-link02.png) no-repeat 15px center;
  display: block;
  line-height: 45px;
  padding-left: 28px
}

.secSoftwarNav .navigationList li.full {
  width: 100%
}

table.testService {
  border: solid 1px #448749;
  font-size: 14px;
  margin-top: 20px;
  width: 100%
}

table.testService+table {
  margin-top: 40px
}

table.testService+.title {
  margin-top: 60px
}

table.testService tr:last-of-type td,
table.testService tr:last-of-type th {
  border-bottom: none
}

table.testService tr td,
table.testService tr th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 15px
}

table.testService tr th {
  font-weight: bold;
  width: 105px;
  color: #fff;
  background: #448749;
  border-right: solid 1px #fff;
  text-align: center
}

table.testService tr th:last-of-type {
  border-right: none
}

table.testService tr th:first-of-type {
  width: 170px
}

table.testService tr th:nth-of-type(2) {
  width: 450px
}

table.testService tr td {
  border-right: solid 1px #dcecdc;
  border-bottom: solid 1px #dcecdc;
  vertical-align: top
}

table.testService tr td dl.list dt {
  font-weight: bold
}

table.testService tr td dl.list+dl.list {
  margin-top: 35px
}

table.testService tr td:last-of-type {
  border-right: none
}

table.testService tr td:first-of-type {
  background: #f6fcf6;
  padding: 20px 0px;
  text-align: center;
  vertical-align: middle
}

table.testService tr td p.tit {
  font-weight: bold;
  margin-bottom: 8px
}

.jobArea {
  margin-top: 50px
}

.jobArea .entryBox,
.jobArea .jobBox {
  border-top: solid 1px #e8e8e8
}

.jobArea .entryBox .inTitle,
.jobArea .jobBox .inTitle {
  text-align: center;
  margin-top: -10px
}

.jobArea .entryBox .inTitle span,
.jobArea .jobBox .inTitle span {
  font-size: 18px;
  font-weight: bold;
  padding: 0 10px;
  background: #fff
}

.jobArea .jobBox .jobBtn {
  margin-top: 30px
}

.jobArea .jobBox .jobBtn li {
  width: 343px
}

.jobArea .entryBox {
  margin-top: 50px
}

.jobArea .entryBox .tableBlock {
  margin: 14px 0 64px 0
}

.jobArea .entryBox .tableBlock table {
  width: 100%
}

.jobArea .entryBox .tableBlock table td,
.jobArea .entryBox .tableBlock table th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  text-align: center
}

.jobArea .entryBox .tableBlock table th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: solid 1px #dedede;
  font-size: 18px;
  height: 60px;
  padding: 16px 0 17px;
  text-align: center;
  vertical-align: middle;
  width: 100%
}

.jobArea .entryBox .tableBlock table td {
  padding: 2px 20px;
  border-right: solid 1px #dedede
}

.jobArea .entryBox .tableBlock table td .btnEntry {
  background: url(../images/pages/btn-haken-entry_off.png) no-repeat left center;
  text-align: center;
  margin-bottom: 10px
}

.jobArea .entryBox .tableBlock table td .btnEntry:hover {
  background: url(../images/pages/btn-haken-entry_on.png) no-repeat left center
}

.jobArea .entryBox .tableBlock table td .btnEntry a {
  text-align: center;
  display: inline-block;
  height: 57px;
  width: 100%
}

.jobArea .entryBox .tableBlock table td .btnEntry a img {
  margin-top: 21px
}

.jobArea .entryBox .tableBlock table td .btnEntry a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1
}

.jobArea .entryBox .tableBlock table.serviceBtn {
  border: 1px solid #dedede;
  float: right;
  width: 343px
}

.jobArea .entryBox .tableBlock table.serviceBtn .notes {
  font-size: 12px
}

.jobArea .entryBox .tableBlock table.telList {
  border: 1px solid #dedede;
  float: left;
  /*width: 343px*/
  width: 100%;
}

.jobArea .entryBox .tableBlock table.telList tr:nth-of-type(2) td {
  padding: 23px 0;
  vertical-align: middle;
}

.jobArea .entryBox .tableBlock table.telList tr:nth-of-type(2) td p {
  padding: 0 20px
}

.jobArea .entryBox .tableBlock table.telList tr:nth-of-type(2) td p img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.jobArea .entryBox .tableBlock table.telList tr th p.txt,
.jobArea .entryBox .tableBlock table.telList tr th span.txt {
  text-align: center;
  margin-top: 10px;
  font-size: 13px !important;
}
.jobArea .entryBox .tableBlock table.telList tr:nth-of-type(2) td p.txt {
  text-align: center;
  margin-bottom: 10px
}

.jobArea .entryBox .tableBlock table.telList tr:nth-of-type(3) td p {
  padding-top: 15px;
  background: url(../images/common/line-dot-orizontal02.gif) repeat-x top
}

.jobArea .entryBox .tableBlock table.telList tr:last-of-type td {
  /*padding: 0 20px 35px 20px*/
  padding: 35px 20px
}

.sitemap .hWrapS {
  margin-bottom: 10px
}

.sitemap .hWrapS .hTitle {
  font-size: 18px;
  background: url(../images/common/icon-arrow-link03_off.png) no-repeat left center;
  display: block;
  padding-left: 14px;
  font-weight: bold
}

.sitemap .sitemapList>li {
  margin-bottom: 50px
}

.sitemap .sitemapList>li>ul {
  margin: 0 -45px 20px 20px
}

.sitemap .sitemapList>li>ul li {
  float: left;
  width: 310px;
  margin: 10px 25px 0 0
}

.sitemap .sitemapList>li>ul li a {
  background: url(../images/common/icon-arrow-link.png) no-repeat left center;
  display: block;
  font-size: 14px;
  padding-left: 18px
}

.errorBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dedede;
  margin: 20px auto 0;
  padding: 58px 0 64px;
  text-align: center;
  width: 600px
}

.errorBox .txt {
  font-weight: bold;
  margin: 18px 0 34px
}

.errorBox .btnDetail {
  margin: 0 auto;
  width: 405px
}

.errorBox .btnDetail a {
  font-size: 18px;
  padding: 10px 0 8px
}

.research {
  background-position: 0 -12px !important
}

.research .pageTitle {
  background: url(../images/pages/bg-research-mv.png) no-repeat right 0;
  font-weight: bold;
  margin: -40px 0 0;
  padding: 36px 0 34px
}

.research .pageTitle p {
  font-size: 14px
}

.research .pageTitle .tit {
  font-size: 28px
}

.research .secResearch {
  margin-top: 55px
}

.research .secResearch .hWrap {
  margin-bottom: 19px
}

.research .secResearch .sectionTitle {
  overflow: hidden
}

.research .secResearch .sectionTitle .tit {
  float: left;
  width: 700px
}

.research .secResearch .sectionTitle .tit p {
  line-height: 1.6
}

.research .secResearch .sectionTitle .thumb {
  float: right;
  width: 242px
}

.research .secResearch .detailArea {
  margin-top: 26px
}

.research .secResearch .detailArea .tit {
  color: #186aab;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px
}

.research .secResearch .detailArea .box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dedede;
  margin-bottom: 15px;
  padding: 20px 30px
}

.research .secResearch .detailArea .box .boxTit {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 8px 4px;
  padding-left: 14px;
  position: relative
}

.research .secResearch .detailArea .box .boxTit:before {
  background: #dedede;
  content: '';
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 4px
}

.research .secResearch .detailArea .box p {
  line-height: 1.6
}

.research .secResearch .detailArea .half {
  overflow: hidden
}

.research .secResearch .detailArea .half .box {
  float: left;
  width: 480px
}

.research .secResearch .detailArea .half .box+.box {
  float: right
}

.research .secResearch .detailArea .aboutBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #186aab;
  border-width: 0 1px 1px;
  margin-top: 40px;
  width: 100%
}

.research .secResearch .detailArea .aboutBox .caption,
.research .secResearch .detailArea .aboutBox dl dt {
  font-size: 24px;
  padding: 18px 0 16px;
  text-align: center
}

.research .secResearch .detailArea .aboutBox .caption {
  background: #186aab;
  color: #fff
}

.research .secResearch .detailArea .aboutBox .txt,
.research .secResearch .detailArea .aboutBox dl dd {
  line-height: 1.6;
  padding: 26px 30px 23px
}

.research .secResearch .detailArea .aboutBox dl dt {
  background: #f7fcfc;
  border: 1px solid #d6e8e8;
  border-width: 1px 0;
  color: #186aab;
  line-height: 1.3
}

.research .secResearch .detailArea .aboutBox dl dd {
  padding-bottom: 30px
}

.research .secResearch .detailArea .aboutBox dl dd ul {
  overflow: hidden;
  margin-left: -29px
}

.research .secResearch .detailArea .aboutBox dl dd ul li {
  float: left;
  margin-left: 29px;
  text-align: center;
  width: 207px
}

.research .secResearch .detailArea .aboutBox dl dd ul li p {
  margin: 16px -5px 0
}

.research #anchorNav {
  margin-top: 40px
}

.research #anchorNav ul {
  margin-bottom: -20px;
  overflow: hidden
}

.research #anchorNav ul li {
  float: left;
  margin: 0 0 20px 20px;
  width: 230px
}

.research #anchorNav ul li a {
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #186aab;
  color: #fff;
  display: block;
  font-weight: bold;
  line-height: 1.4;
  padding: 15px 0 13px;
  width: 100%
}

.research #anchorNav ul li a span {
  background: url(../images/common/icon-arrow-link07.png) no-repeat 200px center;
  display: block;
  padding: 0 20px;
  width: 100%
}

.research #anchorNav ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8
}

.research #anchorNav ul li:nth-child(4n+1) {
  clear: both;
  margin-left: 0
}

.research #anchor01 ul li,
.research #anchor03 ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1em;
  text-indent: -1em
}

.research #anchor01 ul li:before,
.research #anchor03 ul li:before {
  content: '・'
}

.research #anchor01 .detailArea .box {
  padding-left: 13px;
  padding-right: 13px
}

.research #anchor01 .detailArea .box ul li span {
  font-size: 12px;
  display: block
}

.research #anchor01 .detailArea .box ul li+li {
  margin-top: 3px
}

.research #anchor01 .detailArea .aboutBox {
  margin-bottom: 35px
}

.research #anchor01 .detailArea .aboutBox>p {
  border-top: 1px dotted #969696;
  line-height: 1.6;
  margin: 0 31px;
  padding: 26px 0 23px
}

.research #anchor02 .aboutBox dl dd {
  overflow: hidden
}

.research #anchor02 .aboutBox dl dd>p {
  float: left;
  width: 650px
}

.research #anchor02 .aboutBox dl dd>img {
  float: right;
  width: 237px
}

.research #anchor03 table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #186aab;
  border-collapse: separate;
  width: 100%
}

.research #anchor03 table th {
  font-weight: bold;
  text-align: center
}

.research #anchor03 table thead th {
  background: #186aab;
  color: #fff;
  font-size: 15px;
  padding: 14px 0 13px
}

.research #anchor03 table thead th+th {
  border-left: 1px solid #fff
}

.research #anchor03 table tbody th {
  background: #f7fcfc;
  font-size: 14px;
  width: 256px
}

.research #anchor03 table tbody th+td {
  border-left: 1px solid #dedede
}

.research #anchor03 table tbody td {
  font-size: 14px;
  padding: 26px 0 26px 20px
}

.research #anchor03 table tbody tr+tr td,
.research #anchor03 table tbody tr+tr th {
  border-top: 1px dotted #b2b2b2
}

.research #anchor03 ul {
  overflow: hidden
}

.research #anchor03 ul li {
  float: left;
  width: 220px
}

.research #anchor03 ul li.long {
  width: 245px
}

#pageNaviSolu {
  margin-top: 55px
}

#pageNaviSolu.linkItem .tit {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1px;
  margin-bottom: 13px
}

#pageNaviSolu.linkItem .tit:before {
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: -4px;
  vertical-align: middle;
  background-image: url(../images/pages/img-offshoredetail-offshore02-cat01-s.png);
  background-size: cover;
  height: 33px;
  width: 49px
}

#pageNaviSolu.linkItem li {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  float: left;
  margin: 0 11px 12px 0;
  padding: 14px 0 7px 30px;
  position: relative;
  width: 347px
}

#pageNaviSolu.linkItem li .txt-s {
  color: #393939;
  display: block;
  font-size: 12px;
  letter-spacing: 0.3px
}

#pageNaviSolu.linkItem li a {
  display: block
}

#pageNaviSolu.linkItem li:after {
  background-color: #186aab;
  background-image: url(../images/common/icon-arrow-link04_off.png);
  background-repeat: no-repeat;
  background-position: center 26px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 30px
}

#pageNaviSolu.linkItem li:hover {
  opacity: 0.7
}

#pageNaviSolu.linkItem li:hover a {
  color: inherit
}

#pageNaviSolu.linkItem li:last-of-type {
  margin-right: 0
}

.offshore02 .offshoreDetail .secIot .iotExampleBox {
  background: #f5fcfc;
  border: 1px solid #28a7a9;
  margin-top: 39px;
  padding: 0 29px 40px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .boxTit {
  background: #28a7a9;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin: 0 -29px 30px;
  text-align: center
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .boxTit span {
  background: url(../images/pages/icon-offshoredetail-offshore02-iot01.png) no-repeat 0 center;
  display: inline-block;
  padding: 14px 0 9px 42px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .block {
  background: #e5f2f2;
  padding: 27px 30px 30px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .block .blockTit {
  margin-bottom: 11px;
  text-align: center
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .block .blockTit:before,
.offshore02 .offshoreDetail .secIot .iotExampleBox .block .blockTit span {
  display: inline-block;
  vertical-align: middle
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .block .blockTit span {
  font-size: 28px;
  font-weight: bold;
  margin-left: 10px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .block+.block {
  margin-top: 29px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .block#tv .blockTit:before {
  content: url(../images/pages/icon-offshoredetail-offshore02-iot-tv.png);
  height: 26px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .block#tv .blockTit:before,
.offshore02 .offshoreDetail .secIot .iotExampleBox .block#tv .blockTit span {
  vertical-align: baseline
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .block#door .blockTit:before {
  content: url(../images/pages/icon-offshoredetail-offshore02-iot-door.png);
  height: 33px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .block#car .blockTit:before {
  content: url(../images/pages/icon-offshoredetail-offshore02-iot-car.png);
  height: 33px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .listWrap,
.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .listWrap {
  border: 1px solid #d5eaea
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .listWrap .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  display: table-cell;
  padding: 14px 14px 26px 18px;
  vertical-align: top
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .listWrap .list p {
  color: #28a7a9;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .listWrap .list li {
  font-size: 14px;
  line-height: 1.73;
  padding-left: 1em;
  text-indent: -1em
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .listWrap .list+.list {
  border-left: 1px solid #d5eaea;
  width: 400px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap {
  border: 1px solid #d2bc44;
  margin-top: 18px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap .txt,
.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap dl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap dl {
  background: #fffdf0;
  overflow: hidden;
  padding: 20px 19px;
  width: 190px
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap dl dt {
  clear: both;
  color: #c0aa2c;
  display: block;
  float: left;
  font-weight: bold
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap dl dd {
  float: left
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap .txt {
  background: #d2bc44;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap .txt p {
  padding: 0 10px 0 30px;
  position: relative
}

.offshore02 .offshoreDetail .secIot .iotExampleBox .resultWrap .txt p:before {
  border-color: transparent transparent transparent #fffdf0;
  border-style: solid;
  border-width: 25px 0 25px 16px;
  content: '';
  display: block;
  left: 0;
  margin-top: -25px;
  position: absolute;
  top: 50%
}

.simplex .voiceDetail .companyMain .mvPhoto .img {
  background-size: 103% auto
}

.simplex .secVoiceContents .secInterview .interview .commentSet .answer-secondWrap {
  margin-bottom: 20px
}

.adastria__interview dt {
  background-position: right !important;
  font-size: 18px !important;
  position: relative;
  width: 320px !important;
  z-index: 1
}

.adastria__interview dt:before {
  background-color: #f5f5f5;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 300px;
  z-index: -1
}

.adastria__interview dd {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0 !important;
  padding-left: 339px !important
}

.adastria__interview--row-column {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 14px;
  height: 100%
}

.adastria__interview--row-column .appstore {
  margin-left: 7px
}

.adastria__interview--row-column .googleplay {
  margin-left: 7px
}

#voiceMv .mvCaption .company .comLogo img {
  display: block;
  margin: auto
}

#voiceMv {
  margin: 0;
  width: 100%;
  overflow: hidden
}

#voiceMv .bgPhoto {
  background: url(../images/top/bg-top-photo.jpg) no-repeat right bottom;
  width: 312px;
  height: 340px
}

#voiceMv .mvCaption {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 640px;
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff
}

#voiceMv .mvCaption .company {
  display: table
}

#voiceMv .mvCaption .company .comLogo {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  width: 245px
}

#voiceMv .mvCaption .company .comLogo img {
  max-width: 245px
}

#voiceMv .mvCaption .company .comDetail {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #4f99ce;
  border-width: 1px 0;
  width: 395px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 19px
}

#voiceMv .mvCaption .company .comDetail p {
  font-size: 18px;
  font-weight: bold
}

#voiceMv .mvCaption .txt {
  font-size: 22px;
  margin-top: 21px;
  line-height: 145%
}

#voiceMv .mvCaption .moreBtn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #d3e7f3;
  float: right;
  width: 220px;
  text-align: center;
  margin-top: 7px
}

#voiceMv .mvCaption .moreBtn a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #ffffff;
  line-height: 44px;
  display: block;
  font-size: 15px;
  font-weight: bold
}

#voiceMv .mvCaption .moreBtn a span {
  background: url(../images/common/icon-arrow-link04_off.png) no-repeat left center;
  padding-left: 16px
}

#voiceMv .mvCaption .moreBtn:hover {
  border: solid 2px #ffffff;
  background: #ffffff
}

#voiceMv .mvCaption .moreBtn:hover a {
  color: #2389c1
}

#voiceMv .mvCaption .moreBtn:hover a span {
  background: url(../images/common/icon-arrow-link04_on.png) no-repeat left center
}

.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  zoom: 1
}

.bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  transform: translatez(0);
  overflow: visible !important
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
  width: 100%
}

.bx-wrapper .bx-pager {
  display: none
}

#voiceMvImgsWrap {
  margin: 0 auto 0 auto;
  width: 980px;
  height: 340px;
  position: relative;
  padding: 0
}

#voiceMvImgs {
  height: 100%
}

@media screen and (min-width:0 \0) {
  #voiceMvImgs {
    overflow: visible
  }
}

@media (-ms-high-contrast:none) {

  #voiceMvImgs,
  ::-ms-backdrop {}
}

#voiceMvImgs ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 -20px
}

#voiceMvImgs li {
  min-width: 980px !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s
}

#voiceMvImgs li a {
  display: block;
  cursor: default;
  background: none
}

#voiceMvImgs li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

#voiceMvImgs li.active a {
  cursor: pointer
}

.bx-viewport {
  overflow: hidden\9;
  width: 980px\9;
  padding-left: 0\9;
  margin-left: 970px\9
}

.bx-controls-direction {
  display: block;
  margin: 0 auto;
  width: 980px;
  position: relative;
  top: -298px
}

@media (-ms-high-contrast:none) {

  ::-ms-backdrop,
  .bx-controls-direction {
    display: block
  }
}

.bx-controls-direction a {
  width: 49px;
  height: 165px;
  text-indent: -9999px;
  position: absolute
}

.ieInner {
  margin-right: 900px
}

.bx-prev {
  left: -79px;
  background: url(../images/common/slider-arrow-prev.png) no-repeat 0 0
}

.bx-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

.bx-next {
  right: -79px;
  background: url(../images/common/slider-arrow-next.png) no-repeat 0 0
}

.bx-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6
}

.clearfix:after,
.clearfix:before,
.qbookDetail .mainEntry .detailBody div:after,
.qbookDetail .mainEntry .detailBody div:before {
  content: "";
  display: table
}

.clearfix:after,
.qbookDetail .mainEntry .detailBody div:after {
  clear: both
}

.clearfix,
.qbookDetail .mainEntry .detailBody div {
  *zoom: 1
}

.clearfix:after,
.clearfix:before,
.qbookDetail .mainEntry .detailBody div:after,
.qbookDetail .mainEntry .detailBody div:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}

.clearfix:after,
.qbookDetail .mainEntry .detailBody div:after {
  clear: both
}

.clear {
  clear: both
}

.fl {
  float: left
}

.fr {
  float: right
}

.cb {
  clear: both
}

.tl {
  text-align: left
}

.tc {
  text-align: center
}

.tr {
  text-align: right
}

.fb {
  font-weight: bold !important
}

.fn {
  font-weight: normal !important
}

.fs {
  font-size: 0.8em
}

.lh30 {
  line-height: 30px !important
}

.ls-n5 {
  letter-spacing: -0.5px !important
}

.sup {
  display: inline;
  margin-top: -20px;
  vertical-align: super;
  font-size: 0.8em
}

.italic {
  font-style: italic
}

.vt {
  vertical-align: top !important
}

.vm {
  vertical-align: middle !important
}

.vb {
  vertical-align: bottom !important
}

.none {
  display: none !important
}

.w440 {
  width: 440px !important
}

.m0 {
  margin: 0px !important
}

.mt0 {
  margin-top: 0px !important
}

.mt2 {
  margin-top: 2px !important
}

.mt3 {
  margin-top: 3px !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
}

.mt40 {
  margin-top: 40px !important
}

.mt50 {
  margin-top: 50px !important
}

.mt60 {
  margin-top: 60px !important
}

.mt70 {
  margin-top: 70px !important
}

.mt80 {
  margin-top: 80px !important
}

.mt90 {
  margin-top: 90px !important
}

.mt100 {
  margin-top: 100px !important
}

.mb0 {
  margin-bottom: 0px !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
}

.mb65 {
  margin-bottom: 65px !important
}

.mb70 {
  margin-bottom: 70px !important
}

.mb75 {
  margin-bottom: 75px !important
}

.mb80 {
  margin-bottom: 80px !important
}

.mb90 {
  margin-bottom: 90px !important
}

.mb100 {
  margin-bottom: 100px !important
}

.mr0 {
  margin-right: 0px !important
}

.mr5 {
  margin-right: 5px !important
}

.mr10 {
  margin-right: 10px !important
}

.mr14 {
  margin-right: 14px !important
}

.mr15 {
  margin-right: 15px !important
}

.mr17 {
  margin-right: 17px !important
}

.mr20 {
  margin-right: 20px !important
}

.mr25 {
  margin-right: 25px !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
}

.mr200 {
  margin-right: 200px !important
}

.mr240 {
  margin-right: 240px !important
}

.ml0 {
  margin-left: 0px !important
}

.ml5 {
  margin-left: 5px !important
}

.ml4 {
  margin-left: 14px !important
}

.ml10 {
  margin-left: 10px !important
}

.ml15 {
  margin-left: 15px !important
}

.ml20 {
  margin-left: 20px !important
}

.ml25 {
  margin-left: 25px !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
}

.note-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 22px 16px;
}

.note-lists .note-list--item {
  width: 48.75%;
  height: auto;
}

.note-lists .note-list--item iframe {
  margin: 0 !important;
}

.note-lists .note-list--item iframe.note-embed {
  margin: 0 !important;
  border: 0;
  display: block;
  max-width: 99%;
  width: 494px !important;
  height: 200px;
  padding: 0px;
  margin: 10px 0px;
  position: static;
  visibility: visible;
}

/*
2022.11.10 primewaf_campaign
*/

.primewaf_campaign_2022_11{
  display: block;
  width: 100%;
  margin: 80px auto 0;
  padding: 40px 0;
  background-color: #DEF2FF;;
}

.primewaf_campaign_2022_11 img{
  width: 100%;
  display: block;
  max-width: 980px;
  margin: 0 auto;
  height: auto;
}

/*
2023.11.17 footer修正
*/

#footer .companyBlock2 {
	text-align: center;
	padding: 4rem 0;
	border-top: 1px solid #186aab;
}
#footer .companyBlock2 .logo {
	margin: 0 auto;
	width: 250px;
}
#footer .companyBlock2 .logo img {
width: 100%;
height:auto;
}
#footer .companyBlock2 p.credit_text {
    margin: 2rem 0;
}
#footer .companyBlock2 .organizationList {
display: flex;
justify-content: center;
gap:25px;
height:120px;

}
#footer .companyBlock2 .organizationList img {
width:auto;
height:100%;
}

/*
2023.12.01 TOPページ グループ会社リストレイアウト調整
*/
.valtes-group {
	text-align: left !important;
	margin-left: 65px;
}

/*
2024.03.19 TOPページ 改修
*/
#home .secTopic .inner {
	display: block;
	align-items: center;
	justify-content: space-between;
/*	width: 800px;*/
	padding:50px 0;
}
#home .secTopic .inner .about_img {
	margin-bottom: 0px;
	text-align: center;
}
#home .secTopic .inner .about_img img {
	width: 100%;
	height: auto;
}
#home .secTopic .inner .about_txt {
	width: auto;
	font-weight: bold;
	line-height: 1.8;
	font-size: 20px;
}
#home .secQuality .qualityListTop li img {
	width: 100%;
	height: auto;
}
#home .secQuality .qualityListTop li .textBox h3 {
	text-align: center;
}
#home .secQuality .qualityListTop li .textBox h3 span {
	padding: 10px 0;
	float: none;
}
#home .secQuality .qualityListTop li .textBox {
	width: auto;
	text-align: left;
	float: none;
}

#home .secKnowledge {
  margin: 70px auto;
}

#home .secKnowledge .borderBox {
  padding: 37px 30px;
  background: #fff;
  margin-top: 20px
}

#home .secKnowledge .borderBox .underTitle {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 15px;
  text-align: center
}

#home .secKnowledge .borderBox .underTitle span {
  font-size: 32px;
  color: #186aab
}

#home .secKnowledge .borderBox .istqbBox {
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 29px 22px
}

#home .secKnowledge .borderBox .istqbBox .image {
  margin-right: 23px;
  padding: 57px 0
}

#home .secKnowledge .borderBox .istqbBox .title {
  color: #186aab;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 6px
}

#home .secKnowledge .borderBox .istqbBox p {
  font-size: 15px;
  line-height: 1.6
}

#home .secKnowledge .borderBox .anotherList {
  margin-top: 42px
}

#home .secKnowledge .borderBox .anotherList li+li {
  margin-top: 34px
}

#home .secKnowledge .borderBox .anotherList .textBox {
  width: 450px;
  float: left
}

#home .secKnowledge .borderBox .anotherList .textBox .logo {
  border: solid 1px #e8e8e8;
  border-width: 1px 0;
  padding: 12px 0;
  text-align: center
}

#home .secKnowledge .borderBox .anotherList .textBox .minTit {
  margin: 30px 0 15px 0;
  color: #186aab
}

#home .secKnowledge .borderBox .anotherList .textBox .txt {
  width: 440px
}

#home .secKnowledge .borderBox .anotherList .imgView {
  float: right
}

#home .secKnowledge .borderBox .anotherList .imgView.up {
  margin-top: -24px
}

#home .secKnowledge .borderBox .btnDetail_s a {
	border-radius: 4px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background-color: #fff;
	display: block;
	text-align: center;
	width: 400px;
	color: #186aab;
	border: 2px solid #186aab;
	margin: 20px auto 0 auto;
}

#home .secKnowledge .borderBox .btnDetail_s a span {
font-size: 15px;
    line-height: 45px;
	    background: url(../images/common/icon-arrow-detail-blue.png) no-repeat left center;
    color: #186aab;
    font-weight: bold;
    padding: 2px 0 0 20px;
    margin-left: -5px;
}

.secServicesite {
    margin: 57px 0 0;
    padding: 57px 0;
}
.secServicesite .subTitle {
	color: #fff !important;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.secServicesite .lead {
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}
.secServicesite ul.secServicesiteList::before {
content:none;
}
.secServicesite ul.secServicesiteList {
	display: grid;
grid-template-columns: 1fr 1fr 1fr;
	gap:25px;
}
.secServicesite ul.secServicesiteList li {
position: relative;
}
.secServicesite ul.secServicesiteList li a {
	border: 1px solid #dedede;
	border-radius: 5px;
	font-weight: bold;
	position: relative;
	color: #353535;
	display: block;
	font-size: 18px;
	text-align: center;
	background-image: linear-gradient(180deg,rgba(252,226,50,1.00) 0%,rgba(250,192,2,1.00) 100%);
}
.secServicesite ul.secServicesiteList li a:hover {
	color: #393939;
	border: 1px solid #186aab;
	background-image: linear-gradient(0deg,rgba(252,226,50,1.00) 0%,rgba(250,192,2,1.00) 100%);
}
.secServicesite ul.secServicesiteList li::after {
	content: '';
	background-image: url(../images/common/arrow-down-primary.svg);
	transform: rotate(-90deg);
	display: block;
	width: 12px;
	height: 20px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	bottom:0;
	margin: auto;
	right:20px;
}
.secServicesite ul.secServicesiteList li a {
	display: flex;
justify-content: center;
align-items: center;
	height: 80px;
}
.secServicesite ul.secServicesiteList li img {
	width: 100%;
	height:auto;
}

/* EOF */