@charset "UTF-8";
/*----------------------------------------------------
リセット
----------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table,
caption {
  margin-bottom: 0;
}

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

th,
td {
  border: none;
  font-size: 1em;
}

fieldset,
img {
  border: 0;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

/*----------------------------------------------------
フォントリセット
----------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
}

body {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
}

@media screen and (max-width: 740px) {
  body {
    font-size: 14px;
  }
}

select,
input,
button,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
}

table {
  font-size: inherit;
}

em {
  font-style: italic;
}

a {
  color: #333;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

/*----------------------------------------------------
リンク
----------------------------------------------------*/
.txtLink_arrow:hover,
.txtLink_arrow_02:hover,
.txtLink_arrow_blue:hover,
.txtLink_arrow_bottom:hover {
  color: #2482c1;
  text-decoration: underline;
}

.txtlink_white {
  color: #fff;
}

.txtlink_white:hover {
  text-decoration: underline;
}

.txtlink_black:hover {
  color: #2482c1;
  text-decoration: underline;
}

.txtlink_blue {
  color: #4f86c6;
}

.txtlink_blue:hover {
  color: #2482c1;
  text-decoration: underline;
}

#menu_panel li a:hover,
#menu_panel li a.selected {
  background-color: #4f86c6;
  color: #fff;
}

.breadcrumb a {
  color: #4f86c6;
}

.breadcrumb a:hover {
  color: #2482c1;
  text-decoration: underline;
}

#carousel img:hover {
  opacity: 0.7;
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  transition: all 0.5s ease-in-out;
  /* Browsers that Support it */
}

#carousel a:hover {
  color: #2482c1;
  text-decoration: underline;
}

.imgLink:hover {
  opacity: 0.7;
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  transition: all 0.5s ease-in-out;
  /* Browsers that Support it */
}

.linkList a:hover {
  color: #2482c1;
  text-decoration: underline;
}

.menu_link {
  padding-right: 20px !important;
}

.menu_link span {
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
  width: 7px;
  height: 9px;
  background: url("../img/icon_gnavi.png") no-repeat;
  background-position: -10px 0;
}

.menu_link:hover span,
.menu_link.selected span {
  background-position: 0 0;
}

#nav-below a:hover {
  color: #2482c1;
  text-decoration: underline;
}

#gNavi li:hover a {
  color: #4f86c6;
}

/*----------------------------------------------------
html
----------------------------------------------------*/
html {
  height: 100%;
}

/*----------------------------------------------------
body
----------------------------------------------------*/
body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #f6f6f6;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.35;
  text-align: left;
}

.entry-header,
.entry-meta,
.archive-header,
.entry-title {
  display: none;
}

.nav-next,
.nav-previous {
  margin-top: 30px;
}

.assistive-text {
  display: none !important;
}

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

img.alignright {
  display: inline;
  margin: 0 0 5px 15px;
  padding: 4px;
}

img.alignleft {
  display: inline;
  margin: 0 15px 5px 0;
  padding: 4px;
}

.alignright {
  float: right;
}

@media screen and (max-width: 740px) {
  .alignright {
    float: none;
  }
}

.alignleft {
  float: left;
}

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

/*----------------------------------------------------
header
----------------------------------------------------*/
.spOnly {
  display: none;
}

@media screen and (max-width: 740px) {
  .spOnly {
    display: block;
  }
}

@media screen and (max-width: 740px) {
  .pcOnly {
    display: none !important;
  }
}

#header {
  position: relative;
  background-color: #fff;
}

@media screen and (max-width: 740px) {
  #header {
    display: none;
  }
}

.hd_inner {
  height: 90px;
}

#logo {
  padding-top: 22px;
  float: left;
}

.hd_rightArea {
  margin-top: 7px;
  float: right;
  text-align: right;
}

.hd_contactTxt,
#srch {
  float: left;
}

#srchInput {
  width: 103px;
  height: 28px;
  padding: 0 5px;
  border: none;
  background: url("../img/bg_search.gif") no-repeat;
}

#srchBtn {
  width: 29px;
  height: 28px;
  border: none;
  background: url("../img/btn_search.gif") no-repeat;
  cursor: pointer;
}

#gNavi {
  height: 49px;
  background: url("../img/bg_gnavi.gif") repeat-x;
}

#gNavi ul {
  border-left: solid 1px #ddd;
}

#gNavi li {
  width: 16.45%;
  height: 48px;
  padding-right: 1px;
  float: left;
  border-right: solid 1px #ddd;
  font-weight: bold;
  text-align: center;
}

#gNavi li a {
  display: block;
  padding: 18px 0 18px 0;
  overflow: hidden;
}

#menu_panel {
  position: relative;
  height: 410px;
  background-color: #f6f6f6;
}

#menu_panel .wrapper {
  position: relative;
  height: 360px;
  background: url("../img/bg_menu_panel.gif") repeat-y;
}

#menu_panel li {
  width: 236px;
}

#menu_panel li a {
  display: block;
  position: relative;
  padding: 8px 10px;
  color: #4f86c6;
}

.menu_sublist00 {
  position: absolute;
  top: 0;
  left: 0;
}

.menu_sublist01,
.menu_sublist02 {
  position: absolute;
  top: 0;
  left: 237px;
}

.btn_closeMenu {
  position: absolute;
  top: 390px;
  left: 50%;
  margin-left: -4px;
  cursor: pointer;
}

.hd_contactBtn {
  display: block;
  width: 162px;
  height: 0px;
  padding-top: 28px;
  overflow: hidden;
  background: url("../img/btn_contact.png") no-repeat;
  background-position: 0 0;
}

.hd_contactBtn:hover {
  background-position: -170px 0;
}

/*----------------------------------------------------
17518 gnavi"ソリューションボタン"追加
----------------------------------------------------*/
#menu_solution {
  position: relative;
  height: 410px;
  background-color: #f6f6f6;
}

#menu_solution li a:hover,
#menu_solution li a.selected {
  background-color: #4f86c6;
  color: #fff;
}

#menu_solution .wrapper {
  position: relative;
  height: 360px;
  background: url("../img/bg_menu_panel.gif") repeat-y;
}

#menu_solution li {
  width: 236px;
}

#menu_solution li a {
  display: block;
  position: relative;
  padding: 8px 10px;
  color: #4f86c6;
}

/*----------------------------------------------------
171214 gnavi"セミナーボタン"追加
----------------------------------------------------*/
#menu_seminar {
  position: relative;
  height: 410px;
  background-color: #f6f6f6;
}

#menu_seminar li a:hover,
#menu_seminar li a.selected {
  background-color: #4f86c6;
  color: #fff;
}

#menu_seminar .wrapper {
  position: relative;
  height: 360px;
  background: url("../img/bg_menu_panel.gif") repeat-y;
}

#menu_seminar li {
  width: 236px;
}

#menu_seminar li a {
  display: block;
  position: relative;
  padding: 8px 10px;
  color: #4f86c6;
}

/*----------------------------------------------------
hdキャッチコピー用
----------------------------------------------------*/
.hdtxt_sdw {
  text-shadow: 0px -1px 2px #f6f6f6, 1px 0 2px #f6f6f6, -1px 0 2px #f6f6f6,
    0px 1px 2px #f6f6f6;
}

@media screen and (max-width: 740px) {
  .top_base {
    width: auto !important;
  }
  #spHeader {
    position: relative;
  }
  #spHeader:after {
    display: block;
    width: 100%;
    height: 15px;
    background: #4f86c6;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
    content: "";
  }
  #sp_header_top #spHeader:after {
    display: block;
    width: 100%;
    height: 5px;
    background: #4f86c6;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
    content: "";
  }
  #sp_header_top #spLogo {
    padding: 10px;
  }
  #sp_header_top #spLogo img {
    width: 134px;
  }
  #sp_header_top #spHeaderSearch img {
    width: 30px;
  }
  #sp_header_top #spHeaderContact img {
    width: 81px;
  }
  #sp_header_top #spSearchArea {
    display: none;
    height: 46px;
    border-top: 1px solid #ccc;
    background: #eee;
  }
  #sp_header_top #searchForm {
    zoom: 1;
    position: relative;
    width: 230px;
    margin: 0 auto;
  }
  #sp_header_top #spHeaderContact {
    position: absolute;
    top: 11px;
    right: 10px;
  }
  #spLogo {
    padding: 30px;
  }
  #spLogo img {
    width: 420px;
  }
  #spHeaderSearch img {
    width: 93px;
  }
  #spHeaderContact img {
    width: 253px;
  }
  #spSearchArea {
    display: none;
    height: 140px;
    border-top: 1px solid #ccc;
    background: #eee;
  }
  #searchForm {
    zoom: 3;
    position: relative;
    width: 230px;
    margin: 0 auto;
  }
  #searchBtn {
    position: absolute;
    top: 10px;
    right: 0;
    width: 70px;
  }
  #searchCode {
    position: absolute;
    top: 10px;
    left: 0;
    width: 150px;
    height: 25px;
    margin: 0;
    padding: 0;
    border: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
  }
  #spHeaderContact {
    position: absolute;
    top: 35px;
    right: 32px;
  }
  #sp_header_top #spHeaderSearch {
    position: absolute;
    top: 11px;
    right: 100px;
  }
  #spHeaderSearch {
    position: absolute;
    top: 35px;
    right: 313px;
  }
  #sp_header_top #spGnavi img {
    width: 45px;
  }
  #spGnavi {
    display: -webkit-box;
    display: -moz-box;
    border-bottom: 1px solid #ccc;
  }
  #spGnavi img {
    width: 140px;
  }
  #spGnavi li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    border-right: 1px solid #ccc;
    text-align: center;
  }
  #spGnavi li:last-child {
    border-right: none;
  }
  #spGnavi li a div {
    width: 100%;
    padding: 21px 0;
  }
  #sp_header_top #spGnavi li a div {
    width: 100%;
    padding: 6px 0;
  }
  #sp_header_top .spSecondNavi {
    padding: 10px;
    background: #eee;
  }
  .spSecondNavi {
    padding: 24px;
    background: #eee;
  }
  .spSecondNavi li {
    margin-bottom: 1px;
    background: #fff;
  }
  .spSecondNavi li:last-child {
    margin-bottom: 0;
  }
  .spSecondNavi a {
    display: block;
    padding: 24px;
    color: #4f86c5;
  }
  .spSecondNavi div {
    background: url(../../img/sp/arrow_link.png) no-repeat right center;
    background-size: 27px auto;
  }
  #sp_header_top .spSecondNavi a {
    display: block;
    padding: 10px;
    color: #4f86c5;
  }
  #sp_header_top .spSecondNavi div {
    background: url(../../img/sp/arrow_link.png) no-repeat right center;
    background-size: 10px auto;
  }
  #sp_header_top #spGnaviServiceArea {
    display: none;
    font-size: 14px;
  }
  #spGnaviServiceArea {
    display: none;
    font-size: 40px;
  }
  #spGnaviCompanyArea li a div {
    display: none;
  }
  .sp_gNaviActive {
    background: #eee;
  }
}

/*----------------------------------------------------
footer
----------------------------------------------------*/
#spFooter {
  display: none;
}

@media screen and (max-width: 740px) {
  #spFooter {
    display: block !important;
  }
}

#footer {
  padding-top: 1px;
  /*border-top: solid 1px #e3e3e3;*/
}

@media screen and (max-width: 740px) {
  #footer {
    display: none;
  }
}

.ft_contents {
  padding: 30px 0;
  background-color: #4f86c6;
  color: #fff;
}

.ft_left {
  float: left;
}

.ft_sitemap {
  width: 185px;
  height: 290px;
  float: left;
  border-right: solid 1px #fff;
}

.ft_sitemap.lastChild {
  border: none;
}

.ft_sitemap dt {
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: dashed 1px #fff;
  font-weight: bold;
}

.ft_right dt {
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: dashed 1px #fff;
  font-weight: bold;
}

.ft_sitemap dd {
  font-size: 93%;
}

.ft_sitemap dd li {
  padding: 2px 0;
}

.ft_right {
  width: 190px;
  height: 230px;
  float: right;
}

.telno {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.1pt;
}

.ft_bottom {
  padding: 15px 0 10px 0;
  background-color: #fff;
}

.ft_bottomLeft {
  float: left;
  font-size: 93%;
}

.ft_bottomRight {
  float: right;
}

.ft_links li {
  display: inline;
}

.copy {
  font-family: Arial, Helvetica, sans-serif;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

@media screen and (max-width: 740px) {
  .sp_footer_top #spContactBigBtn {
    margin: 0 auto 5px auto;
  }
  .sp_footer_top #spContactBigBtn a {
    padding: 12px 0 10px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    font-weight: bold;
  }
  #spFooter #spContactBigBtn a {
    display: block;
    padding: 34px 0 34px;
    border-radius: 10px;
    background: linear-gradient(
      to bottom,
      #5794d9 0%,
      #4f86c6 55%,
      #4f86c6 100%
    );
    color: #fff;
    font-size: 30px;
    text-align: center;
  }
  .sp_footer_top p {
    padding: 10px 0 !important;
    font-size: 10px !important;
    text-align: center;
  }
  #spFooter p {
    padding: 30px 0;
    font-size: 30px;
    text-align: center;
  }
  .sp_footer_top {
    display: block !important;
    margin-top: 10px;
    padding: 10px 10px 0 !important;
    border-top: 4px solid #4f86c6 !important;
  }
  #spFooter {
    display: block;
    padding: 30px 24px 0;
    border-top: 10px solid #4f86c6;
  }
  #spFooter li {
    margin-bottom: 10px;
  }
  .sp_footer_top li div {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  #spFooter li div {
    font-size: 39px;
    line-height: 1.7;
  }
  .sp_footer_top li div:before {
    display: inline-block;
    padding-right: 3px;
    color: #4f86c5;
    font-size: 11px !important;
    content: "▶";
  }
  #spFooter li div:before {
    display: inline-block;
    padding-right: 3px;
    color: #4f86c5;
    font-size: 30px;
    content: "▶";
  }
  #spTelNo {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 2px solid #4f86c6;
    text-align: center;
  }
  .sp_footer_top #spTelNo {
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #4f86c6 !important;
  }
  .sp_footer_top #spTelNo img {
    width: 200px !important;
  }
  #spFooter #spTelNo img {
    width: 650px;
  }
}

/*----------------------------------------------------
共通クラス
----------------------------------------------------*/
.wrapper {
  position: relative;
  width: 950px;
  margin: 0px auto;
}

@media screen and (max-width: 740px) {
  .wrapper {
    width: 100%;
  }
}

.wrapper02 {
  position: relative;
  width: 890px;
  margin: 0px auto;
}

@media screen and (max-width: 740px) {
  .wrapper02 {
    width: 100%;
  }
}

.txt_blue {
  color: #4f86c6;
}

.txtLink_arrow {
  padding-left: 15px;
  background: url("../img/icon_arrow.gif") no-repeat center left;
}

.txtLink_arrow_02 {
  padding-left: 15px;
  background: url("../img/icon_arrow_02.gif") no-repeat center left;
}

.txtLink_arrow_blue {
  padding-left: 15px;
  background: url("../img/icon_arrow.gif") no-repeat center left;
  color: #4f86c6;
}

.txtLink_arrow_bottom {
  padding-left: 15px;
  background: url("../img/icon_arrow_bottom.gif") no-repeat center left;
}

h3 {
  margin-bottom: 30px;
  padding-bottom: 5px;
  background: url("../img/line_m.gif") no-repeat bottom;
  font-size: 153.9%;
  font-weight: bold;
}

@media screen and (max-width: 740px) {
  h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
}

.left_column h3 {
  background: url("../img/line_half.gif") no-repeat bottom !important;
}

h3 img {
  vertical-align: bottom;
}

.col {
  margin-top: 50px;
}

.otherServiceList {
  margin: 30px 0 0 120px;
  text-align: left;
}

.otherServiceList li {
  width: 270px;
  float: left;
  font-size: 108%;
  line-height: 2.4;
}

.otherService .wrapper {
  padding-top: 50px;
}

@media screen and (max-width: 740px) {
  .otherService > p > img {
    width: 100%;
  }
}

.contents_col2 {
  padding: 20px 0;
  border-top: dotted 1px #ccc;
}

.contents_col2.firstChild {
  padding-top: 0;
  border-top: none;
}

.contents_col2 dt {
  width: 25%;
  padding-right: 3%;
  float: left;
  color: #4f86c6;
  font-size: 116%;
}

.contents_col2 dd {
  width: 70%;
  float: left;
}

@media screen and (max-width: 740px) {
  .contents_col2 {
    padding: 5px 0;
  }
  .contents_col2 dt {
    width: 100%;
    padding-left: 10px;
  }
  .contents_col2 dd {
    width: auto;
    margin-left: 10px;
  }
}

.right {
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-left-color: #ccc;
}

.pointlist li {
  margin-left: 1em;
  text-indent: -1em;
}

.pointlist02 li {
  margin-left: 1.5em;
  text-indent: -1.5em;
}

.pointlist03 li {
  margin-left: 2.5em;
  text-indent: -2.5em;
}

.pointtxt {
  margin-left: 1em;
  text-indent: -1em;
}

.helplink {
  padding-left: 20px;
  background: url("../img/icon_q.png") no-repeat left center;
}

.pop_bg {
  background-color: #fff;
}

.midashi {
  margin-bottom: 5px;
  font-size: 108%;
  font-weight: bold;
}

.movie {
  display: block;
  position: relative;
}

.movie .play {
  position: absolute;
  top: 50%;
  left: 100px;
  width: 50px;
  height: 0;
  margin-top: -25px;
  padding-top: 50px;
  overflow: hidden;
  background: url("../img/icon_play.png") no-repeat;
}

.movie a {
  display: block;
}

.serviceNavi {
  padding: 30px 0 20px 0;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}

@media screen and (max-width: 740px) {
  .serviceNavi {
    padding: 10px 0;
  }
}

.serviceNaviList li {
  margin-bottom: 10px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 740px) {
  .serviceNaviList li {
    border-right: none;
  }
}

.serviceNaviList li a {
  display: block;
  white-space: nowrap;
}

.serviceNaviList li:last-child {
  border-right: none;
}

.serviceNaviList li a.selected {
  color: #4f86c6;
  font-weight: bold;
}

.serviceNaviList02 {
  padding: 15px 15px 5px 15px;
  border: #ededed;
  background-color: #f4f4f4;
}

.serviceNaviList02 li {
  margin-bottom: 10px;
  float: left;
  border-right: 1px solid #ccc;
}

.serviceNaviList02 li a {
  display: block;
  white-space: nowrap;
}

.serviceNaviList02 li:last-child {
  border-right: none;
}

.serviceNaviList02 li a.selected {
  color: #4f86c6;
  font-weight: bold;
}

.serviceNavi_children {
  position: relative;
}

.serviceNavi_children:after,
.serviceNavi_children :before {
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.serviceNavi_children:after {
  margin-left: -10px;
  /*    border-bottom-color: #f4f4f4;*/
  border-width: 10px;
}

.serviceNavi_children:before {
  margin-left: 106px;
  border-width: 10px;
  border-bottom-color: #f4f4f4;
}

#el_contentsNavi:after,
#el_contentsNavi:before {
  left: 85px;
}

#el_ossNavi:after,
#el_ossNavi:before {
  left: 285px;
}

#serviceNavi_contents,
#serviceNavi_oss {
  cursor: pointer;
}

@media screen and (max-width: 740px) {
  .pagetop_link {
    display: none;
  }
  .case_thum_sp {
    width: 50%;
  }
  .case_client_sp {
    width: 48%;
    padding-left: 2%;
    vertical-align: middle;
  }
}

.a2a_label {
  display: none !important;
}

/*----------------------------------------------------
TOP
----------------------------------------------------*/
.mainArea {
  position: relative;
  background: url("../../img/top/bg_mainArea.gif") repeat-x;
}

.mainArea_inner {
  /* Firefox用 */
  /* Safari,Google Chrome用 */
  position: relative;
  background: url("../../img/top/bg_main.jpg") no-repeat 50% 0;
  box-shadow: 0px 2px 3px #ddd inset;
}

.mainArea_inner h2 {
  float: left;
}

.main_picArea {
  width: 306px;
  float: left;
}

.main_picArea > img {
  margin: 30px 0;
}

.main_rightArea {
  width: 460px;
  float: right;
}

/*
.newsArea {
	height: 293px;
} */
/* 2017.4.17追加 */
.newsScrollarea {
  width: 460px;
  height: 140px;
  margin-top: 3px;
  overflow: scroll;
  overflow-x: hidden;
}

.newsArea .title {
  border-bottom: dashed 1px #999;
}

.newsArea dd {
  width: 335px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.titleTxt {
  float: left;
}

.listBtn {
  float: right;
}

.listBtn_border {
  margin-top: 5px;
  padding: 5px 0 0 10px;
  float: right;
  border-left: dashed 1px #999;
}

.newsArea dl {
  margin-top: 9px;
  color: #666;
  font-size: 77%;
}

.newsArea dt {
  width: 17.44%;
  float: left;
}

.newsArea dd {
  float: left;
}

.serviceList li {
  width: 24.31%;
  height: 149px;
  margin-right: 0.34%;
  margin-bottom: 15px;
  margin-left: 0.34%;
  float: left;
  background: url("../../img/top/bg_serviceBox.png") no-repeat;
  background-position: 0 0;
}

.serviceList li:hover {
  background-position: -250px 0;
}

.serviceList li dl {
  height: 92px;
  padding: 23px 0 0 20px;
}

.serviceList_detail {
  padding: 8px 20px 5px 20px;
  color: #4f86c6;
}

.serviceList li dt {
  margin-bottom: 10px;
  padding-left: 25px;
  background: url("../../img/top/icon_arrow_big.gif") no-repeat top left;
  color: #4f86c6;
  font-size: 138.5%;
  font-weight: bold;
  line-height: 1;
}

#carousel {
  position: relative;
  width: 890px;
  height: 145px;
  margin: 0 auto;
  padding: 15px 30px 0 30px;
  background-color: #fff;
  font-size: 93%;
  text-align: left;
}

#carousel_prev,
#carousel_next {
  position: absolute;
  top: 0;
  width: 15px;
  height: 160px;
  cursor: pointer;
}

#carousel_prev {
  left: 0;
  background: transparent url("../../img/top/btn_arrow_left.gif") no-repeat top
    left;
}

#carousel_next {
  right: 0;
  background: transparent url("../../img/top/btn_arrow_right.gif") no-repeat top
    left;
}

#carousel ul li {
  display: inline;
  width: 150px;
  height: 125px;
  float: left;
  background: url("../../img/top/bg_case.jpg") no-repeat;
}

#carousel ul li img {
  margin: 3px 4px;
}

.serviceList li dd {
  color: #666;
  font-size: 93%;
}

.solutionCol {
  width: 30%;
  margin-right: 3.3%;
  float: left;
}

.solutionCol ul {
  font-size: 93%;
}

.solutionCol li {
  margin-left: 15px;
  padding: 2px 0;
  text-indent: -15px;
}

.solutionList {
  margin-bottom: 30px;
}

.solutionList h4 {
  margin-bottom: 15px;
  font-size: 123.1%;
  font-weight: bold;
}

.linkList li {
  width: 310px;
  margin-right: 10px;
  float: left;
}

.linkList li:last-child {
  margin-right: 0;
}

/* 1828追加 */
.btn_ichiran {
  width: 440px;
  height: 35px;
  margin: 10px 0 30px 0;
  background: url(../../img/top/btnbg_ichiran.png) no-repeat;
  background-position: 0 0;
}

.btn_ichiran :hover {
  background-position: -444px 0;
  color: #fff;
}

.btn_ichiran p {
  text-align: center;
}

/*トライアルボタン*/
.btn_contact {
  display: flex;
  width: 300px;
  height: 47px;
  margin: 0 auto;
  margin-left: 25em;
  background: url(../../img/top/btn_contact_org.png) no-repeat;
  background-position: 0 0;
}

.btn_contact :hover {
  background-position: -200 0;
}

@media screen and (max-width: 740px) {
  #spContents {
    background: url(../../img/sp/main_bg.png) no-repeat;
    background-size: 100% auto;
  }
  .spMainCopy {
    padding: 20px 10px 0;
    font-size: 18px;
  }
  .spNews li {
    margin-top: 12px;
    line-height: 1;
  }
  .spNews p {
    margin-top: 12px;
  }
  .spBlueLink {
    color: #4f86c6;
  }
  .spContentsBlock {
    margin: 0 10px;
    margin-top: 10px;
    padding: 20px 0 0;
  }
  .whiteBaceLink li {
    margin-top: 10px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  }
  .whiteBaceLink li:first-child {
    margin-top: 30px;
  }
  .whiteBaceLink li a {
    display: block;
    padding: 10px 10px 10px 30px;
    background: url(../../img/sp/arrow_biglink.png) no-repeat 10px 10px;
    background-size: 17px auto;
    color: #4f86c5;
  }
  h2 {
    position: relative;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
    font-size: 18px;
  }
  h2 span:after {
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100px;
    height: 2px;
    background: #4f86c6;
    content: "";
  }
  .flexslider {
    margin-top: 10px;
  }
  .slides > li > div {
    display: -webkit-box;
    display: -moz-box;
    margin-bottom: 10px;
    padding: 5px;
    background: #fff;
  }
  .slides > li > div > a {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    display: block;
    padding: 5px;
  }
  .slides > li > div > a > div {
    margin: 0 auto;
  }
  .spSolution dt {
    padding: 15px 10px 12px 10px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #fff;
  }
  .spSolution dt span {
    display: block;
    width: 100%;
    background: url(../../img/sp/arrow_underlink.png) no-repeat right 4px;
    background-size: 14px auto;
  }
  .spSolution dt li {
    margin-bottom: 1px;
    padding: 10px;
    background: #eee;
  }
  .spSolution dt li a {
    display: block;
  }
  .spSolution dt li a div {
    padding-right: 20px;
    background: url(../../img/sp/arrow_link.png) no-repeat right center;
    background-size: 10px auto;
  }
  .spSolution dt dd {
    display: none;
  }
  .spSolutionArea dl:nth-child(4) dt {
    padding: 6px 10px 3px 10px;
  }
  .spSolutionArea dl:nth-child(4) dt span {
    background: url(../../img/sp/arrow_underlink.png) no-repeat right 13px;
    background-size: 14px auto;
  }
  .sp_solutionActive {
    border-bottom: 1px solid #ccc !important;
  }
  .sp_solutionActive span {
    background-position: right -30px !important;
  }
  .spSolutionArea dl:nth-child(4) .sp_solutionActive span {
    background-position: right -20px !important;
  }
  .spSolutionArea dl:last-child dt {
    border-bottom: 1px solid #ccc !important;
  }
  #spSolutionManual {
    margin-top: 10px;
  }
  #spLinkArea {
    margin-top: 10px;
  }
  #spLinkArea li {
    border-top: 1px solid #ccc;
  }
  #spLinkArea li:last-child {
    border-bottom: 1px solid #ccc;
  }
  #spLinkArea li div div {
    margin-bottom: -26px;
    padding-top: 7px;
  }
  #spLinkArea li div p {
    min-height: 33px;
    padding-left: 50px;
  }
  #spLinkArea > li > a {
    display: block;
    background: url(../../img/sp/arrow_link.png) no-repeat right center;
    background-size: 10px auto;
  }
  #spContactBigBtn {
    width: 80%;
    margin: 0 auto 10px auto;
  }
}

/*----------------------------------------------------
サービス共通
----------------------------------------------------*/
.serviceContents {
  position: relative;
  padding: 50px 0 80px 0;
  background-color: #fff;
  font-size: 1.22em;
  line-height: 1.6;
  line-height: 1.875;
}

.serviceContents h2 {
  margin-bottom: 15px;
  color: #4f86c6;
  font-size: 165%;
  font-weight: bold;
}

.serviceContents h3 {
  padding-top: 50px;
}

@media screen and (max-width: 740px) {
  .serviceContents {
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .serviceContents h3 {
    padding-top: 10px;
  }
}

.graybox {
  position: relative;
  padding: 10px;
  background-color: #f4f4f4;
}

.roundbox {
  /* Firefox用 */
  /* Safari,Google Chrome用 */
  padding: 10px;
  border: solid 1px #ccc;
  box-shadow: 1px 1px 7px #cecece;
}

.checklist {
  padding-left: 30px;
  background: url("../img/icon_check.png") no-repeat left 2px;
}

.merit_list {
  height: 32px;
  padding-top: 10px;
  padding-left: 30px;
  background: url("../img/icon_merit.gif") no-repeat left 2px;
}

.demerit_list {
  height: 32px;
  padding-top: 12px;
  padding-left: 30px;
  background: url("../img/icon_demerit.gif") no-repeat left;
}

.plus_ttlL {
  padding-left: 30px;
  background: url("../img/icon_plusL.gif") no-repeat left;
}

.manual_flow {
  width: 250px;
  margin-right: 10px;
  padding-left: 20px;
  float: left;
  background: url("../img/img_arrow_right.gif") no-repeat left center;
}

.manual_flow.fistChild {
  padding-left: 0;
  background: none;
}

.manual_flow dt {
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.manual_flow dd {
  height: 100px;
  padding: 10px;
  background-color: #f4f4f4;
}

.manual_flow_blue {
  width: 430px;
  float: left;
}

.manual_flow_blue dt {
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.manual_flow_blue dd {
  height: 150px;
  padding: 10px;
  background-color: #f4f4f4;
}

.manual_flow_noarrow {
  float: left;
}

.manual_flow_noarrow dt {
  width: 96%;
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  line-height: 1.1;
}

.manual_flow_noarrow dd {
  width: 96%;
  padding: 10px;
  background-color: #f4f4f4;
}

#post-122 .manual_flow_noarrow {
  width: 290px;
}

#post-122 .manual_flow_noarrow:first-child {
  margin-right: 30px;
}

@media screen and (max-width: 740px) {
  #post-122 .manual_flow_noarrow {
    margin-bottom: 10px;
  }
}

#post-122 .manual_flow_noarrow dt {
  height: 60px;
}

#post-122 .manual_flow_noarrow dd {
  height: 200px;
}

@media screen and (max-width: 740px) {
  #post-122 .manual_flow_noarrow dd {
    height: auto;
    margin-left: 0;
  }
}

.manual_list_gray dt {
  width: 100px;
  float: left;
}

.manual_list_gray dd {
  width: 750px;
  float: left;
}

.serviceChildrenList {
  margin-right: -20px;
}

.serviceChildrenList li {
  width: 261px;
  height: 250px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px;
  float: left;
  border: 1px solid #ccc;
  background-position: 0 0;
  box-shadow: 0px 2px 2px 0px #e8e8e8;
}

.serviceChildrenList li:hover {
  background-position: -290px 0;
}

.serviceChild_thum {
  width: 80px;
  margin-right: 10px;
  padding-bottom: 100px;
  float: left;
}

.serviceChild_txt dt {
  /*margin-left: 1.2em;*/
  padding-bottom: 5px;
  font-weight: bold;
  line-height: 1.3;
  text-indent: -1.2em;
}
@media (min-width: 767px) {
  .serviceChildrenList03-01,
  .serviceChildrenList03-02,
  .serviceChildrenList03-03 {
    height: 45px;
    text-indent: initial;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
  }
  .serviceChildrenList03-07,
  .serviceChildrenList03-08,
  .serviceChildrenList03-09 {
    height: 65px;
    text-indent: initial;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
  }
}

.serviceChild_txt dd {
  padding-top: 10px;
  border-top: 1px dotted #ccc;
  font-size: 98%;
}

.totaraSubscriptionFee caption {
  font-weight: bold;
}

.totaraSubscriptionFee th,
.totaraSubscriptionFee td {
  padding: 20px 5px;
  border: 1px solid #fff;
  font-weight: bold;
}

@media screen and (max-width: 740px) {
  .totaraSubscriptionFee th,
  .totaraSubscriptionFee td {
    padding: 5px 20px;
    text-align: center;
  }
}

.totaraSubscriptionFee th {
  background-color: #4f86c6;
  color: #fff;
  font-size: 12px;
}

@media screen and (max-width: 740px) {
  .totaraSubscriptionFee th {
    font-size: 8px;
  }
}

.totaraSubscriptionFee td {
  background-color: #d0d7e7;
  font-size: 13px;
  text-align: center;
}

@media screen and (max-width: 740px) {
  .totaraSubscriptionFee td {
    font-size: 8px;
  }
}

@media screen and (max-width: 740px) {
  .totaraSubscriptionFee {
    width: 100%;
  }
}

.moodle_totara_service_table_white table {
  margin-bottom: 20px;
}

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

.moodle_totara_service_table_white table tr:nth-child(even) {
  background-color: #ecf5ff;
}

.moodle_totara_service_table_white table tr th,
.moodle_totara_service_table_white table tr td {
  padding: 10px;
  border: #fff 1px solid;
}

.moodle_totara_service_table_white table tr th {
  background-color: #4f86c6;
  color: #fff;
  font-weight: bold;
}

.moodle_totara_service_table_white table tr th:first-child {
  width: 25%;
}

.moodle_totara_service_table_white table tr th:nth-child(2) {
  width: 15%;
}

.moodle_totara_service_table_white table tr td:first-child {
  font-weight: bold;
}

.moodle_totara_service_table_white table tr td:last-child {
  font-size: 90%;
}

.moodle_totara_cloud_package_table table {
  width: 100%;
  margin-bottom: 20px;
}

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

.moodle_totara_cloud_package_table table tr:nth-child(even) {
  background-color: #ecf5ff;
}

.moodle_totara_cloud_package_table table th,
.moodle_totara_cloud_package_table table td {
  padding: 10px;
  border: #fff 1px solid;
  text-align: center;
}

.moodle_totara_cloud_package_table table th {
  background-color: #4f86c6;
  color: #fff;
  font-weight: bold;
}

.moodle_totara_cloud_package_table table td span {
  font-size: 70%;
}

.moodle_customize_table table {
  margin-bottom: 20px;
}

.moodle_customize_table table tr th,
.moodle_customize_table table tr td {
  padding: 10px;
  border: #000 1px solid;
}

.moodle_customize_table table tr th:first-child {
  width: 40%;
}

.moodle_logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 740px) {
  .moodle_logo img {
    width: 100%;
    height: 100%;
  }
}

/*----------------------------------------------------
マニュアル制作
----------------------------------------------------*/
.document_special img {
  transition: 0.3s;
}

.document_special img:hover {
  opacity: 0.6;
}

table.sample4 {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 5px;
}

table.sample4 td {
  text-align: center;
}

table.sample4 td.td_1 {
  width: 150px;
  padding: 5px 5px;
  background-color: #3e62ad;
  color: white;
  text-align: center;
}

table.sample4 td.td_2 {
  width: 300px;
  padding: 5px 5px;
  border: 1px #ccc solid;
  background-color: #f4f4f4;
  text-align: center;
}

table.sample4 td.td_3 {
  width: 50px;
  padding: 5px 5px;
  background-color: #fff;
  text-align: center;
  text-align: center;
}

table.sample4 td.td_4 {
  width: 300px;
  padding: 5px 5px;
  border: 1px #ccc solid;
  background-color: #f4f4f4;
  text-align: center;
}

table.sample4 td.td_5 {
  padding: 5px 5px;
  color: #4682b4;
}

table.sample4 td.td_space {
  width: 1px;
  height: 20px;
}

.pop a:hover {
  position: relative;
  top: 0px;
  left: 0px;
}

.fukidasipop {
  /* IE */
  -moz-opacity: 0.85;
  visibility: hidden;
  position: absolute;
  top: 25px;
  left: 0px;
  width: 300px;
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  text-align: left;
  text-decoration: none;
  filter: alpha(opacity=85);
  opacity: 0;
  /* Firefox?ENetscape */
  opacity: 0.85;
  /* Opera?ESafari */
}

.fukidasipop:after {
  z-index: 1000;
  position: absolute;
  top: -7px;
  left: 30px;
  margin-left: -8px;
  border-top: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #4f86c6;
  border-left: 8px solid transparent;
  content: "";
}

a:hover .fukidasipop {
  visibility: visible;
  opacity: 1;
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  transition: all 0.5s ease-in-out;
  /* Browsers that Support it */
}

.table_writing .td_01 {
  width: 380px;
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
}

.table_writing .td_02 {
  width: 420px;
  padding: 10px;
  background-color: #f4f4f4;
  vertical-align: middle;
}

.table_writing .td_03 {
  width: 50px;
  text-align: center;
}

.dita_point {
  padding-top: 20px;
  border-top: solid 1px #ccc;
}

.dita_point dt {
  width: 250px;
  float: left;
  font-weight: bold;
}

.dita_point dd {
  width: 500px;
  float: left;
}

.table_evaluation th {
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  vertical-align: top;
}

.table_evaluation .th_01 {
  width: 230px;
}

.table_evaluation .th_02 {
  width: 340px;
}

.table_evaluation td {
  padding: 10px;
  border-bottom: solid 2px #fff;
  background-color: #f4f4f4;
  vertical-align: top;
}

.table_evaluation th,
.table_evaluation td {
  border-right: solid 2px #fff;
}

.evaluation_flow ul {
  width: 180px;
  height: 230px;
  margin-right: 15px;
  padding: 6px;
  float: left;
  border: 1px solid #ccc;
}

@media screen and (max-width: 740px) {
  .evaluation_flow ul {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}

.iec82079Img {
  box-sizing: border-box;
  padding: 20px;
  border: solid 1px #ccc;
}

.evaluation_merit {
  padding: 10px;
  background-color: #f4f4f4;
}

.evaluation_merit dt {
  padding-left: 15px;
  background: url("../../img/document/icon_merit.gif") no-repeat left 2px;
  font-size: 108%;
  font-weight: bold;
}

.doc_onestop_table th {
  width: 30%;
  padding: 10px;
  border-right: 2px solid #fff;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
}

.doc_onestop_table td {
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #f4f4f4;
  vertical-align: top;
}

.onestop_sample p {
  float: left;
}

.field_medialist {
  width: 215px;
  margin-right: 7px;
  float: left;
}

@media screen and (max-width: 740px) {
  .field_medialist {
    width: 100%;
    margin-bottom: 10px;
  }
}

.field_medialist dt {
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-weight: bold;
}

.field_medialist dt img {
  padding-right: 10px;
  vertical-align: middle;
}

.field_medialist dd {
  height: 160px;
  padding: 10px;
  background-color: #f4f4f4;
}

@media screen and (max-width: 740px) {
  .field_medialist dd {
    height: auto;
  }
}

.field_medialist:nth-child(2) dd {
  height: 131px;
}

@media screen and (max-width: 740px) {
  .field_medialist:nth-child(2) dd {
    height: auto;
  }
}

.fancybox img {
  border: solid 1px #ccc;
}

.field_update .box01,
.field_update .box02 {
  width: 300px;
  height: 70px;
  padding: 20px;
  float: left;
  border: 1px solid #4f86c6;
}

@media screen and (max-width: 740px) {
  .field_update .box01,
  .field_update .box02 {
    height: auto;
    margin-bottom: 10px;
  }
}

.field_update .field_arrow {
  padding-left: 86px;
  float: left;
  background: url("../../img/document/img_field_arrow.gif") no-repeat left
    center;
}

@media screen and (max-width: 740px) {
  .field_update .field_arrow {
    padding-left: 0;
    background: none;
  }
}

.manual_field_flow {
  width: 430px;
  float: left;
}

.manual_field_flow dt {
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.manual_field_flow dd {
  height: 120px;
  padding: 10px;
  background-color: #f4f4f4;
}

#post-124 .manual_field_flow {
  width: 444px;
}

#post-124 .manual_field_flow dd {
  height: 150px;
}

#post-124 .manual_field_flow dd p:nth-child(2) {
  width: 220px;
  margin-left: 10px;
}

@media screen and (max-width: 740px) {
  #post-124 .manual_field_flow dd p:nth-child(2) {
    width: auto;
    margin-left: 0;
    padding-top: 10px;
  }
}

@media screen and (max-width: 740px) {
  #post-124 .manual_field_flow {
    width: auto;
  }
  #post-124 .manual_field_flow dd {
    height: auto;
    margin-bottom: 10px;
  }
}

.document5points {
  width: 714px;
  height: 477px;
  margin: 0 auto;
}

@media screen and (max-width: 740px) {
  .document5points {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .document5points td {
    display: block;
  }
}

.document5points tr:nth-child(1) td:nth-child(1) {
  width: 400px;
  padding-right: 60px;
}

@media screen and (max-width: 740px) {
  .document5points tr:nth-child(1) td:nth-child(1) {
    width: 100%;
    padding-right: 0px;
  }
}

.document5points tr:nth-child(1) td:nth-child(2) {
  width: 426px;
}

@media screen and (max-width: 740px) {
  .document5points tr:nth-child(1) td:nth-child(2) {
    width: 100%;
    padding-bottom: 40px;
  }
}

.document5points tr:nth-child(2) td:nth-child(1) {
  width: 406px;
  padding-right: 65px;
}

@media screen and (max-width: 740px) {
  .document5points tr:nth-child(2) td:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}

.document5points tr:nth-child(3) td:nth-child(1) {
  width: 395px;
  padding-right: 70px;
}

@media screen and (max-width: 740px) {
  .document5points tr:nth-child(3) td:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}

.sol_relatedLinkArea {
  margin-left: 60px;
}

@media screen and (max-width: 740px) {
  .sol_relatedLinkArea {
    margin-left: 20px;
  }
}

.sol_relatedLink {
  width: 250px;
  margin-right: 20px;
  float: left;
}

@media screen and (max-width: 740px) {
  .sol_relatedLink {
    width: 300px;
    margin-bottom: 10px;
  }
}

.sol_relatedLink dt {
  height: 40px;
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  line-height: 1.4em;
  text-align: center;
}

.sol_relatedLink dd {
  height: 200px;
  padding: 10px;
  background-color: #f4f4f4;
}

@media screen and (max-width: 740px) {
  .sol_relatedLink dd {
    height: auto;
  }
}

.process_flow {
  position: relative;
  width: 197px;
  margin-right: 10px;
  padding-left: 20px;
  float: left;
  background: url("../img/img_arrow_right.gif") no-repeat left center;
}

@media screen and (max-width: 740px) {
  .process_flow {
    height: auto;
    margin-bottom: 30px;
    background: none;
  }
  .process_flow::before {
    position: absolute;
    top: -26px;
    left: 50%;
    width: 11px;
    height: 22px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: url("../img/img_arrow_right.gif") no-repeat;
    content: "";
  }
}

.process_flow.fistChild {
  padding-left: 0;
  background: none;
}

@media screen and (max-width: 740px) {
  .process_flow.fistChild {
    margin-left: 20px;
  }
  .process_flow.fistChild::before {
    content: none;
  }
}

.process_flow dt {
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.process_flow dd {
  height: 240px;
  padding: 10px;
  background-color: #f4f4f4;
}

.process_flow dd.system {
  height: 124px;
  padding: 10px;
  background-color: #f4f4f4;
}

#post-124 .process_flow {
  width: 150px;
  background: url("https://www.science.co.jp/wordpress/wp-content/themes/humanscience/common/img/img_arrow_right.gif")
    no-repeat left 16px;
}

@media screen and (max-width: 740px) {
  #post-124 .process_flow {
    width: 160px;
    float: none;
    background: none;
  }
}

#post-124 .process_flow dd {
  height: 120px;
  text-align: center;
}

@media screen and (max-width: 740px) {
  #post-124 .process_flow dd {
    height: auto;
  }
}

#post-12147 .process_flow {
  width: 273px;
}

.ml_210 {
  margin-left: 210px;
}

.table_evaluation th {
  border: #fff solid 1px;
}

.experienceCorpLogo {
  width: 400px;
  float: right;
}

@media screen and (max-width: 740px) {
  .experienceCorpLogo {
    width: auto;
    margin-bottom: 10px;
    float: none;
  }
}

.manualEvaluationMerits {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 740px) {
  .manualEvaluationMerits {
    flex-wrap: wrap;
  }
}

.manualEvaluationMerits div {
  width: 30%;
  margin-right: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 740px) {
  .manualEvaluationMerits div {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }
}

.manualEvaluationMerits div:last-child {
  margin-right: 40px;
  padding-right: 0;
}

@media screen and (max-width: 740px) {
  .manualEvaluationMerits div:last-child {
    margin-right: 0;
  }
}

#post-15735 .manualEvaluationMerits div:nth-child(2) p:first-child {
  height: 75px;
}

@media screen and (max-width: 740px) {
  #post-15735 .manualEvaluationMerits div:nth-child(2) p:first-child {
    height: auto;
    margin-bottom: 10px;
  }
}

#post-15783 .manualEvaluationMerits div:nth-child(2) p:first-child {
  height: 75px;
}

@media screen and (max-width: 740px) {
  #post-15783 .manualEvaluationMerits div:nth-child(2) p:first-child {
    height: auto;
    margin-bottom: 10px;
  }
}

.onsite_flow {
  width: 22%;
  margin-right: 10px;
  padding-left: 20px;
  float: left;
  background: url("../img/img_arrow_right.gif") no-repeat left center;
}

@media screen and (max-width: 740px) {
  .onsite_flow {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0;
    background: none;
  }
}

.onsite_flow.fistChild {
  padding-left: 0;
  background: none;
}

.onsite_flow dt {
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.onsite_flow dd {
  height: 183px;
  padding: 10px;
  background-color: #f4f4f4;
}

@media screen and (max-width: 740px) {
  .onsite_flow dd {
    height: auto;
  }
}

/*----------------------------------------------------
英日翻訳・ローカリゼーション
----------------------------------------------------*/
.loc_field_table th {
  padding: 10px;
  border-right: 2px solid #fff;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
}

.loc_field_table .th_01 {
  width: 200px;
}

.loc_field_table td {
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #f4f4f4;
  vertical-align: top;
}

.loc_clientlist {
  margin-right: -10px;
  padding: 0 10px;
}

.loc_clientlist li {
  width: 200px;
  height: 300px;
  margin-right: 20px;
  float: left;
}

.loc_clientlist dt {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

.loc_seminarBtnArea {
  position: absolute;
  top: 65px;
  right: 0;
}

.loc_seminarBtnArea a {
  display: block;
  width: 252px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  background: url("../../img/localization/btn_seminar.png") no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(166, 166, 166, 0.41);
}

.loc_seminarBtnArea a:hover {
  background-position: -288px 0;
}

.loc_nmtBtnArea {
  position: absolute;
  top: 120px;
  right: 0;
}

.loc_nmtBtnArea a {
  display: block;
  width: 252px;
  height: 0;
  padding-top: 48px;
  overflow: hidden;
  background: url("../../img/localization/btn_nmt.png") no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(166, 166, 166, 0.41);
}

.loc_nmtBtnArea a:hover {
  background-position: -288px 0;
}

.loc_clientlist6column {
  margin-right: -10px;
  padding: 0 10px;
}

@media screen and (max-width: 740px) {
  .loc_clientlist6column {
    padding: 0;
  }
}

.loc_clientlist6column li {
  width: 160px;
  height: 250px;
  margin-right: 10px;
  float: left;
}

@media screen and (max-width: 740px) {
  .loc_clientlist6column li {
    height: auto;
    margin-bottom: 10px;
  }
}

.loc_clientlist6column dt {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}

.loc_clientlist6column dt img {
  width: 160px;
}

/*----------------------------------------------------
日英・多言語翻訳
----------------------------------------------------*/
.txtInline {
  display: inline;
}

.table_trans_evaluation th {
  width: 200px;
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: left;
}

.table_trans_evaluation td {
  width: 400px;
  padding: 10px;
  border-bottom: 2px solid #fff;
  background-color: #f4f4f4;
  text-align: left;
}

.table_m_localizationSmall .th_01 {
  width: 467px;
}

.table_m_localizationSmall .th_02 {
  width: 134px;
}

.table_m_localizationSmall th {
  padding: 10px;
  border-right: 2px solid #fff;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.table_m_localizationSmall td {
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #f4f4f4;
  vertical-align: top;
}

.table_m_localizationHalf .th_01 {
  width: 443px;
}

.table_m_localizationHalf .th_02 {
  width: 445px;
}

.table_m_localizationHalf th {
  padding: 10px;
  border-right: 2px solid #fff;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.table_m_localizationHalf td {
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #f4f4f4;
  vertical-align: top;
}

.dl_m_localization_lang dt {
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
}

.dl_m_localization_lang dd {
  padding: 10px;
  background-color: #f4f4f4;
  vertical-align: top;
}

.ml_idea4_table th {
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.ml_idea4_table td {
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #f4f4f4;
  vertical-align: top;
}

.ml_idea4_lvl1 {
  background-color: #faf4b3 !important;
  text-align: center;
}

.ml_idea4_lvl2 {
  background-color: #f5dda7 !important;
  text-align: center;
}

.ml_idea4_lvl3 {
  background-color: #f2cb9e !important;
  text-align: center;
}

.ml_idea4_lvl4 {
  background-color: #efb996 !important;
  text-align: center;
}

.ml_idea4_lvl5 {
  background-color: #eca38c !important;
  text-align: center;
}

.ml_idea4_lvl6 {
  background-color: #ec8a80 !important;
  text-align: center;
}

.ml_idea4_flow ul {
  width: 180px;
  height: 210px;
  margin-right: 15px;
  padding: 6px;
  border: 1px solid #ccc;
}

@media screen and (max-width: 740px) {
  .ml_idea4_flow ul {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.ml_idea4_flow .flowList {
  float: left;
}

@media screen and (max-width: 740px) {
  .ml_idea4_flow .flowList {
    box-sizing: border-box;
    width: 100%;
  }
}

.ml_idea1_gragh {
  width: 45%;
  margin-right: 10px;
  padding: 10px;
  float: left;
}

.ml_idea1_gragh .midashi {
  margin-bottom: 15px !important;
  border-bottom: 1px dotted #ccc;
}

.ml_seminarBtnArea {
  position: absolute;
  top: 65px;
  right: 0;
}

.ml_seminarBtnArea a {
  display: block;
  width: 252px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  background: url("../../img/m_localization/btn_seminar.png") no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(166, 166, 166, 0.41);
}

.ml_seminarBtnArea a:hover {
  background-position: -288px 0;
}

.rewriteExampleTable {
  width: 890px;
}

.rewriteExampleTable th {
  width: 100px;
}

@media screen and (max-width: 740px) {
  .rewriteExampleTable {
    width: 100%;
  }
  .rewriteExampleTable th {
    width: 80px;
  }
}

/*----------------------------------------------------
moodle
----------------------------------------------------*/
/*----------------------------------------------------
eラーニング
----------------------------------------------------*/
.el_process_flow {
  width: 270px;
  margin-right: 10px;
  padding-left: 20px;
  float: left;
  background: url("../img/img_arrow_right.gif") no-repeat left center;
}

.el_process_flow.fistChild {
  padding-left: 0;
  background: none;
}

.el_process_flow dt {
  padding: 10px;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.el_process_flow dd {
  height: 210px;
  padding: 10px;
  background-color: #f4f4f4;
}

.el_animationlist dt {
  width: 30% !important;
}

.el_animationlist dd {
  width: 67% !important;
}

.el_localize_movie {
  padding-left: 30px;
  float: left;
  background: url("../img/img_arrow_right.gif") no-repeat left 100px;
}

.el_localize_movie.firstChild {
  padding-left: 0;
  background: none;
}

.el_localize_movie dt {
  margin-bottom: 5px;
  font-size: 108%;
  font-weight: bold;
}

.el_plugin_thum {
  float: left;
}

.el_plugin_thum dt {
  margin-bottom: 5px;
  font-size: 108%;
  font-weight: bold;
}

.table_oss_performance th {
  padding: 10px;
  border-right: 2px solid #fff;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.table_oss_performance .th_01 {
  width: 140px;
}

.table_oss_performance .th_02 {
  width: 210px;
}

.table_oss_performance td {
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #f4f4f4;
  vertical-align: top;
}

.table_moodle_role th {
  padding: 10px;
  border-right: 2px solid #fff;
  background-color: #4f86c6;
  color: #fff;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}

.table_moodle_role .th_01 {
  width: 150px;
}

.table_moodle_role td {
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #f4f4f4;
  vertical-align: top;
}

.serviceChildren_TxtList {
  width: 270px;
  float: left;
}

.serviceChildren_TxtList dt {
  margin-bottom: 1px;
  font-size: 116%;
  font-weight: bold;
}

.serviceChildren_TxtList dd {
  padding-top: 10px;
  border-top: 1px solid #999;
}

.serviceChildren_TxtList.oss_install dt {
  height: 40px;
  background: url("../../img/elearning/icon_oss_install.jpg") no-repeat right
    bottom;
}

.serviceChildren_TxtList.oss_seminar dt {
  height: 40px;
  background: url("../../img/elearning/icon_oss_seminar.jpg") no-repeat right
    bottom;
}

.serviceChildren_TxtList.oss_support dt {
  height: 40px;
  background: url("../../img/elearning/icon_oss_support.jpg") no-repeat right
    bottom;
}

.el_localize_tablet {
  padding-left: 30px;
  float: left;
  background: url("../img/img_arrow_right.gif") no-repeat left 100px;
}

.el_localize_tablet.firstChild {
  padding-left: 0;
  background: none;
}

.el_scorm_img {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.el_caselist img {
  vertical-align: middle;
}

.el_moodlelist li {
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
}

/* e-ラーニング 特集 5つのアイデア  */
.rightContent {
  width: 580px;
  padding: 5px 0px 5px 30px;
  float: left;
}

.leftImage {
  float: right;
}

.imgLink2:hover {
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.subMenu li .subMenuLong {
  padding: 1px 10px 1px 10px;
}

.el_seminarBtnArea {
  position: absolute;
  top: 65px;
  right: 0;
}

.el_seminarBtnArea a {
  display: block;
  width: 252px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  background: url("../../img/elearning/btn_seminar.png") no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(166, 166, 166, 0.41);
}

.el_seminarBtnArea a:hover {
  background-position: -288px 0;
}

/*----------------------------------------------------
1612 eラーニングサイトリンクボタン追加
----------------------------------------------------*/
.elBtn {
  display: block;
  height: 39px;
  float: left;
  background: url("../../img/elearning/btn_ellink_hd.png") no-repeat;
}

#btn_el {
  width: 274px;
  background-position: 0 0;
}

#btn_el:hover {
  background-position: -292px 0;
}

/* HSのeラーニング */
.elBtn_bottom01 {
  display: block;
  width: 420px;
  height: 0px;
  padding-top: 47px;
  float: right;
  overflow: hidden;
  background: url("../../img/elearning/btn_ellink_bottom01.png") no-repeat;
  background-position: 0 0;
}

.elBtn_bottom01:hover {
  background-position: -438px 0;
}

/* サービス */
.elBtn_bottom02 {
  display: block;
  width: 420px;
  height: 0px;
  padding-top: 47px;
  float: right;
  overflow: hidden;
  background: url("../../img/elearning/btn_ellink_bottom02.png") no-repeat;
  background-position: 0 0;
}

.elBtn_bottom02:hover {
  background-position: -438px 0;
}

/* 内製化支援 */
.elBtn_bottom03 {
  display: block;
  width: 420px;
  height: 0px;
  padding-top: 47px;
  float: right;
  overflow: hidden;
  background: url("../../img/elearning/btn_ellink_bottom03.png") no-repeat;
  background-position: 0 0;
}

.elBtn_bottom03:hover {
  background-position: -438px 0;
}

/* 教材作成 */
.elBtn_bottom04 {
  display: block;
  width: 420px;
  height: 0px;
  padding-top: 47px;
  float: right;
  overflow: hidden;
  background: url("../../img/elearning/btn_ellink_bottom04.png") no-repeat;
  background-position: 0 0;
}

.elBtn_bottom04:hover {
  background-position: -438px 0;
}

/* 導入支援 */
.elBtn_bottom05 {
  display: block;
  width: 420px;
  height: 0px;
  padding-top: 47px;
  float: right;
  overflow: hidden;
  background: url("../../img/elearning/btn_ellink_bottom05.png") no-repeat;
  background-position: 0 0;
}

.elBtn_bottom05:hover {
  background-position: -438px 0;
}

/* 導入実績 */
.elBtn_bottom06 {
  display: block;
  width: 420px;
  height: 0px;
  padding-top: 47px;
  float: right;
  overflow: hidden;
  background: url("../../img/elearning/btn_ellink_bottom06.png") no-repeat;
  background-position: 0 0;
}

.elBtn_bottom06:hover {
  background-position: -438px 0;
}

/*
日本語翻訳・ローカリゼーション
ブログページ
*/
/* 一覧ページ */
.blog__post__item {
  padding-top: 20px;
  border-bottom: 1px solid #d5d5d5;
}

.blog__post__item:first-child {
  border-top: 1px solid #d5d5d5;
}

.blog__post__date {
  margin-bottom: 10px;
}

.blog__post__cat {
  display: inline-block;
  width: 87px;
  height: 26px;
  margin-left: 15px;
  background: #999999;
  color: #fff;
  font-size: 13px;
  line-height: 26px;
  text-align: center;
}

.blog__post__title {
  margin-bottom: 5px;
  padding-top: 0;
  font-size: 16px;
}

.serviceContents .blog__post__title {
  padding-top: 0;
}

.blog__post__title a {
  color: #4f85c5;
  text-decoration: none;
}

.blog__post__text {
  margin-bottom: 15px;
  font-size: 16px;
}

/* シングルページ */
.site-content-blog {
  overflow: hidden;
}

.site-content-blog #content {
  width: 600px;
  float: left;
}

@media screen and (max-width: 740px) {
  .site-content-blog #content {
    width: 100%;
    float: none;
  }
}

.site-content-blog #side {
  box-sizing: border-box;
  width: 260px;
  padding: 10px 20px;
  float: right;
  border: 1px solid #eee;
}

@media screen and (max-width: 740px) {
  .site-content-blog #side {
    width: 100%;
    margin-bottom: 10px;
    float: none;
  }
}

.site-content-blog #side .archive-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.site-content-blog #side .archive-title {
  margin-bottom: 10px;
  color: #1d579c;
  font-size: 150%;
  font-weight: normal;
  line-height: 1.7;
}

.site-content-blog #side .archive-content {
  margin-bottom: 5px;
  font-size: 12px;
}

.site-content-blog #side .archive-content a {
  color: #4f85c5;
  font-size: 12px;
}

.site-content-blog #side .archive-date {
  color: #bbb;
  font-size: 11px;
}

.site-content-blog .title {
  margin-bottom: 30px;
  padding-bottom: 5px;
  background: url("../img/line_m.gif") no-repeat bottom;
  font-size: 180%;
  font-weight: bold;
}

.site-content-blog .date {
  font-size: 13px;
}

.site-content-blog .date .cat {
  display: inline-block;
  width: auto;
  min-width: 80px;
  height: 26px;
  padding: 0 10px;
  margin-left: 15px;
  background: #999999;
  color: #fff;
  font-size: 13px;
  line-height: 26px;
  text-align: center;
}

.site-content-blog .another {
  margin: 30px 0;
  overflow: hidden;
}

.site-content-blog .another .another-btn {
  display: inline-block;
}

.site-content-blog .another .another-btn a {
  color: #4f85c5;
  font-size: 16px;
}

.site-content-blog .another .another-btn.previous {
  float: left;
}

.site-content-blog .another .another-btn.next {
  float: right;
}

.site-content-blog p {
  font-size: 16px;
}

/*----------------------------------------------------
システム開発
----------------------------------------------------*/
/*----------------------------------------------------
研修・セミナー
----------------------------------------------------*/
.seminar_td {
  padding: 5px 5px;
  border: 1px #ccc solid;
  background-color: #f4f4f4;
  text-align: center;
}

/*----------------------------------------------------
2017/05/11 セミナースケジュール　ドロップダウンメニュー
----------------------------------------------------*/
.dropmenuOpen {
  height: 50px;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (max-width: 740px) {
  .dropmenuOpen {
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.dropmenuOpen ul {
  *zoom: 1;
  margin: 5px auto 30px;
  padding: 0;
  list-style-type: none;
}

.dropmenuOpen ul li a:first-child {
  margin-right: 3px;
  background: #90bff7;
}

.dropmenuOpen ul li:nth-of-type(2) a {
  margin-right: 3px;
  background: #7f8aca;
}

.dropmenuOpen ul li:nth-of-type(3) a {
  margin-right: 3px;
  background: #b6d947;
}

.dropmenuOpen ul li ul li a {
  background: #fff !important;
}

.dropmenuOpen ul li ul li a:hover {
  background: #b8b8b8 !important;
  color: #fff;
}

@media screen and (max-width: 740px) {
  .dropmenuOpen ul {
    margin-bottom: 5px;
  }
}

.dropmenuOpen:before,
.dropmenuOpen:after {
  display: table;
  content: "";
}

.dropmenuOpen:after {
  clear: both;
}

.dropmenuOpen li {
  position: relative;
  width: 296.6px;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
}

@media screen and (max-width: 740px) {
  .dropmenuOpen li {
    margin: 10px auto;
    float: none;
  }
}

.dropmenuOpen li a {
  display: block;
  margin: 0;
  padding: 20px 0 20px;
  background: #4f86c6;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}

.dropmenuOpen li a:hover {
  background: #b8b8b8;
  color: #fff;
}

.dropmenuOpen li ul {
  z-index: 9999;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dropmenuOpen li ul li {
  width: 294px;
}

.dropmenuOpen li ul li p {
  padding: 13px 15px;
  border-right: 1px solid #4f86c6;
  border-bottom: 1px solid #4f86c6;
  border-left: 1px solid #4f86c6;
  background: #fff;
  color: #b8b8b8;
  text-align: left;
}

.dropmenuOpen li ul li a {
  padding: 13px 15px;
  border-right: 1px solid #4f86c6;
  border-bottom: 1px solid #4f86c6;
  border-left: 1px solid #4f86c6;
  background: #fff;
  color: #4f86c6;
  font-size: 14px;
  line-height: 17px;
  text-align: left;
}

.dropmenuOpen:hover > a {
  background: #ccc;
  color: #fff;
}

.accordionmenuOpen {
  margin-top: 10px;
}

.accordionmenuOpen > ul > li {
  margin-bottom: 10px;
}

.accordionmenuOpen > ul > li a {
  display: block;
  margin: 0;
  padding: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}

.accordionmenuOpen > ul > li ul li a {
  padding: 13px 15px;
  border: 1px solid #4f86c6;
  border-top: none;
  background: #fff;
  color: #4f86c6;
  font-size: 14px;
  line-height: 17px;
}

/*----------------------------------------------------
2017/05/16 セミナースケジュール　リスト
----------------------------------------------------*/
.head {
  padding: 10px 0 10px 10px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 740px) {
  .head {
    padding: 10px;
  }
  .head div center {
    text-align: left;
  }
}

.head div:nth-of-type(1) {
  width: 590px;
  float: left;
}

@media screen and (max-width: 740px) {
  .head div:nth-of-type(1) {
    width: 100%;
    border-bottom: 1px dotted #fff;
  }
}

.head div:nth-of-type(2) {
  margin-left: 590px;
  border-left: 1px dotted #fff;
}

@media screen and (max-width: 740px) {
  .head div:nth-of-type(2) {
    margin: 0 auto;
    border-left: none;
  }
}

.documentS {
  border-bottom: dotted 1px #90bff7;
  background-color: #90bff7;
}

.translationS {
  background-color: #7f8aca;
}

.elearningS {
  background-color: #b6d947;
}

.seminarslist {
  padding: 15px 0 15px 10px;
  overflow: auto;
  border-bottom: dotted 1px #90bff7;
}

.seminarslist div:nth-of-type(1) {
  width: 580px;
  float: left;
}

@media screen and (max-width: 740px) {
  .seminarslist div:nth-of-type(1) {
    width: 100%;
  }
}

.seminarslist div:nth-of-type(2) {
  margin-left: 670px;
}

@media screen and (max-width: 740px) {
  .seminarslist div:nth-of-type(2) {
    margin: 0 auto;
  }
}

/*----------------------------------------------------
2018/11/26 セミナースケジュール　アコーディオンリスト
----------------------------------------------------*/
.seminar_oldlist {
  margin: 0 auto;
  padding: 0;
}

.seminar_oldlist label {
  max-width: 100%;
  display: block;
  margin: 15px auto 0;
  padding: 10px 10px;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  color: #7f7f7f;
}

.seminar_oldlist label:hover {
  background: #dff0ff;
  transition: ease-in-out 0.4s;
}

.seminar_oldlist input {
  display: none;
}

.seminar_oldlist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.seminar_oldlist li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

#seminar_oldlist_bar01:checked ~ #documentold li,
#seminar_oldlist_bar02:checked ~ #translationold li,
#seminar_oldlist_bar03:checked ~ #elearningold li {
  max-height: 500px;
  opacity: 1;
}

/*----------------------------------------------------
人材派遣
----------------------------------------------------*/
/*----------------------------------------------------
事例紹介
----------------------------------------------------*/
.case_sort {
  margin-bottom: 30px;
}

.case_sort li {
  float: left;
}

.case_sort li a {
  display: block;
  width: 127px;
  height: 0;
  padding-top: 53px;
  overflow: hidden;
  background: url("../../img/case/btn_sort.png") no-repeat;
}

.case_sort li.case_all a {
  background-position: 0 0;
}

.case_sort li.case_all a:hover,
.case_sort li.case_all a.selected {
  background-position: 0 -60px;
}

.case_sort li.case_doc a {
  background-position: -127px 0px;
}

.case_sort li.case_doc a:hover,
.case_sort li.case_doc a.selected {
  background-position: -127px -60px;
}

.case_sort li.case_local a {
  background-position: -254px 0px;
}

.case_sort li.case_local a:hover,
.case_sort li.case_local a.selected {
  background-position: -254px -60px;
}

.case_sort li.case_mt a {
  background-position: -381px 0px;
}

.case_sort li.case_mt a:hover,
.case_sort li.case_mt a.selected {
  background-position: -381px -60px;
}

.case_sort li.case_elearning a {
  background-position: -508px 0px;
}

.case_sort li.case_elearning a:hover,
.case_sort li.case_elearning a.selected {
  background-position: -508px -60px;
}

.case_sort li.case_temp a {
  background-position: -635px 0px;
}

.case_sort li.case_temp a:hover,
.case_sort li.case_temp a.selected {
  background-position: -635px -60px;
}

.case_sort li.case_seminar a {
  background-position: -762px 0px;
}

.case_sort li.case_seminar a:hover,
.case_sort li.case_seminar a.selected {
  background-position: -762px -60px;
}

/* system */
/* .case_sort li.case_sys a{
	background-position: -508px 0px;
}

.case_sort li.case_sys a:hover,
.case_sort li.case_sys a.selected {
	background-position: -508px -60px;
} */
.case_list .case_item {
  position: relative;
  margin-bottom: 80px;
}

@media screen and (max-width: 740px) {
  .case_list .case_item {
    margin-bottom: 30px;
  }
}

.case_list li:last-child {
  border-bottom: none;
}

.case_m {
  margin: 15px 0 5px 0;
}

.case_clientName {
  margin-bottom: 20px;
  padding: 5px 0;
  border-top: solid 2px #4f86c6;
  border-bottom: dotted 1px #4f86c6;
  color: #4f86c6;
  font-size: 20px;
  font-weight: bold;
}

.case_clientName img {
  vertical-align: middle;
}

.case_thum {
  float: left;
}

.case_copy {
  width: 690px;
  margin-left: 20px;
  float: left;
}

.case_pjName {
  margin-right: 20px;
  float: left;
  font-size: 15px;
}

.case_pjName a {
  font-weight: bold !important;
}

.case_tag {
  float: left;
}

.case_link_detail {
  position: absolute;
  right: 0;
  bottom: 50px;
  font-size: 108%;
}

.case_detail_title {
  margin-bottom: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  font-size: 153.9%;
  font-weight: bold;
}

.case_detail_m {
  margin: 20px 0 10px 0;
  font-weight: bold;
}

.no-results {
  margin-top: 30px;
}

.no-results form {
  margin-top: 10px;
}

.left_column {
  width: 610px;
  margin-right: 60px;
  float: left;
}

@media screen and (max-width: 740px) {
  .left_column {
    width: 100%;
  }
}

.right_column {
  width: 220px;
  float: left;
}

@media screen and (max-width: 740px) {
  .right_column {
    width: 100%;
  }
}

.right_column .other_links dt {
  margin-bottom: 10px;
  padding-bottom: 3px;
  border-bottom: solid 2px #333;
  font-size: 123.1%;
}

.right_column .other_links dd li {
  margin-bottom: 5px;
  margin-left: 15px;
  text-indent: -15px;
}

.case_service_m {
  margin-bottom: 30px;
  padding: 10px 10px 10px 15px;
  background: url("../img/bg_service_m.gif") repeat;
}

.case_service_m .txtArea {
  float: left;
  font-size: 20px;
}

.case_service_m .btnArea {
  float: right;
}

.case_service_m .btnArea a {
  display: block;
  width: 195px;
  height: 0;
  padding-top: 31px;
  overflow: hidden;
  background: url("../../img/case/btn_experience.png") no-repeat 0 0;
}

.case_service_m .btnArea a.btn_doc {
  background-position: 0 0;
}

.case_service_m .btnArea a.btn_doc:hover {
  background-position: -200px 0;
}

.case_service_m .btnArea a.btn_loc {
  background-position: 0 -40px;
}

.case_service_m .btnArea a.btn_loc:hover {
  background-position: -200px -40px;
}

.case_service_m .btnArea a.btn_multi {
  background-position: 0 -80px;
}

.case_service_m .btnArea a.btn_multi:hover {
  background-position: -200px -80px;
}

.case_service_m .btnArea a.btn_el {
  background-position: 0 -120px;
}

.case_service_m .btnArea a.btn_el:hover {
  background-position: -200px -120px;
}

.case_service_m .btnArea a.btn_sys {
  background-position: 0 -160px;
}

.case_service_m .btnArea a.btn_sys:hover {
  background-position: -200px -160px;
}

.case_service_m .btnArea a.btn_onsite {
  background-position: 0 -200px;
}

.case_service_m .btnArea a.btn_onsite:hover {
  background-position: -200px -200px;
}

.case_service_m .btnArea a.btn_lms {
  background-position: 0 -240px;
}

.case_service_m .btnArea a.btn_lms:hover {
  background-position: -200px -240px;
}

/*20140425 追加*/
/* 2017/12/20 レイアウト改修*/
.case_list_v2 .content_li {
  margin-bottom: 10px;
  padding-top: 20px;
  border-bottom: 1px solid #dedede;
}

.case_list_v2 .logo {
  float: left;
  border: 1px solid #dedede;
}

@media screen and (max-width: 740px) {
  .case_list_v2 .logo {
    width: 210px;
    float: none;
  }
  .case_list_v2 .logo img {
    display: block;
    margin: 0 auto;
  }
}

.case_list_v2 p:nth-of-type(2) {
  font-weight: bold;
  line-height: 30px;
}

.case_list_v2 .title {
  padding-left: 242px;
}

@media screen and (max-width: 740px) {
  .case_list_v2 .title {
    padding-left: 0;
  }
}

.case_list_v2 .title a {
  font-weight: bold;
  text-decoration: underline;
}

/*----------------------------------------------------
よくあるご質問
----------------------------------------------------*/
.faq_q {
  padding: 20px 30px 20px 40px;
  border-top: solid 1px #ccc;
  border-bottom: dotted 1px #ccc;
  background: url("../img/icon_faq_q.gif") no-repeat left 15px;
  font-weight: bold;
  position: relative;
}

.faq_a {
  padding: 20px 0 20px 40px;
  background: url("../img/icon_faq_a.gif") no-repeat left 15px;
}

/*----------------------------------------------------
ニュース＆トピックス
----------------------------------------------------*/
.news_date {
  width: 220px;
  float: left;
}

@media screen and (max-width: 740px) {
  .news_date {
    margin-bottom: 10px;
    float: none;
  }
}

.news_tag {
  width: 145px;
  float: left;
}

@media screen and (max-width: 740px) {
  .news_tag {
    margin-bottom: 10px;
    float: none;
  }
}

.news_title {
  width: 495px;
  margin-left: 15px;
  float: left;
  text-indent: -15px;
}

@media screen and (max-width: 740px) {
  .news_title {
    box-sizing: border-box;
    width: 100%;
    padding-right: 10px;
  }
}

.news_row {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
  line-height: 30px;
}

@media screen and (max-width: 740px) {
  .news_row {
    padding: 5px 0;
    line-height: 1.8;
  }
}

.news_detail dt {
  width: 28%;
  float: left;
  font-size: 116%;
}

@media screen and (max-width: 740px) {
  .news_detail dt {
    width: 100%;
    margin-bottom: 10px;
    float: none;
  }
}

.news_detail dd {
  width: 70%;
  float: left;
}

@media screen and (max-width: 740px) {
  .news_detail dd {
    width: 100%;
    float: none;
  }
}

.backlink_area {
  padding-top: 15px;
  background-color: #fff;
}

@media screen and (max-width: 740px) {
  .backlink_area {
    padding-right: 10px;
  }
}

.backlink a {
  padding-left: 24px;
  background: url("../img/icon_backlink.gif") no-repeat left;
}

/*----------------------------------------------------
お悩み別ソリューション
----------------------------------------------------*/
/*----------------------------------------------------
会社情報
----------------------------------------------------*/
.business_leftArea,
.business_rightArea {
  width: 400px;
  float: left;
}

@media screen and (max-width: 740px) {
  .business_leftArea,
  .business_rightArea {
    width: 100%;
  }
}

h3.mt_0 {
  padding-top: 0;
}

.boardmember p {
  float: left;
}

.history_linkArea {
  padding: 15px;
  background-color: #f4f4f4;
}

.history_linkArea p {
  padding: 0 15px;
  float: left;
  border-left: 1px dotted #ccc;
}

.history_linkArea p.firstChild {
  border: none;
}

.company_msglink li {
  width: 170px;
  height: 67px;
  margin: 0 5px;
  float: left;
  overflow: hidden;
}

@media screen and (max-width: 740px) {
  .company_msglink li {
    margin: 0;
  }
}

.company_msglink li a {
  display: block;
  padding-top: 67px;
  background: url("../../img/company/link_message.png") no-repeat;
}

.company_msglink li a.link_kumazawa {
  background-position: 0 0;
}

.company_msglink li a.link_kumazawa:hover {
  background-position: 0 -80px;
}

.company_msglink li a.link_tomioka {
  background-position: -180px 0;
}

.company_msglink li a.link_tomioka:hover {
  background-position: -180px -80px;
}

.company_msglink li a.link_iwasaki {
  background-position: -360px 0;
}

.company_msglink li a.link_iwasaki:hover {
  background-position: -360px -80px;
}

.company_msglink li a.link_hayashi {
  background-position: -540px 0;
}

.company_msglink li a.link_hayashi:hover {
  background-position: -540px -80px;
}

.company_msglink li a.link_ishiguro {
  background-position: -720px 0;
}

.company_msglink li a.link_ishiguro:hover {
  background-position: -720px -80px;
}

/*----------------------------------------------------
サイトマップ
----------------------------------------------------*/
.sitemap_row {
  width: 270px;
  margin-left: 35px;
  float: left;
}

@media screen and (max-width: 740px) {
  .sitemap_row {
    width: 100%;
    margin-left: 0;
  }
}

.sitemap_row:first-child {
  margin-left: 0;
}

.sitemap_row dl {
  margin-bottom: 40px;
}

@media screen and (max-width: 740px) {
  .sitemap_row dl {
    margin-bottom: 10px;
  }
}

.sitemap_service {
  width: 580px;
  float: left;
}

@media screen and (max-width: 740px) {
  .sitemap_service {
    width: 100%;
  }
}

.sitemap_others {
  width: 268px;
  margin-left: 40px;
  float: left;
}

@media screen and (max-width: 740px) {
  .sitemap_others {
    width: 100%;
    margin-left: 0;
  }
}

.sitemap_serviceNm {
  margin-bottom: 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc;
  font-size: 116%;
  font-weight: bold;
}

.sitemap_service h3 {
  background: url("../img/line_m_580.gif") no-repeat bottom;
}

.sitemap_others h3 {
  background: url("../img/line_m_270.gif") no-repeat bottom left;
}

/*----------------------------------------------------
ビジネスパートナー
----------------------------------------------------*/
.partnerContents .contents_col2 dt {
  color: #333;
  font-size: 100%;
  font-weight: bold;
}

.contact_linkArea {
  padding: 30px 0;
  border-radius: 10px;
  background-color: #f7f7f7;
}

.contact_link {
  width: 380px;
  padding: 0 30px;
  float: left;
  border-left: 1px dotted #ccc;
}

.contact_link.firstChild {
  border: none;
}

.contact_link dt {
  margin-bottom: 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc;
}

.contact_link dt img {
  padding-right: 10px;
  vertical-align: bottom;
}

.staff_processStep {
  background-color: #f4f4f4;
}

.staff_processStep th {
  width: 144px;
  border-bottom: solid 15px #fff;
  background-color: #4f85c5;
  text-align: center;
}

.staff_processStep td {
  width: 706px;
  padding: 20px;
  border-bottom: solid 15px #fff;
}

/*----------------------------------------------------
お問い合わせ
----------------------------------------------------*/
.contactForm {
  width: 100%;
  margin-bottom: 20px;
  /*cellpadding:*/
}

.contact_col {
  border-bottom: 1px dotted #ccc;
}

.contact_col th {
  width: 200px;
  padding: 10px 20px 10px 10px;
  font-weight: bold;
}

@media screen and (max-width: 740px) {
  .contact_col th {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
  }
}

.contact_col td {
  padding: 10px 20px 10px 20px;
  border-left: 1px dotted #ccc;
}

@media screen and (max-width: 740px) {
  .contact_col td {
    display: block;
    padding: 5px 10px;
  }
  .contact_col td input {
    font-size: 14px;
    line-height: 1.875;
  }
}

.contact_col .wpcf7-list-item {
  display: block;
}

@media screen and (max-width: 740px) {
  .contact_col textarea {
    width: 100%;
  }
}

@media screen and (max-width: 740px) {
  .contactPage > p,
  .wpcf7-form > p {
    padding: 0 10px;
  }
}

.contact_submit {
  margin-top: 20px;
}

.wpcf7-submit {
  -webkit-appearance: none;
  zoom: 1;
  display: block;
  position: relative;
  width: 142px;
  height: 33px;
  padding-top: 33px;
  float: left;
  overflow: hidden;
  border: none;
  background-color: #fff;
  background-image: url("../img/btn_submit.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
}

.wpcf7-submit:hover {
  background-position: -150px 0;
}

.wpcf7-not-valid-tip-no-ajax {
  padding-left: 10px;
  color: red;
  font-weight: bold;
}

.wpcf7-validation-errors {
  padding-top: 10px;
  color: red;
  font-weight: bold;
}

form.wpcf7-form p.buttons-area-confirm {
  margin-top: 20px;
}

.button-confirm {
  zoom: 1;
  display: block;
  position: relative;
  width: 142px;
  height: 33px;
  padding-top: 33px;
  overflow: hidden;
  border: none;
  background-color: #fff;
  background-image: url("../img/btn_submit.png");
  background-position: 0 -40px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.button-confirm:hover {
  background-position: -150px -40px;
}

.button-rewrite {
  zoom: 1;
  display: block;
  position: relative;
  width: 142px;
  height: 33px;
  padding-top: 33px;
  float: left;
  overflow: hidden;
  border: none;
  background-color: #fff;
  background-image: url("../img/btn_submit.png");
  background-position: 0 -80px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.button-rewrite:hover {
  background-position: -150px -80px;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #2482c1 !important;
}

/*
 * 入力時に付加するclass
 */
form.wpcf7-form-mode-confirm th {
  /* 問い合わせページのプレビューで、<TH>の幅が広がりすぎるので  */
  width: 180px;
}

form.wpcf7-form ul.error-messages {
  margin-bottom: 10px;
  color: #cc0000;
}

form.wpcf7-form table tr.error td {
  background-color: #f5dfeb;
}

form.wpcf7-form table td span.wpcf7-form-control-wrap-confirm {
  color: green;
}

form.wpcf7-form p.buttons-area-confirm {
  margin-top: 20px;
}

form.wpcf7-form p.buttons-area .button-rewrite {
  margin-right: 20px;
}

form.wpcf7-form p.buttons-area .wpcf7-submit {
  margin-left: 20px;
}

/*
 * 確認時に付加するclass
 */
/*
 * 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ
 */
/*
 * 入力チェックに引っかかったときに tr.addClass('error')
 */
/*
 * プレビュー時のテキスト
 */
/*
 * ボタンエリア、確認へ
 */
/*
 * ボタンエリア、書き直す、送信（「書き直す」が加わるため位置調整）
 */
#fileresetBtn {
  margin-top: 5px;
}

/*----------------------------------------------------
特集ページお問い合わせエリア（共通）
----------------------------------------------------*/
.contactArea {
  width: 890px;
  margin: 0 auto;
  border: 5px solid #ededed;
  background-color: #ffffff !important;
}

@media screen and (max-width: 740px) {
  .contactArea {
    box-sizing: border-box;
    width: 100%;
  }
}

.contactArea .contact_tel {
  width: 49%;
  padding: 15px 0;
  float: left;
  border-right: 1px dotted #ccc;
}

@media screen and (max-width: 740px) {
  .contactArea .contact_tel {
    width: 100%;
    padding-top: 0;
    border-right: none;
    border-bottom: 1px dotted #ccc;
  }
}

.contactArea .contact_web {
  width: 50%;
  float: left;
}

@media screen and (max-width: 740px) {
  .contactArea .contact_web {
    width: 100%;
  }
}

.contactArea .contact_web dt {
  margin-left: 25px;
  padding: 15px 0;
  float: left;
}

@media screen and (max-width: 740px) {
  .contactArea .contact_web dt {
    margin-left: 0;
  }
}

.contactArea .contact_web dd {
  float: right;
  font-size: 13px;
}

@media screen and (max-width: 740px) {
  .contactArea .contact_web dd {
    float: none;
    font-size: 11px;
  }
}

.contactArea .contact_web p {
  font-size: 18px;
}

@media screen and (max-width: 740px) {
  .contactArea .contact_web p {
    font-size: 14px;
  }
}

.contactArea_inner {
  padding: 20px 20px 0 20px;
  border: 1px solid #fff;
  background-color: #f4f4f4;
}

/*--- 共通フッターお問合せテスト 5.2 ---*/
.contactArea2 {
  width: 890px;
  margin: 0 auto;
  border: 5px solid #ededed;
  background-color: #ffffff !important;
}

@media screen and (max-width: 740px) {
  .contactArea2 {
    box-sizing: border-box;
    width: 100%;
  }
}

.contactArea2 .contact_web {
  width: 50%;
  float: left;
}

@media screen and (max-width: 740px) {
  .contactArea2 .contact_web {
    width: 100%;
    margin-left: 2em;
  }
}

.contactArea2 .contact_web dt {
  margin-left: 25px;
  padding: 15px 0;
  float: left;
}

.contactArea2 .contact_web dd {
  float: right;
  font-size: 13px;
}

@media screen and (max-width: 740px) {
  .contactArea2 .contact_web dd {
    font-size: 11px;
  }
}

.contactArea2 .contact_web p {
  font-size: 18px;
}

@media screen and (max-width: 740px) {
  .contactArea2 .contact_web p {
    font-size: 14px;
  }
}

.contactArea2_inner {
  padding: 20px 20px 0 20px;
  border: 1px solid #fff;
  background-color: #f4f4f4;
}

.contactArea2_inner > p:first-child {
  font-size: 20px;
}

@media screen and (max-width: 740px) {
  .contactArea2_inner > p:first-child {
    font-size: 16px;
  }
}

.sp_telnot {
  display: block;
  width: 202px;
  height: 0;
  padding-top: 16px;
  overflow: hidden;
  background: url("../img/telno_t_sp.png") no-repeat;
}

.sp_telnon {
  display: block;
  width: 202px;
  height: 0;
  padding-top: 16px;
  overflow: hidden;
  background: url("../img/telno_n_sp.png") no-repeat;
}

/*--- 共通フッターお問合せテスト end ---*/
.contact_row01 {
  padding-bottom: 13px;
  border-bottom: 2px dotted #ccc;
  font-size: 15px;
}

.contact_row02 {
  padding: 15px 0;
}

.contact_row02 .contact_button {
  width: 45%;
  padding-bottom: 15px;
  float: left;
}

@media screen and (max-width: 740px) {
  .contact_row02 .contact_button {
    width: 100%;
  }
}

.sp_contactBtn {
  display: block;
  width: 232px;
  height: 0px;
  margin-top: 10px;
  padding-top: 47px;
  overflow: hidden;
  background: url("../img/btn_contact_bottom.png") no-repeat;
  background-position: 0 0;
}

.sp_contactBtn:hover {
  background-position: -250px 0;
}

@media screen and (max-width: 740px) {
  .sp_contactBtn {
    margin: 0 auto;
  }
}

.contact_tel dt {
  float: left;
}

.contact_tel dd {
  margin-right: 20px;
  float: right;
}

.contact_pagein {
  width: 287px;
  margin: 0 65px;
  padding: 9px 5px;
  border-radius: 5px;
  background: #f79f19;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 740px) {
  .contact_pagein {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
  }
}

.contact_pagein:hover {
  background: #ffca79;
}

.sp_telno {
  display: block;
  width: 202px;
  height: 0;
  padding-top: 16px;
  overflow: hidden;
  background: url("../img/telno_sp.png") no-repeat;
}

.sp_ideaList {
  padding: 20px 0 0 20px;
  background: url("../img/bg_sp_contents.png") repeat;
}

@media screen and (max-width: 740px) {
  .sp_ideaList {
    padding: 10px 0;
  }
}

.sp_ideaList li {
  position: relative;
  width: 235px;
  height: 600px;
  margin: 0 12px 20px 0;
  padding: 20px;
  float: left;
  background-color: #fff;
}

@media screen and (max-width: 740px) {
  .sp_ideaList li {
    height: auto;
    margin: 10px auto;
    float: none;
  }
}

.sp_ideaList li h4 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

.sp_ideaList_ml li {
  height: 330px !important;
}

.detailBtn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -81px;
}

.detailBtn a {
  display: block;
  width: 162px;
  height: 0;
  padding-top: 28px;
  overflow: hidden;
  background: url("../img/btn_detail.png") no-repeat;
}

.detailBtn a:hover {
  background-position: -170px 0;
}

@media screen and (max-width: 740px) {
  .detailBtn a {
    margin: 0 auto;
  }
}

@media screen and (max-width: 740px) {
  .detailBtn {
    position: static;
    margin-top: 20px;
    margin-left: 0;
    text-align: center;
  }
}

/*----------------------------------------------------
外部スタッフ・翻訳者募集ページ
----------------------------------------------------*/
.anchorLink {
  padding-top: 1px;
  padding-right: 1px;
  background: url("../../img/partner/icon_arrow.gif") no-repeat;
}

/*----------------------------------------------------
2016/09/26 外部スタッフ　ドロップダウンメニュー追記
----------------------------------------------------*/
.dropmenu {
  *zoom: 1;
  margin: 5px auto 30px;
  padding: 0;
  list-style-type: none;
}

@media screen and (max-width: 740px) {
  .dropmenu {
    margin: 0 auto;
  }
}

.dropmenu:before,
.dropmenu:after {
  display: table;
  content: "";
}

.dropmenu:after {
  clear: both;
}

.dropmenu li {
  position: relative;
  width: 50%;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
}

@media screen and (max-width: 740px) {
  .dropmenu li {
    width: 100%;
    margin: 10px 0;
  }
}

.dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #4f86c6;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}

.dropmenu li ul {
  z-index: 9999;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dropmenu li ul li {
  width: 99%;
}

.dropmenu li ul li a {
  padding: 13px 15px;
  border-right: 1px solid #4f86c6;
  border-bottom: 1px solid #4f86c6;
  border-left: 1px solid #4f86c6;
  background: #fff;
  color: #4f86c6;
  text-align: left;
}

.dropmenu li ul li a:hover {
  background: #4f86c6;
  color: #fff;
}

.dropmenu li ul li:hover > a {
  background: #ccc;
  color: #fff;
}

#fade-in li ul {
  visibility: hidden;
  top: 50%;
  opacity: 0;
  transition: 0.5s;
}

@media screen and (max-width: 740px) {
  #fade-in li ul {
    display: none;
  }
}

#fade-in li:hover ul {
  visibility: visible;
  top: 100%;
  opacity: 1;
}

.accordion-menu {
  margin-bottom: 10px;
}

.accordion-menu > li a {
  display: block;
  margin: 0;
  padding: 10px;
  background: #4f86c6;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}

.accordion-menu > li ul li a {
  padding: 13px 15px;
  border: 1px solid #4f86c6;
  border-top: none;
  background: #fff;
  color: #4f86c6;
}

/*----------------------------------------------------
154 余白追記
----------------------------------------------------*/
.ml_sp {
  margin-bottom: 0 !important;
  padding: 0 0 15px 40px;
  color: #4587a3 !important;
  font-size: 22px;
  font-weight: bold;
}

.ml_sp_01 {
  background: url("../../img/m_localization/icon_sp_01.png") no-repeat;
}

.ml_sp_02 {
  background: url("../../img/m_localization/icon_sp_02.png") no-repeat;
}

.ml_sp_03 {
  background: url("../../img/m_localization/icon_sp_03.png") no-repeat;
}

.ml_sp_04 {
  background: url("../../img/m_localization/icon_sp_04.png") no-repeat;
}

.ml_sp_05 {
  background: url("../../img/m_localization/icon_sp_05.png") no-repeat;
}

.sp_tate .txtArea {
  float: left;
}

@media screen and (max-width: 740px) {
  .sp_tate .txtArea {
    float: none;
  }
}

.sp_tate .imgArea {
  margin: 30px 20px 0 0;
  float: right;
}

@media screen and (max-width: 740px) {
  .sp_tate .imgArea {
    margin: 10px auto;
    float: none;
  }
  .sp_tate .imgArea img {
    display: block;
    margin: 0 auto;
  }
}

.sp_tate .detailBtn {
  position: relative;
  top: 0;
  left: 0;
  margin: 20px 0 0 0;
}

.box_list li {
  padding-left: 25px;
  background: url("../img/icon_box.png") no-repeat left center;
}

/*----------------------------------------------------
機械翻訳導入支援
----------------------------------------------------*/
/*-----------ソフト評価 ステップ-----------*/
.step {
  display: table;
  width: 97%;
  height: 70px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}

.step li {
  display: table-cell;
  position: relative;
  padding: 9px 1px 9px 64px;
  background: #4f86c6;
  color: #fff;
  font-size: 17.1px;
  text-align: center;
  vertical-align: middle;
}

.step li:last-child {
  padding-right: 1em;
}

.step li:last-child:before,
.step li:last-child:after {
  display: none;
}

@media screen and (max-width: 740px) {
  .step li:last-child {
    padding: 10px;
  }
}

.step li:before,
.step li:after {
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
}

.step li:before {
  z-index: 10;
  top: -20px;
  right: -3.99em;
  border-width: 73px 0 73px 4.5em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 740px) {
  .step li:before {
    display: none;
  }
}

.step li:after {
  z-index: 10;
  top: -20px;
  right: -3.5em;
  border-width: 73px 0 73px 4.5em;
  border-style: solid;
  border-color: transparent transparent transparent #4f86c6;
}

@media screen and (max-width: 740px) {
  .step li:after {
    display: none;
  }
}

.step li.is-current {
  width: 25%;
}

.step > li:first-child {
  padding: 1em 1.5em 1em 3em;
}

@media screen and (max-width: 740px) {
  .step > li:first-child {
    padding: 10px;
  }
}

.step > li:nth-child(3) {
  padding: 1em 1.5em 1em 6em;
}

@media screen and (max-width: 740px) {
  .step > li:nth-child(3) {
    padding: 10px;
  }
}

.step1 {
  display: table;
  width: 100%;
  height: 30px;
  margin-bottom: 5px;
  margin-left: 30px;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}

.step1 li {
  display: table-cell;
  position: relative;
  width: 75%;
  padding: 0.3em 0em 0.2em 0em;
  background: #f8a72c;
  color: #fff;
  font-size: 130%;
  text-align: center;
}

.step1 li:last-child {
  padding-right: 1em;
}

.step1 li:last-child:before,
.step1 li:last-child:after {
  display: none;
}

.step1 li:before,
.step1 li:after {
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
}

.step1 li:before {
  z-index: 1;
  border-color: transparent transparent transparent #4f86c6;
}

.step1 li:after {
  z-index: 6;
  top: -47.5px;
  right: -16px;
  border-width: 74px 0 67px 47px;
  border-style: solid;
  border-color: transparent transparent transparent #f8a72c;
}

.step1 li.is-current {
  width: 25%;
}

/*トライアルボタン*/
.bt_trial {
  background: #f79f19;
}

.bt_trial:hover {
  background: #ffc874;
}

.nmtFlexBox {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 740px) {
  .nmtFlexBox {
    flex-wrap: wrap;
  }
}

.nmtFlexBox .item {
  width: 30%;
  margin-right: 20px;
  padding-right: 20px;
  border-right: dotted 1px #ccc;
}

.nmtFlexBox .item:last-child {
  margin-right: 40px;
  padding-right: 0;
  border-right: none;
}

@media screen and (max-width: 740px) {
  .nmtFlexBox .item {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  .nmtFlexBox .item:last-child {
    margin-right: 0;
  }
}

iframe[src*="youtube"] {
  width: 560px;
  height: 315px;
}

@media screen and (max-width: 740px) {
  iframe[src*="youtube"] {
    width: 100%;
    height: auto;
  }
}

.nmtExperienceFlexBox {
  width: 28%;
  margin-right: 40px;
  float: left;
}

@media screen and (max-width: 740px) {
  .nmtExperienceFlexBox {
    width: 100%;
  }
}

video {
  max-width: 100%;
}

.nmtMeritBox {
  margin-left: 200px;
}

@media screen and (max-width: 740px) {
  .nmtMeritBox {
    margin-left: 0;
  }
}

.nmtMeritBox div:first-child {
  width: 34%;
  margin-right: 20px;
  padding-right: 20px;
  float: left;
}

@media screen and (max-width: 740px) {
  .nmtMeritBox div:first-child {
    width: 100%;
  }
}

.nmtMeritBox div:nth-child(2) {
  width: 34%;
  margin-right: 40px;
  float: left;
}

@media screen and (max-width: 740px) {
  .nmtMeritBox div:nth-child(2) {
    width: 100%;
  }
}

.nmtSampleBox > div {
  width: 45%;
  padding: 13px;
  float: left;
  border: 1px #4f86c6 solid;
  border-radius: 10px;
}

.nmtSampleBox > div:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 740px) {
  .nmtSampleBox > div {
    box-sizing: border-box;
    width: 100%;
  }
  .nmtSampleBox > div:first-child {
    margin-bottom: 20px;
  }
}

.nmtBeforeSteps p {
  width: 790px;
}

@media screen and (max-width: 740px) {
  .nmtBeforeSteps p {
    width: 100%;
  }
}

.nmtAfterSteps {
  margin-top: 10px;
}

.nmtAfterSteps div:first-child {
  width: 260px;
  float: left;
}

@media screen and (max-width: 740px) {
  .nmtAfterSteps div:first-child {
    width: 100%;
    margin-bottom: 10px;
    float: none;
  }
}

.nmtAfterSteps div:nth-child(2) {
  width: 295px;
  float: left;
}

@media screen and (max-width: 740px) {
  .nmtAfterSteps div:nth-child(2) {
    width: 100%;
    margin-bottom: 10px;
    float: none;
  }
}

/*nmtSolutionFlexBox修正 181204 */
.nmtSolutionFlexBox {
  display: flex;
}

.nmtSolutionFlexBox div {
  width: 48%;
  float: left;
  margin-right: 20px;
}

.nmtSolutionFlexBox div a {
  display: block;
  padding: 12px 20px;
  background: #edf4fe;
  box-shadow: 0px 2px 2px 0px #e8e8e8;
  border-radius: 5px;
}

.nmtSolutionFlexBox div a:hover {
  box-shadow: 0px 2px 6px 0px #8e8e8e;
  background: #c2dbff;
  transition: 0.5s;
}

.nmtSolutionFlexBox div p:first-child {
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  color: #4f86c6;
}

.nmtSolutionFlexBox div p:nth-of-type(3) {
  margin-top: 10px;
}

.nmtSolutionFlexBox .menu01 {
  text-align: center;
  margin: 0 0 5px 0;
}

.nmtSolutionFlexBox .menu01 img {
  background: #fff;
  padding: 10px 0 12px;
}

.nmtSolutionFlexBox .menu02 p:first-child {
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  color: #4f86c6;
  line-height: 27px;
}

.nmtSolutionFlexBox .menu02 p:nth-of-type(2) {
  text-align: center;
  margin: 10px 0;
}

.nmtSolutionFlexBox .menu02 p:nth-of-type(2) img {
  background: #fff;
  padding: 7px 15px;
}

.nmtSolutionFlexBox .menu03 p:first-child {
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  color: #4f86c6;
}

.nmtSolutionFlexBox .menu03 p:nth-of-type(2) {
  text-align: center;
  margin: 15px 0 20px;
}

.nmtSolutionFlexBox .menu04 {
  margin: 0 auto;
}

.nmtSolutionFlexBox .menu04 p:first-child span {
  font-size: 70%;
  font-weight: 100;
}

.nmtSolutionFlexBox .menu04 p:nth-of-type(2) {
  text-align: center;
  margin: 12px 0;
}

.nmtSolutionFlexBox .menu04 p:nth-of-type(2) img {
  background: #fff;
  padding: 5px 10px;
}

@media screen and (max-width: 740px) {
  .nmtSolutionFlexBox {
    display: unset;
  }

  .nmtSolutionFlexBox div {
    width: 100%;
    margin-bottom: 20px;
  }

  .nmtSolutionFlexBox .menu01 {
    margin: 3px 0 0 0;
  }

  .nmtSolutionFlexBox .menu02 p:first-child {
    line-height: 20px;
  }

  .nmtSolutionFlexBox .menu03 p:nth-of-type(2) {
    margin: 10px 0;
  }

  .nmtSolutionFlexBox .menu04 p:first-child span {
    font-size: 80%;
  }
}

/*
.nmtSolutionFlexBox {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.nmtSolutionFlexBox div {
  float: left;
}

.nmtSolutionFlexBox div:first-child {
  margin-right: 5px;
}

@media screen and (max-width: 740px) {
  .nmtSolutionFlexBox div:first-child {
    margin: 10px auto;
  }
}

@media screen and (max-width: 740px) {
  .nmtSolutionFlexBox div {
    width: 281px;
    margin: 10px auto;
    float: none;
  }
  .nmtSolutionFlexBox div p:last-child {
    text-align: center;
  }
}

.nmtSolutionFlexBox div .mntBtn {
  display: block;
  height: 340px;
  float: left;
  background: url(https://www.science.co.jp/wordpress/wp-content/themes/humanscience/img/nmt/mtbtnback.png) no-repeat;
}

@media screen and (max-width: 740px) {
  .nmtSolutionFlexBox div .mntBtn {
    height: auto;
  }
}

.nmtSolutionFlexBox div #btn_case1 {
  width: 281px;
  background-position: 0 0;
}

.nmtSolutionFlexBox div #btn_case1:hover {
  background-position: -297px 0;
}

@media screen and (max-width: 740px) {
  .nmtSolutionFlexBox {
    flex-wrap: wrap;
  }
}
*/

.nmtSolutionFlexBox2 {
  display: flex;
  justify-content: center;
}

.nmtSolutionFlexBox2 div {
  margin-right: 40px;
  float: left;
}

@media screen and (max-width: 740px) {
  .nmtSolutionFlexBox2 div {
    width: 281px;
    margin: 10px auto;
  }
}

.nmtSolutionFlexBox2 div .mntBtn {
  display: block;
  height: 340px;
  float: left;
  background: url(https://www.science.co.jp/wordpress/wp-content/themes/humanscience/img/nmt/mtbtnback.png)
    no-repeat;
}

@media screen and (max-width: 740px) {
  .nmtSolutionFlexBox2 div .mntBtn {
    height: auto;
  }
}

.nmtSolutionFlexBox2 div #btn_case1 {
  width: 281px;
  background-position: 0 0;
}

.nmtSolutionFlexBox2 div #btn_case1:hover {
  background-position: -297px 0;
}

@media screen and (max-width: 740px) {
  .nmtSolutionFlexBox2 {
    flex-wrap: wrap;
  }
}

/*----------------------------------------------------
オレンジボタン
----------------------------------------------------*/
.serviceMainArea {
  border-bottom: solid 1px #ccc;
  box-shadow: 0px 2px 3px #ddd inset;
}

.serviceMainArea .wrapper02 {
  height: 280px;
}

.noimgMainArea {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 2px 3px #ddd inset;
}

.caseMainArea,
.newsMainArea {
  height: 200px;
  box-shadow: 0px 2px 3px #ddd inset;
}

@media screen and (max-width: 740px) {
  .caseMainArea,
  .newsMainArea {
    height: auto;
  }
}

.blogMainArea {
  height: 250px;
}

@media screen and (max-width: 740px) {
  .blogMainArea {
    height: auto;
  }
}

.blogMainArea .serviceBtnArea {
  margin-top: 15px;
}

@media screen and (max-width: 740px) {
  .blogMainArea .serviceBtnArea {
    width: 337px;
    margin: 0 auto;
    margin-bottom: 7px;
  }
}

.documentMain {
  background: url("../../img/document/img_main.jpg") no-repeat 50% 0;
}

.caseMainArea {
  background: url("../../img/case/img_main.jpg") no-repeat 50% 0;
}

.newsMainArea {
  background: url("../../img/news/img_main.jpg") no-repeat 50% 0;
}

.localizationMain {
  background: url("../../img/localization/img_main.jpg") no-repeat 50% 0;
}

.elearningMain {
  background: url("../../img/elearning/img_main.jpg") no-repeat 50% 0;
}

.m_localizationMain {
  background: url("../../img/m_localization/img_main.jpg") no-repeat 50% 0;
}

.systemMain {
  background: url("../../img/system/img_main.jpg") no-repeat 50% 0;
}

.onsiteMain {
  background: url("../../img/onsite/img_main.jpg") no-repeat 50% 0;
}

.seminarMain {
  background: url("../../img/seminar/img_main.jpg") no-repeat 50% 0;
}

.companyMain {
  background: url("../../img/company/img_main.jpg") no-repeat 50% 0;
}

.nmtMain {
  background: url(../../img/nmt/img_main.jpg) no-repeat 50% 0;
}

.medicalMain {
  background: url(../../img/medical/img_main.jpg) no-repeat 50% 0;
}

.moodleMain {
  background: url("../../img/moodle/img_main.jpg?d=191210") no-repeat 50% 0;
}

.partnerMain {
  height: 200px;
  background: url("../../img/partner/img_main_partner.jpg") no-repeat 50% 0;
  box-shadow: 0px 2px 3px #ddd inset;
}

@media screen and (max-width: 740px) {
  .partnerMain {
    height: auto;
    background-color: #eee;
    background-image: none;
  }
}

@media screen and (max-width: 740px) {
  .documentMain,
  .caseMainArea,
  .newsMainArea {
    background-image: none;
  }
  .caseMainArea .wrapper02,
  .newsMainArea .wrapper02 {
    width: 100%;
    margin: 0;
  }
  .serviceMainArea .wrapper02,
  .noimgMainArea .wrapper02 {
    position: relative;
    width: 100%;
    height: auto;
  }
  .m_localizationMain,
  .elearningMain,
  .systemMain,
  .onsiteMain,
  .seminarMain,
  .localizationMain,
  .nmtMain,
  .moodleMain,
  .medicalMain {
    background: none;
  }
}

.breadcrumb {
  padding-top: 10px;
}

@media screen and (max-width: 740px) {
  .breadcrumb {
    display: none;
  }
}

.serviceTtl {
  width: 455px;
  margin-top: 40px;
  margin-bottom: 15px;
  border-bottom: solid 1px #dedede;
  font-size: 30px;
}

@media screen and (max-width: 740px) {
  .serviceTtl {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
    border-bottom: none;
    background: #eee;
    color: #000;
    font-size: 20px;
  }
  .serviceTtl .txt_blue {
    color: #000;
  }
}

.noimgMainArea .serviceTtl {
  width: 890px;
  margin: 40px 0 0 0;
  border: none;
  font-size: 30px;
}

@media screen and (max-width: 740px) {
  .noimgMainArea .serviceTtl {
    width: auto;
    margin: 0;
    font-size: 20px;
  }
}

.underTtlTxt {
  font-size: 116%;
}

@media screen and (max-width: 740px) {
  .underTtlTxt {
    display: none;
  }
}

.orange_button {
  background: #f79f19;
}

.orange_button:hover {
  background: #ffca79;
}

.man_seminarBtnArea {
  position: absolute;
  top: 65px;
  right: 0;
}

.man_seminarBtnArea a {
  display: block;
  width: 252px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  background: url("../../img/document/btn_seminar.png") no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(166, 166, 166, 0.41);
}

.man_seminarBtnArea a:hover {
  background-position: -288px 0;
}

@media screen and (max-width: 740px) {
  .man_seminarBtnArea {
    position: static;
  }
  .man_seminarBtnArea a {
    margin: 5px auto;
  }
}

.man_movieBtnArea {
  position: absolute;
  top: 120px;
  right: 0;
}

.man_movieBtnArea a {
  display: block;
  width: 252px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  background: url("../../img/document/btn_movie.png") no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(166, 166, 166, 0.41);
}

.man_movieBtnArea a:hover {
  background-position: -288px 0;
}

@media screen and (max-width: 740px) {
  .man_movieBtnArea {
    position: static;
  }
  .man_movieBtnArea a {
    margin: 5px auto;
  }
}

.mt_seminarBtnArea {
  position: absolute;
  top: 237px;
  right: 66px;
}

.mt_seminarBtnArea a {
  display: block;
  width: 252px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  background: url("../../img/nmt/btn_ltblog.png") no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(166, 166, 166, 0.41);
}

@media screen and (max-width: 740px) {
  .mt_seminarBtnArea {
    position: static;
  }
  .mt_seminarBtnArea a {
    margin: 5px auto;
  }
}

.ml_seminarBtnArea a:hover {
  background-position: -288px 0;
}

/* hd用ボタン */
.hd_ctt_button {
  width: 280px;
  margin: 0 auto;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

/* service用ボタン */
.service_ctt_button {
  width: 280px;
  margin: 0 65px;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

/* MTページ用ボタン */
.pagein_ctt_button {
  width: 280px;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
}

/* MTページ用ボタン */
.pagein_ctt_button_02 {
  width: 340px;
  padding: 10px 2em;
  border-radius: 5px;
  text-align: center;
}

@media screen and (max-width: 740px) {
  .pagein_ctt_button_02 {
    width: 100%;
    padding: 5px 2em;
  }
}

/*----------------------------------------------------
LTblog hd  ボタン追加
----------------------------------------------------*/
.mt2Btn {
  display: block;
  width: 337px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  background: url(../../img/nmt/btn_nmt.png) no-repeat 0 0;
}

#btn_mtblog {
  width: 337px;
  background-position: 0 0;
}

#btn_mtblog:hover {
  background-position: -365px 0;
}

.subMenu {
  position: absolute;
  bottom: -1px;
  left: 0;
}

@media screen and (max-width: 740px) {
  .subMenu {
    position: static;
  }
}

.subMenu li {
  margin-right: 3px;
  float: left;
  border: solid 1px #ccc;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #4f86c6;
  text-align: center;
  cursor: pointer;
}

@media screen and (max-width: 740px) {
  .subMenu li {
    position: relative;
    width: 50%;
    margin-right: 0;
    padding: 0;
    border: none;
  }
}

.subMenu li a {
  display: block;
  padding: 10px 10px;
  color: #fff;
  font-weight: bold;
}

@media screen and (max-width: 740px) {
  .subMenu li a {
    display: block;
    border: 1px solid #ccc;
    border-bottom: none;
    border-left: none;
    /*padding: 28px;*/
    background: #fff;
    background-size: 10px auto;
    color: #4f86c6;
    font-size: 10px;
    text-align: left;
  }
  .subMenu li a span.spOnly {
    display: inline !important;
  }
  .subMenu li a:after {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 10px;
    height: 13px;
    margin-right: 10px;
    background: url(../../img/sp/arrow_link.png) no-repeat right center;
    background-size: 10px auto;
    content: "";
  }
}

.subMenu li:hover,
.subMenu li.selected {
  border-bottom-color: #fff;
  background-color: #fff;
}

.subMenu li:hover a,
.subMenu li.selected a {
  color: #4f86c6;
}

@media screen and (max-width: 740px) {
  .subMenu li.selected a {
    background: #ccc;
  }
  .subMenu li:nth-child(even) a {
    border-right: none;
  }
}

.serviceBtnArea {
  margin-top: 15px;
}

@media screen and (max-width: 740px) {
  .serviceBtnArea {
    width: 115px;
    margin: 0 auto;
    margin-bottom: 7px;
  }
}

.serviceBtn {
  display: block;
  height: 39px;
  float: left;
  background: url("../img/btn.png") no-repeat;
}

@media screen and (max-width: 740px) {
  .serviceBtn .mr_015 {
    margin-right: 0 !important;
  }
}

#btn_case {
  width: 115px;
  background-position: 0 0;
}

#btn_case:hover {
  background-position: 0 -50px;
}

@media screen and (max-width: 740px) {
  #btn_case {
    margin: 0 auto;
  }
}

#btn_trial {
  width: 268px;
  background-position: -128px 0;
}

@media screen and (max-width: 740px) {
  #btn_trial {
    margin-top: 15px;
  }
}

#btn_trial:hover {
  background-position: -128px -50px;
}

.staff_processBtnArea {
  position: absolute;
  top: 65px;
  right: 0;
  /*外部スタッフ・翻訳者募集*/
}

.staff_processBtnArea a {
  display: block;
  width: 272px;
  height: 0;
  margin: 0 auto;
  padding-top: 38px;
  overflow: hidden;
  background: url("../../img/company/btn_staff.png") no-repeat 0 0;
}

.staff_processBtnArea a:hover {
  background-position: -300px 0;
}

@media screen and (max-width: 740px) {
  .staff_processBtnArea {
    position: static;
    padding-bottom: 10px;
  }
}

.loc_tomtBtnArea {
  position: absolute;
  top: 120px;
  right: 0;
}

.loc_tomtBtnArea a {
  display: block;
  width: 252px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  background: url("../../img/localization/btn_mt.png") no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(166, 166, 166, 0.41);
}

.loc_tomtBtnArea a:hover {
  background-position: -288px 0;
}

@media screen and (max-width: 740px) {
  .loc_tomtBtnArea {
    position: static;
  }
  .loc_tomtBtnArea a {
    margin: 5px auto;
  }
}

.loc_t5sBtnArea {
  position: absolute;
  top: 65px;
  right: 0;
}

.loc_t5sBtnArea a {
  display: block;
  width: 252px;
  height: 0;
  padding-top: 38px;
  overflow: hidden;
  background: url("../../img/localization/btn_t5s.png") no-repeat 0 0;
  box-shadow: 1px 1px 10px rgba(166, 166, 166, 0.41);
}

.loc_t5sBtnArea a:hover {
  background-position: -288px 0;
}

@media screen and (max-width: 740px) {
  .loc_t5sBtnArea {
    position: static;
  }
  .loc_t5sBtnArea a {
    margin: 5px auto;
  }
}

.introductionArea {
  /*padding: 30px;*/
  padding: 15px;
}

@media screen and (max-width: 740px) {
  .introductionArea {
    padding: 10px;
  }
}

.subMenuArea {
  position: relative;
  width: 890px;
  height: 50px;
  margin: 0 auto;
}

@media screen and (max-width: 740px) {
  .subMenuArea {
    width: 100%;
    height: auto;
  }
}

/*# sourceMappingURL=layout.css.map */

/*実績-----------------------------------------------------------*/
.lm2_result.documentPage {
  /*background: #f5f8fa;
	padding-bottom: 100px;
	padding-top: 10px;*/
}
.lm2_result.documentPage .lm2_resultBox {
  /*width: 1000px;*/
  box-sizing: border-box;
  background: #fff;
  /*border-top: 2px solid #4270a6;*/
  padding: 0 40px 20px 40px;
  margin: 0 auto;
}
.lm2_result.documentPage h2 {
  /*text-align: center;*/
}
.lm2_result.documentPage h2 span {
  font-size: 34px;
  display: inline;
}
.lm2_result.documentPage h4 {
  text-align: center;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-size: 20px;
  color: #4c7db7;
}
.lm2_result.documentPage h4:before {
  content: "";
  width: 300px;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 18px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,4c7db7+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #ffffff 0%,
    #a5bedb 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #ffffff 0%,
    #a5bedb 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #ffffff 0%,
    #a5bedb 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4c7db7',GradientType=1 ); /* IE6-9 */
}
.lm2_result.documentPage h4:after {
  content: "";
  width: 300px;
  height: 1px;
  display: block;
  position: absolute;
  right: 0;
  top: 18px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c7db7+0,ffffff+100 */
  background: #a5bedb; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #a5bedb 0%,
    #ffffff 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #a5bedb 0%,
    #ffffff 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #a5bedb 0%,
    #ffffff 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c7db7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
/*.font-mincho {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"ヒラギノ角ゴ Pro W3", メイリオ,Meiryo,serif;
}*/
.documentPage a .hd_ctt_button {
  font-size: 130% !important;
  margin: 20px auto 60px auto;
}

.point5new {
  text-align: center;
  margin-top: 30px;
}
.point5new li {
  display: inline-block;
  width: 250px;
  margin-right: 30px;
  margin-bottom: 30px;
}
.point5new li a {
  display: block;
}
.point5new li a:hover {
  opacity: 0.75;
}
.point5new img {
}
.point5new .head-txt {
  margin: 5px 0;
  font-weight: bold;
}
.point5new .head-txt span {
  position: relative;
  padding-right: 20px;
}
.point5new .head-txt span:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 4px;
  line-height: 1;
  color: #4f86c6;
  font-size: 12px;
  font-weight: bold;
}
.point5new .head-txt + p {
  padding: 0 10px;
  line-height: 1.7;
}
.point5new li:nth-child(3n) {
  margin-right: 0;
}
.imgiconBox {
  text-align: center;
  display: block;
  background: #dde7f5;
}

/*181025----------------------------------------------*/
.pc-hide {
  display: none;
}
.sp-hide {
  display: inline;
}
.lm2_reasonBox.clearfix {
  margin-top: 20px;
}
.lm2_reasonBox img {
  float: left;
  width: 200px;
  margin-right: 20px;
  /* display: block; */
  /* overflow: hidden; */
}
.lm2_reasonBox + .lm2_reasonBox {
  border-top: 1px dotted #ccc;
  padding-top: 20px;
}
.lm2_reasonBox .txt {
  float: left;
  width: 670px;
  font-size: 14px;
}
.lm2_reasonBox h4 {
  font-weight: bold;
  font-size: 16px;
}
.lm2_reasonBox h4 span {
  font-size: 14px;
  font-weight: normal;
  margin-left: 20px;
}
.lm2_reasonBox .inner {
  margin-top: 10px;
  padding: 10px;
  background: #f8f8f8;
}
.lm2_reasonBox .inner strong {
  display: block;
}
.document_reason .pt0 {
  padding-top: 0 !important;
}
.lm2_reason2 img {
  float: right;
  width: 260px;
}
.lm2_reason2 img {
  float: right;
  width: 260px;
}
.lm2_reason2 dd img {
  float: none;
  width: auto;
}
dl.lm2_reason_result {
  border: 1px solid #ddd;
  padding: 20px;
  text-align: center;
  margin-top: 20px;
}
dl.lm2_reason_result dt {
  font-weight: bold;
}
a.modal-open .btn {
  font-weight: bold;
  background: #f79f19;
  border-radius: 4px;
  padding: 10px 20px;
  display: block;
  width: 300px;
  margin: 10px auto 0;
  color: #fff;
  font-size: 16px;
}
a.modal-open .btn:hover {
  opacity: 0.7;
}
/*ポップアップ-----------------------------------------------------------*/
.document_reason .modal-content {
  position: fixed;
  display: none;
  width: 950px;
  box-sizing: border-box;
  margin: 0;
  padding: 30px;
  background: #fff;
  z-index: 10000;
  border-radius: 6px;
}
.modal-overlay {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}
.document_reason .modal-open:hover {
  cursor: pointer;
}
.document_reason .modal-content h4 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
.document_reason .modal-close {
  color: #fff;
  text-decoration: none;
  position: absolute;
  right: 20px;
  top: 20px;
  background: #4c7db7;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 27px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 15px;
}
.document_reason .modal-close:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}
.document_reason h3 span {
  background: #4f86d1;
  color: #fff;
  padding: 3px 10px;
  margin-right: 10px;
  border-radius: 4px;
  /* text-indent: -1em; */
  /* padding-left: 1em; */
}
.document_reason h3 {
  text-indent: -2em;
  padding-left: 2em;
}
.list-service-under dl.serviceChild_txt {
  overflow: hidden;
  vertical-align: middle;
}
.list-service-under .serviceChildrenList03-01,
.list-service-under .serviceChildrenList03-02,
.list-service-under .serviceChildrenList03-03 {
  height: auto;
}
.list-service-under .serviceChild_txt dt {
  padding-bottom: 0;
  display: table-cell;
  vertical-align: middle;
  width: 170px;
  word-break: break-word;
  font-size: 15px;
  padding-right: 10px;
}
.list-service-under .serviceChild_txt dd {
  padding-top: 0;
  border-top: none;
  display: table-cell;
  vertical-align: middle;
}
.list-service-under .serviceChild_thum {
  width: 80px;
  margin-right: 0;
  padding-bottom: 0;
  float: none;
}
.serviceChildrenList.list-service-under li {
  height: auto;
  padding: 0;
  width: 281px;
}
.serviceChildrenList.list-service-under {
  margin-right: 0;
}
ul.clearfix.serviceChildrenList.serviceChildrenList03.list-service-under
  li:nth-of-type(3n) {
  margin-right: 0;
}
ul.clearfix.serviceChildrenList.serviceChildrenList03.list-service-under li a {
  display: block;
  padding: 10px;
}
ul.clearfix.serviceChildrenList.serviceChildrenList03.list-service-under
  li
  a:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #2482c1;
}
.list-service-under .txtLink_arrow:hover {
  text-decoration: none;
  color: unset;
}
#bottom_contact {
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  display: none;
  z-index: 99;
}
div#bottom_contact {
  background: #f4f4f4;
  overflow: hidden;
  padding: 10px 0;
}
div#bottom_contact li {
  float: left;
}
div#bottom_contact ul {
  width: 890px;
  margin: 0 auto;
}
div#bottom_contact ul li:nth-of-type(1) {
  font-size: 12px;
  margin-right: 20px;
  width: 500px;
  margin-top: 8px;
}
div#bottom_contact ul li:nth-of-type(1) strong {
  font-size: 21px;
}
div#bottom_contact ul li img {
  width: 20px;
  margin-right: 5px;
}
div#bottom_contact li.bottom_contact_contact {
  margin-right: 10px;
}
div#bottom_contact li.bottom_contact_contact a {
  background: #f79f19;
  border-radius: 4px;
  color: #fff;
  padding: 10px 10px;
  width: 160px;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  /*background-image: url(../../common/img/icon-mail-fill.svg);
    background-poition: left center;
    background-size: 14px;
    background-repeat: no-repeat;*/
}
div#bottom_contact li.bottom_contact_request a {
  background: #f79f19;
  border-radius: 4px;
  color: #fff;
  padding: 10px 10px;
  width: 160px;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  /*background-image: url(../../common/img/icon-download-fill.svg);
    background-poition: left center;
    background-size: 14px;
    background-repeat: no-repeat;*/
}
div#bottom_contact ul li:nth-of-type(2) img,
div#bottom_contact ul li:nth-of-type(3) img {
  width: 16px;
}
div#bottom_contact li a:hover {
  opacity: 0.7;
}
p.bottom_contact_ttl {
  display: none;
}
@media screen and (max-width: 740px) {
  p.bottom_contact_ttl {
    display: block;
  }

  .pc-hide {
    display: inline;
  }
  .sp-hide {
    display: none;
  }
  .lm2_result.documentPage h4:before,
  .lm2_result.documentPage h4:after {
    content: none;
  }
  .lm2_result.documentPage h4:before,
  .lm2_result.documentPage h4:after {
    content: none;
  }
  .document_reason .pt0 {
    padding-top: 20px !important;
  }
  .document_reason .lm2_reasonBox.clearfix {
    margin-top: 0;
  }
  .document_reason .lm2_reasonBox img {
    float: none;
    width: 100%;
    max-width: 200px;
    display: block;
    margin: 0 auto 10px;
  }
  .document_reason .lm2_reasonBox .txt {
    float: none;
    width: 100%;
    font-size: 12px;
  }
  .document_reason .lm2_reasonBox h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .document_reason .lm2_reasonBox h4 span {
    font-size: 12px;
    margin-left: 0;
    display: block;
  }
  .document_reason .lm2_reasonBox + .lm2_reasonBox {
    margin-top: 20px;
  }
  .document_reason .lm2_reason2 {
    margin-top: 40px;
  }
  .document_reason .fl {
    float: none;
  }
  .document_reason .w600 {
    width: auto !important;
  }
  .document_reason .lm2_reason2 img {
    float: none;
    width: 100%;
  }
  .document_reason .lm2_reason3 {
    margin-top: 40px;
  }
  .document_reason a.modal-open .btn {
    width: 100%;
    box-sizing: border-box;
  }
  .document_reason .modal-content {
    width: 90%;
    box-sizing: border-box;
  }
  .serviceChildrenList.list-service-under li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    float: none;
    box-sizing: border-box;
  }
  .list-service-under .serviceChild_txt dt {
    width: 80%;
  }
  .list-service-under .serviceChild_txt dd {
    width: 20%;
  }
  div#bottom_contact {
    padding: 0px 0;
  }
  /*p.bottom_contact_ttl:hover {
    cursor:pointer;
}*/
  p.bottom_contact_ttl {
    background: #4f86c5;
    padding: 15px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    position: relative;
  }
  p.bottom_contact_ttl:after {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    vertical-align: middle;
    border-color: #fff;
    content: "";
    right: 20px;
    top: center;
    position: absolute;
  }
  #bottom_contact.close-box p.bottom_contact_ttl:after {
    transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    margin-top: 5px;
  }
  div#bottom_contact ul {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
  }
  div#bottom_contact ul li:nth-of-type(1) {
    font-size: 12px;
    margin-right: 20px;
    width: 100%;
    margin-top: 8px;
  }
  div#bottom_contact li.bottom_contact_request a {
    width: 90%;
    display: block;
    box-sizing: border-box;
    margin: 10px auto 10px;
  }
  div#bottom_contact ul li:nth-of-type(1) strong,
  div#bottom_contact ul li:nth-of-type(2) strong {
    font-size: 26px;
  }
  div#bottom_contact li.bottom_contact_contact a {
    width: 90%;
    box-sizing: border-box;
    margin: 10px auto 0;
  }
  /*div#bottom_contact ul li img {
    display: none;
}*/
  div#bottom_contact ul li {
    width: 100%;
  }
  /*div#bottom_contact ul li strong {
	display: block;
}*/
  div#bottom_contact ul li strong {
    font-size: 30px;
  }
  div#bottom_contact ul {
    display: none;
  }
  /*div#bottom_contact ul li strong:before {
    content: url(http://rt19.upload-data.com/wordpress/wp-content/themes/humanscience/common/img/icon-phone-fill.svg);
    width: 28px;
    height: 28px;
    display:inline-block;
    }
div#bottom_contact ul li strong + strong:before {
    content: url(http://rt19.upload-data.com/wordpress/wp-content/themes/humanscience/common/img/icon-phone-fill.svg);
    display: block;
}*/
  div#bottom_contact ul li:nth-of-type(1) {
    text-align: center;
  }
}

/*----------------------------------------------------
医療・メディカルページ
----------------------------------------------------*/
.med_button {
  clear: both;
  text-align: right;
}

.med_button a {
  background-color: #f79f19;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  padding: 3px 15px;
  text-decoration: none;
}

.med_button a:hover {
  opacity: 0.7;
}

.med_button_blue div {
  width: 287px;
  margin: 0 auto;
  padding: 3px;
  border-radius: 5px;
  background: #4f86c6;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.med_button_blue div:hover {
  opacity: 0.7;
}

/* 翻訳者 */

.entry-content #translator {
  margin: 30px 0;
}

.entry-content #translator div {
  margin-top: 20px;
  padding: 10px 5px 10px 10px;
  background: none;
  border: solid 2px #4f81bd;
  border-radius: 0;
}

.entry-content #translator div p {
  margin-bottom: 10px;
  line-height: 110%;
}

.entry-content #translator div p img {
  padding-bottom: 5px;
}

.entry-content #translator div p:last-of-type {
  margin-bottom: 0;
}

.entry-content #translator div.man {
  background: url("../../img/medical/translation_img01.png") 10px 10px no-repeat;
  background-size: 75px auto;
}

.entry-content #translator div.woman {
  background: url("../../img/medical/translation_img02.png") 10px 10px no-repeat;
  background-size: 75px auto;
}

.entry-content #translator div.man02 {
  background: url("../../img/medical/translation_img03.png") 10px 10px no-repeat;
  background-size: 75px auto;
}

.entry-content #translator div dl {
  font-size: 12px;
}

.entry-content #translator div p span {
  display: inline-block;
  padding-top: 3px;
  font-size: 12px;
}

.entry-content #translator div dl {
  margin: 0;
}

.entry-content #translator div dl dt {
  float: left;
  width: 6em;
  margin-top: 2px;
  padding: 2px 0 3px;
  background: #333333;
  border-radius: 4px;
  color: #ffffff;
  font-size: 10px;
  line-height: 1em;
  text-align: center;
}

.entry-content #translator div dl dd {
  margin-left: 5.5em;
}

.entry-content #translator div p:first-of-type {
  min-height: 90px;
  padding-left: 85px;
  font-size: 14px;
  font-weight: bold;
}

.entry-content #textbox2 dl.field {
  margin: 0;
}

.entry-content #textbox2 dl.field dt {
  color: #4f81bd;
  font-size: 16px;
  line-height: 1em;
  font-weight: bold;
}

.entry-content #textbox2 dl.field dd {
  margin: 12px 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #b7b7b7;
  line-height: 110%;
}

.entry-content #textbox2 dl.field.performance dt {
  padding-left: 28px;
  line-height: 25px;
  font-weight: bold;
}

.entry-content #textbox2 dl.field.performance dd {
  line-height: 150%;
}

.entry-content #textbox2 dl.field.performance dt:first-of-type {
  background: url("../../img/medical/text1.png") 0 50% no-repeat;
}

.entry-content #textbox2 dl.field.performance dt:nth-of-type(2) {
  background: url("../../img/medical/text2.png") 0 50% no-repeat;
}
.entry-content #textbox2 dl.field.performance dt:nth-of-type(3) {
  background: url("../../img/medical/text3.png") 0 50% no-repeat;
}
.entry-content #textbox2 dl.field.performance dt:nth-of-type(4) {
  background: url("../../img/medical/text4.png") 0 50% no-repeat;
}

@media screen and (min-width: 1110px) {
  @media screen and (min-width: 741px) {
    .entry-content #translator div {
      display: inline-block;
      width: 250px;
      height: 250px;
      min-height: 200px;
      margin-top: 20px;
      text-align: left;
      vertical-align: top;
    }

    .entry-content #translator div:nth-of-type(3n + 2) {
      margin-right: 10px;
      margin-left: 10px;
    }
  }
}

/* リスト関係 */
.med_translation_clients dt {
  font-weight: bold;
  color: #4f81bd;
  font-size: 20px;
  margin-top: 20px;
}

.med_translation_case dt {
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
}

.med_localization_accept dt {
  font-weight: bold;
  color: #4f81bd;
  font-size: 20px;
  margin-top: 20px;
}

/* 画像関係 */
.med_rightimg {
  float: right;
  display: inline-block;
  margin: 0 0 1em 1.5em;
}

/*181205*/
.case_dl_area {
  background: #edf2f9;
  margin: 40px 0 0;
  padding: 40px;
}
.case_dl_area p.copy {
  text-align: center;
  font-size: 30px;
  color: #4e84c4;
  font-weight: bold;
  margin-bottom: 10px;
}
.case_dl_area p.copy span {
  font-size: 16px;
  display: block;
  color: #333;
}
.case_dl_area .case_dl_area_inner {
  background: #fff;
  padding: 15px;
}
.case_dl_area .case_dl_area_inner ul {
  overflow: hidden;
}
.case_dl_area .case_dl_area_inner ul li {
  float: left;
  font-size: 14px;
  width: 50%;
}
.case_dl_area .case_dl_area_inner ul li:before {
  content: "・";
}
.case_dl_area .case_dl_area_inner ul li:nth-of-type(5) {
  width: 100%;
}
.case_dl_area p.btn {
  margin: 20px auto 0;
  max-width: 240px;
}
.case_dl_area p.btn a {
  display: block;
  width: 100%;
  background: #f79f19;
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.case_dl_area_w .center {
  text-align: center;
}
.case_dl_area_w p {
  font-size: 16px;
  line-height: 1.875;
}
.case_dl_area.case_dl_area_w {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.case_dl_area.case_dl_area_w.case_dl_pe {
  max-width: 950px;
}
.case_dl_area.case_dl_area_w.case_dl_pe .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.case_dl_area.case_dl_area_w.case_dl_pe .copy {
  text-align: left;
}
.case_dl_area.case_dl_area_w.case_dl_pe .text {
  width: 58%;
}
.case_dl_area.case_dl_area_w.case_dl_pe .photo {
  width: 40%;
}
.case_dl_area.case_dl_pe .page_num {
  padding-top: 30px;
}
.serviceMainArea.dlcaseMain {
  height: 200px;
  background: url(../../common/img/img_main_casedl.png) no-repeat 50% 0;
  box-shadow: 0px 2px 3px #ddd inset;
}
.dl_casePage_left h3 {
  padding-top: 0;
  background: url(../img/line_m.gif) no-repeat left bottom;
}
.dl_casePage .required {
  font-size: 0.8em;
  background: #d9eafe;
  padding: 0 0.5em;
  font-weight: bold;
}
.dl_casePage span .wpcf7-text {
  height: 20px;
}
.dl_casePage .wpcf7 .wpcf7-confirm {
  background: #f79f19;
  width: 280px;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  margin: 20px auto 0;
  border: none;
  font-size: 120%;
  display: block;
}
.dl_casePage .wpcf7 .wpcf7-confirm:hover {
  background: #ffca79;
}
.dl_casePage span.wpcf7-list-item {
  margin-left: 0.5em;
  display: block;
}
.dl_casePage_right .addtoany_share_save_container.addtoany_content_bottom {
  display: none;
}
.cf.dl_casePage {
  overflow: hidden;
}
.dl_casePage_left {
  width: 400px;
  float: left;
}
.dl_casePage_right {
  width: 380px;
  float: right;
}
.dl_casePage_right p {
  margin-bottom: 20px;
}
.case_dl_area .center {
  text-align: center;
}
.dl_introduce {
  background: #f6f6f6;
  margin-top: 10px;
  padding: 10px 20px;
}
.dl_introduce p {
  font-size: 14px;
}
.dl_introduce p.left {
  text-align: right;
}
/*.dl_casePage_right span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
    position:static;
    border:none;
}*/
@media screen and (max-width: 740px) {
  .case_dl_area {
    margin: 30px 0 0;
    padding: 20px;
  }
  .case_dl_area p.copy {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .case_dl_area p.copy span {
    font-size: 14px;
  }
  .case_dl_area .case_dl_area_inner {
    padding: 10px;
  }
  .case_dl_area .case_dl_area_inner ul li {
    font-size: 12px;
    width: 100%;
  }
  .case_dl_area_w p {
    font-size: 13px;
    line-height: 1.6;
  }
  .case_dl_area.case_dl_area_w.case_dl_pe .inner {
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .case_dl_area.case_dl_area_w.case_dl_pe .copy {
    text-align: center;
  }
  .case_dl_area.case_dl_area_w.case_dl_pe .text {
    width: 100%;
    margin-top: 10px;
  }
  .case_dl_area.case_dl_area_w.case_dl_pe .photo {
    width: 100%;
  }
  .case_dl_area.case_dl_pe .page_num {
    padding-top: 20px;
  }
  .dl_casePage_left {
    width: 100%;
    float: none;
  }
  .dl_casePage_right {
    width: 100%;
    float: none;
    margin-top: 40px;
  }
  .dl_casePage_right p {
    padding: 0;
  }
  .dl_casePage_right div.wpcf7 {
    font-size: 14px;
    line-height: 1.875;
  }
  .dl_casePage span .wpcf7-text {
    height: 30px;
    width: 100%;
    box-sizing: border-box;
  }
  .dl_casePage .wpcf7 .wpcf7-confirm {
    width: 100%;
    max-width: 500px;
  }
  .dl_introduce p {
    font-size: 12px;
  }
}

/* 190115
--------------------------------------------------------------------------*/
.right_column .other_links dd > ul > li {
  margin-left: 0;
  text-indent: 0;
  margin-bottom: 0;
}
.sld,
.arw {
  position: relative;
  display: block;
  padding: 10px 30px 10px 8px;
  line-height: 1.4;
  border-bottom: 1px dotted #ccc;
}
.sld:before,
.sld:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 12px;
  width: 10px;
  height: 2px;
  margin-top: -1px;
  background: #4f86c6;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.sld:after {
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.sld.open:after {
  transform: rotate(0);
  -moz-transform: rotate(0);
  -webkit-transform: rotate(0);
}
.sub-nav {
  margin-top: 10px;
  padding-left: 8px;
  border-bottom: 1px dotted #ccc;
  display: none;
}
.serviceContents .right_column .other_links .sub-nav li {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.arw:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-top: 2px solid #4f86c6;
  border-right: 2px solid #4f86c6;
  top: 50%;
  right: 17px;
  transform: rotate(45deg) translateY(-50%);
  -moz-transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
}

/* faq-list */
.faq-list .item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}
.faq-list .item dd {
  margin-top: 15px;
  display: none;
}
.faq-list .item dt {
  position: relative;
  cursor: pointer;
}
.faq-list .item dt:before,
.faq-list .item dt:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 12px;
  width: 10px;
  height: 2px;
  margin-top: -1px;
  background: #4f86c6;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.faq-list .item dt:after {
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.faq-list .item dt.open:after {
  transform: rotate(0);
  -moz-transform: rotate(0);
  -webkit-transform: rotate(0);
}

.faq-list .item dt i {
  width: 24px;
}
.faq-list .item dt i,
.faq-list .item dd i {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}
.faq-list .item dt i span,
.faq-list .item dd i span {
  width: 24px;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  line-height: 24px;
  display: block;
  border-radius: 5px;
}
.faq-list .item dt i span {
  border: 3px solid #4f86c6;
  background: #4f86c6;
  color: #fff;
}
.faq-list .item dd i span {
  border: 3px solid #4f86c6;
  background: #fff;
  color: #4f86c6;
}
.faq-list .item dt > span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 25px 0 10px;
}
.faq-list .item dd > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 10px;
}

/* contents-list */
.contents-list {
  border: 1px solid #ccc;
  background: #f6f9fc;
  padding: 15px 20px;
  margin-top: 20px;
}
.contents-list .ttl {
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
.contents-list .cnt-inner li {
  padding-left: 16px;
  position: relative;
}
.contents-list .cnt-inner li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid #4f86c6;
  border-right: 2px solid #4f86c6;
}
.contents-list .cnt-inner li + li {
  margin-top: 10px;
}
.contents-list .cnt-inner li a {
  color: #4f86c6;
}
.contents-list .cnt-inner li a:hover {
  text-decoration: underline;
}
#whole .contentsCol {
  margin-top: 50px;
}
.serviceContents #whole .contentsCol h3 {
  padding-top: 0;
  overflow: hidden;
}
.serviceContents #whole .contentsCol div.clearfix .fr {
  margin-left: 20px;
}
#whole h4 {
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  font-size: 18px;
}
#whole h5 {
  font-weight: bold;
  margin-top: 0.5em;
}
#whole hr.divide {
  border-top: 1px dotted #ccc;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin-top: 20px;
  margin-bottom: 20px;
  background: none;
}
#whole p + p {
  margin-top: 0.5em;
}
#whole .subject {
  margin-top: 1.5em;
  padding: 10px 15px;
  background: #f4f4f4;
  position: relative;
}
#whole .subject:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #efefef transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
#whole .solve {
  margin-top: 10px;
  padding: 10px 15px;
  background: #f6f9fc;
}
#whole .solve h4 {
  color: #4f86c6;
}
#whole h3 span {
  font-size: 18px;
}
@media screen and (max-width: 740px) {
  .serviceContents .right_column .other_links .sub-nav li {
    font-size: 12px;
  }
  .serviceContents #whole .contentsCol div.clearfix .fr {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*190510追加css---------------------------------*/
.case_dl_area.case_dl_elearning .case_dl_area_inner ul li {
  width: 100%;
}
.case_dl_area.case_dl_area_w.case_dl_elearning .btn a {
  background-image: url(/wordpress/wp-content/themes/humanscience/common/img/icon_target_blank.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
}

/*190605---------------------------------------*/
.contact_template_ttl h3 {
  margin-bottom: 80px;
}
@media screen and (max-width: 740px) {
  .contact_template_ttl h3 {
    margin-bottom: 10px;
  }
  .serviceContents.contact_template_body {
    padding: 10px !important;
  }
}

/*191008*/
div#useful_archive .mv_dl {
  background-image: url(/wordpress/wp-content/themes/humanscience/common/img/dl/index_useful.png);
  height: 260px;
}
div#useful_archive .mv_dl h1 {
  font-size: 40px;
  padding-top: 100px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,
    "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, serif;
}
div#useful_archive ul.useful_list {
  overflow: hidden;
  margin-bottom: 40px;
}
div#useful_archive ul.useful_list + ul.useful_list {
  margin-top: -40px;
}
div#useful_archive ul.useful_list li {
  float: left;
  width: 290px;
  margin: 0 40px 40px 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 20px;
}
div#useful_archive ul.useful_list li:hover {
  opacity: 0.7;
  transition: 0.3s;
}
div#useful_archive ul.useful_list li:nth-of-type(3n) {
  margin-right: 0;
}
div#useful_archive ul.useful_list li .photo img {
  width: 100%;
}
div#useful_archive ul.useful_list li .photo {
  margin-bottom: 10px;
}
#cont_free ul.useful_list li .text p {
  margin-bottom: 10px;
  font-size: 14px;
}
div#useful_archive ul.useful_list li .text h4 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}
div#useful_archive ul.useful_list li .dwl-btn a {
  display: block;
  padding: 3px 0;
  background: #4f86c6;
  text-align: center;
  font-weight: bold;
  color: #fff;
  position: relative;
}
div#useful_archive ul.useful_list li .dwl-btn a:before {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -4px;
  vertical-align: middle;
  border-color: #fff;
  content: "";
}
.hd_rightArea.hd_rightArea_dl {
  margin: 15px 0 0 10px;
}
.hd_rightArea.hd_rightArea_dl:hover {
  opacity: 0.7;
  transtion: 0.3s;
}
.dwl-btn {
  margin-top: 10px;
}
div#useful_archive ul.useful_list li .text h4.target_window {
  position: relative;
}
div#useful_archive ul.useful_list li .text h4.target_window:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background-image: url(/wordpress/wp-content/themes/humanscience/common/img/dl/send_round.svg);
  background-size: 14px;
  margin-left: 8px;
  bottom: 8px;
}
@media screen and (max-width: 740px) {
  div#useful_archive .mv_dl {
    position: relative;
    height: auto;
    background-size: cover;
    background-position: right -110px center;
  }
  div#useful_archive .mv_dl:after {
    display: block;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
  }
  div#useful_archive .mv_dl h1 {
    font-size: 32px;
    padding: 50px 10px;
    position: relative;
    z-index: 1;
  }
  #cont_free #useful_archive h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  div#useful_archive ul.useful_list li {
    width: 100%;
    margin: 0 0 20px 0;
  }
  #sp_header_top #spHeaderSearch {
    position: absolute;
    top: 14px;
    right: 135px;
  }
  #sp_header_top #spHeaderSearch img {
    width: 26px;
  }
  #sp_header_top #spHeaderContact {
    position: absolute;
    top: 13px;
    right: 70px;
  }
  #sp_header_top #spHeaderContact img {
    width: 60px;
  }
  #sp_header_top #spHeaderDl {
    position: absolute;
    top: 13px;
    right: 5px;
  }
  #sp_header_top #spHeaderDl img {
    width: 60px;
  }
}

a.txtLink_arrow_blue.txtLink_arrow_blue2 {
  background: none;
  position: relative;
  display: block;
  text-indent: 0;
  padding-left: 10px;
  font-size: 13px;
  line-height: 1.2;
}
a.txtLink_arrow_blue.txtLink_arrow_blue2:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -4px;
  vertical-align: middle;
  border-color: #4f86c6;
  content: "";
}

.site-content-blog #side.nmt_blog_side {
  padding: 0;
  border: none;
}
.site-content-blog #side.nmt_blog_side .nmt_blog_sidebar {
  padding: 10px 20px;
  border: 1px solid #eee;
  margin-bottom: 20px;
}
.nmt_blog_side_bnr {
  margin-bottom: 20px;
}
.nmt_blog_side_bnr:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.nmt_blog_side_bnr img {
  width: 100%;
}

.annotation_aside {
  background: #e2ecf8;
  padding: 20px;
  overflow: hidden;
}
.annotation_aside img {
  float: right;
  margin-left: 20px;
}
.annotation_aside img .txt {
  float: left;
}
#cont_free .annotation_aside p.ttl {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}

@media screen and (max-width: 740px) {
  .annotation_aside img {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
  }
}

/*191202*/
.case_dl_area.case_dl_area_blog .case_dl_area_inner ul li {
  float: none;
  width: 100%;
}

/*200507*/
@media screen and (min-width: 741px) {
  .topPage_seminar_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .topPage_seminar_list li {
    width: 468px;
    margin: 0 0 5px 0;
  }

  .topPage_seminar_list li a {
    display: block;
  }
}

.blog_mt .fancybox img {
  border: none;
}
.blog_mt .alignleft {
  float: none;
}
.blog_mt.box p {
  margin-bottom: 20px;
}
.blog_mt a {
  color: #4f86c6;
  text-decoration: underline;
}
.blog_mt a:hover {
  text-decoration: none;
}
.blog_mt .h4title {
  color: #4f86c6;
  font-size: 1.2307em;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 30px;
}
.blog_mt .list_arrow li {
  margin-bottom: 8px;
  list-style: url(../img/list_arrow.png) outside;
}
.blog_mt .txt_read {
  color: #e42e45;
  font-weight: bold;
}
.blog_mt .h5title {
  color: #131663;
  font-weight: bold;
  margin-bottom: 20px;
}
.blog_mt ul.col2 li {
  float: left;
  width: 290px;
  text-align: center;
}
.blog_mt ul.col2 {
  overflow: hidden;
  margin-bottom: 20px;
}
.blog_mt ul.col2 li:nth-of-type(2) {
  margin-left: 20px;
}
.blog_mt table th,
.blog_mt table td {
  border-collapse: collapse;
  border-spacing: 0;
  font-weight: normal;
  border: 1px solid #000;
}
.serviceContents .blog_mt h2 strong {
  font-size: 1rem;
}
.blog_mt .list_arrow {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 20px;
}
.blog_mt .contactBtn {
  padding: 0 !important;
}
.blog_mt .contactBtn a {
  display: block;
  text-decoration: none;
  padding: 20px;
}
.blog_mt .contactBtn a:hover {
  color: #fff;
}
.blog_mt .hinshitsuBtn a {
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  padding: 10px;
  /* margin: 0px 10px 10px; */
}
@media screen and (max-width: 740px) {
  .sp_contactBtn {
    margin: 0 auto;
  }
  .contactArea2 .contact_web dd {
    float: none;
    font-size: 11px;
  }
  .contactArea2 .contact_web {
    margin-left: 0;
  }
  .blog_mt ul.col2 li {
    float: none;
    margin: 0 auto;
  }

  .blog_mt ul.col2 li:nth-of-type(2) {
    margin: 10px auto 0;
  }
  .blog_mt table {
    max-width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
    width: 100%;
  }
}

/*201030-----------------------------------------------------------------------*/
.imgHover:hover {
  opacity: 0.7;
  transition: 0.3s;
}

/*201110------------------------------------------------------------------------*/
.mb20 {
  margin-bottom: 20px;
}

.postedit_graph table {
  width: 100%;
}
.postedit_graph table th {
  text-align: center;
  font-weight: 500;
  color: #fff;
  background: #4f86c6;
}
.postedit_graph table td {
  background: #f4f4f4;
  font-size: 15.6px;
}
.postedit_graph table th,
.postedit_graph table td {
  border: 2px solid #fff;
  border-collapse: collapse;
  padding: 10px;
}
.postedit_graph table .bg_blue td {
  background: #ecf5ff;
}
@media screen and (max-width: 740px) {
  .postedit_flow img.pc-hide {
    display: block;
  }
  .form__privacy__area {
    margin: 10px auto;
  }
}
@media screen and (min-width: 741px) {
  .table_evaluation th:nth-child(3) {
    width: 143px;
  }
}

.form__privacy__area {
  text-align: center;
}

.form__privacy__area a {
  text-decoration: underline;
  color: #4e84c4;
}

.form__privacy__area a:hover {
  text-decoration: none;
}
/*----------------------
        211206
-----------------------*/
br.half {
  line-height: 0.7;
}
.moodleContents .primary_ttl {
  font-size: 150%;
}
.moodleContents .icon_area {
  display: flex;
}
.moodleContents .icon_box {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  width: 217px;
  color: #f98012;
  padding: 12px;
  box-sizing: border-box;
  border: 2px solid #f98012;
  border-radius: 10px;
  box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 18%);
  margin-right: 8px;
}

.moodleContents .icon_box:last-child {
  margin-right: 0;
}
.moodleContents .icon_box img {
  margin-bottom: 10px;
}
.moodleContents .icon_box p {
  color: #333;
  font-weight: bold;
  font-size: 13px;
}
.moodleContents .icon_box span {
  font-weight: bold;
  color: #f98012;
}
.moodleContents .icon_box span.num {
  font-size: 24px;
}
.moodleContents .area2 .icon_box {
  width: 217px;
}
.moodleContents .area2 .icon_box p {
  margin-bottom: 2px;
}
.moodleContents .area3 .icon_box {
  width: 217px;
}
.moodleContents .area3 .icon_box h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  border-bottom: 2px solid #f98012;
  padding-bottom: 8px;
}
.moodleContents .area3 .icon_box p {
  text-align: left;
}
.moodleContents .recommended_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.moodleContents .recommended_box {
  text-align: left;
  font-weight: bold;
  line-height: 1.2;
  width: 100%;
  color: #333;
  padding: 20px 12px;
  box-sizing: border-box;
  border: 1px solid #4f86c6;
  border-radius: 4px;
  box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 18%);
  margin-right: 8px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.moodleContents .recommended_box .img_box {
  width: 100px;
  height: 100px;
  margin-right: 20px;
}
.moodleContents .recommended_box .txt_box {
  flex: 1;
  font-weight: normal;
}
.moodleContents .recommended_box .txt_box h4 {
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 18px;
}

@media screen and (max-width: 740px) {
  .moodleContents .icon_area {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .moodleContents .icon_box {
    width: 49%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .moodleContents .icon_box span.num {
    font-size: 22px;
  }
  .moodleContents .area3 .icon_box {
    width: 49%;
  }
  .moodleContents .recommended_box .img_box {
    margin-right: 10px;
  }

  .moodleContents .totaraSubscriptionFee {
    width: 100%;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-top: 10px;
  }
  .moodleContents .totaraSubscriptionFee th,
  .totaraSubscriptionFee td {
    padding: 15px 20px;
  }

  .moodleContents .area2 .icon_box {
    width: 49%;
  }
}

/*----------------------
        211214
-----------------------*/

.casewrapper.wrapper02 {
  width: 1170px;
}

ul.case_sort {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
  margin: 30px auto;
}

.case_sort li {
  float: none;
  margin-right: 0.5rem;
  position: relative;
}

.case_sort li a {
  width: auto;
  height: auto;
  background: none;
  overflow: auto;
  padding: 0.2rem 1rem;
  font-size: 1rem;
  font-size: 0.9rem;
  border: 1px solid #ddd;
}
.case_sort li a:hover {
  background: #4e84c4;
  color: #fff;
  border: 1px solid #4e84c4;
}

.casewrapper.wrapper02 .case_list_v2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.casewrapper.wrapper02 .case_list_v2 .content_li {
  position: relative;
  width: calc(93% / 3);
  border-bottom: none;
  padding: 0;
  margin-top: 3rem;
  margin-right: 3.5%;
  margin-bottom: 0;
  margin-left: 0;
  /*padding: 2rem;*/
  display: flex;
  flex-flow: column;
  transition: 0.3s all ease;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
  /* justify-content: flex-start; */
}

.casewrapper.wrapper02 .case_list_v2 .content_li:nth-child(-n + 3) {
  margin-top: 0;
}
.casewrapper.wrapper02 .case_list_v2 .content_li:nth-child(3n-1) {
  margin-right: auto;
}
.casewrapper.wrapper02 .case_list_v2 .content_li:nth-child(3n) {
  margin-right: 0;
}
.casewrapper.wrapper02 .case_list_v2 .logo {
  float: none;
  margin: 0;
  border: none;
}
.casewrapper.wrapper02 .case_list_v2 .logo a {
  text-align: center;
  background: #fff;
  display: block;
  overflow: hidden;
  height: 200px;
  width: 100%;
}
.casewrapper.wrapper02 .case_list_v2 .logo a img {
  transition: 0.3s all ease;
}

.casewrapper.wrapper02 .case_list_v2 .tag_list_wrap {
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
}
.casewrapper.wrapper02 .case_list_v2 .tag_list_wrap .tag_list {
  display: block;
  margin: 0 0 0 0.5rem;
  font-size: 0.8rem;
  border: #ccc 1px solid;
  padding: 2px 10px;
  color: #666;
  font-size: 0.7rem;
}
.casewrapper.wrapper02 .case_list_v2 .tag_list_wrap .tag_list:first-child {
  margin: 0;
}
.casewrapper.wrapper02 .case_list_v2 p:nth-of-type(2) {
  font-size: 0.8rem;
  color: #666666;
  font-weight: normal;
  margin: 1rem 0;
}
.casewrapper.wrapper02 .case_list_v2 .title {
  padding: 0;
}
.casewrapper.wrapper02 .case_list_v2 .title a {
  display: block;
  font-size: 1.2rem;
  text-align: left;
  color: #4e84c4;
  text-decoration: none;
  margin-bottom: 1rem;
  line-height: 1.6;
  color: #0f3872;
}
.casewrapper.wrapper02 .case_list_v2 .title p {
  padding: 0;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
/*.casewrapper.wrapper02 .case_list_v2 .content_li:hover{
	opacity: .8;
	background: #edf5ff;
}*/
.casewrapper.wrapper02 .case_list_v2 .content_li:hover:after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(122 170 228 / 0.2);
  z-index: 1;
  position: absolute;
  transtion: 0.3s;
}
.casewrapper.wrapper02 .case_list_v2 .content_li .logo img {
  width: 100%;
}

.casewrapper.wrapper02 .case_list_v2 .content_li:hover .logo img {
  width: 120%;
}

.case_service_m {
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
  border-bottom: 1px solid #797979;
  margin-bottom: 0;
}
.case_service_m .btn_Area {
  margin: 0 0 0 auto;
  display: flex;
}
.case_service_m .btn_Area a.btn_case_service {
  display: block;
  font-size: 1rem;
  padding: 3px 0 3px 1rem;
  margin-left: 1.5rem;
  position: relative;
}
.case_service_m .btn_Area a.btn_case_service:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #4e84c4;
  border-right: 1px solid #4e84c4;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -4px;
  vertical-align: middle;
  content: "";
}
.case_service_m .btn_Area a.btn_case_service:hover {
  text-decoration: underline;
}

.right_column {
  width: 285px;
}
.left_column {
  width: 795px;
  margin-right: 90px;
}
.case_detail_title {
  border-bottom: none;
  font-size: 2rem;
  margin-bottom: 20px;
  padding: 0 0 20px 0;
  line-height: 1.8;
  text-align: left;
}
.case_detail_name {
  padding: 0 0 20px 0;
  font-size: 1rem;
  font-weight: bold;
}
.casewrapper.wrapper02 .sld,
.casewrapper.wrapper02 .arw {
  padding: 14px 30px 14px 8px;
}

.casewrapper.wrapper02 .sld:before,
.casewrapper.wrapper02 .sld:after {
  height: 1px;
  width: 15px;
}
.casewrapper.wrapper02 .arw:after {
  border-top: 1px solid #4f86c6;
  border-right: 1px solid #4f86c6;
  width: 8px;
  height: 8px;
  right: 22px;
}
.casewrapper.wrapper02 .txtLink_arrow_blue {
}

.left_column .tag_list_wrap {
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
}
.left_column .tag_list_wrap .tag_list {
  display: block;
  margin: 0 1rem 0 0;
  font-size: 0.8rem;
  border: #ccc 1px solid;
  padding: 0 5px;
}
.serviceContents .casewrapper h3 {
  padding-top: 60px;
  background: none !important;
  border-bottom: 2px solid #666666;
}
.case_dl_area p img {
  display: block;
  margin: 0 auto;
}
.case_dl_area p.btn img {
  margin: 0;
  display: inline-block;
}
.right_column .other_links dt {
  text-align: center;
  padding: 10px;
}

#contents#case_contents .pb_040 .contactArea2 {
  width: 100%;
  margin: 0 auto;
  border: none;
  background-color: #ffffff !important;
}

.contactArea_case {
  padding: 90px 0;
}
.contactArea_case .casewrapper.wrapper02 .flex {
  align-items: center;
  justify-content: space-around;
}

.contactArea_case .casewrapper.wrapper02 .flex .btn {
  margin: 0;
}
.contactArea_case .casewrapper.wrapper02 .flex h2 {
  margin-bottom: 0;
}

.casewrapper.wrapper02 .breadcrumb {
  padding-top: 50px;
  font-size: 0.7rem;
  color: #999;
}
.right_column .other_links dt {
  font-weight: 500;
  border-bottom: solid 2px #0f3872;
  /* border-top: solid 2px #0f3872; */
  padding-left: 0;
}

.case_detail_name {
  /* color: #666; */
}

.left_column .tag_list_wrap .tag_list {
  background-image: url(../img/icon_tag_gr.png);
  background-repeat: no-repeat !important;
  background-position: left 8px top 7px !important;
  /* padding-left: 22px; */
  border: #ccc 1px solid;
  padding: 2px 10px;
  color: #666;
  font-size: 0.7rem;
  padding-left: 22px;
}
.case_sort li a {
  background-image: url("../img/icon_tag_gr.png");
  background-repeat: no-repeat !important;
  background-position: left 15px top 12px !important;
  padding-left: 30px;
}
.case_sort li a:hover {
  background-image: url("../img/icon_tag.png");
}
.casewrapper.wrapper02 .case_list_v2 .tag_list_wrap .tag_list {
  background-image: url(../img/icon_tag_gr.png);
  background-repeat: no-repeat !important;
  background-position: left 8px top 7px !important;
  padding-left: 22px;
}
.serviceContents .casewrapper h3 {
  padding-bottom: 8px;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  color: #0f3872;
  border-bottom: 2px solid #0f3872;
}

.serviceContents .casewrapper {
  font-size: 1rem;
}

.wrapper02.casewrapper .case_dl_area {
  /* background: #ccc; */
  padding: 4rem;
}

.wrapper02.casewrapper .case_dl_area .btn a {
  border: none;
}

.wrapper02.casewrapper .case_dl_area .btn a img {
  vertical-align: initial;
}

.wrapper02.casewrapper .case_dl_area .btn a {
  font-size: 14px;
}
.wrapper02.casewrapper .case_dl_area p.copy {
  color: #0f3872;
}
.wrapper02.casewrapper.clearfix
  .right_column
  .other_links
  > div:nth-of-type(1) {
  background: #edf2f9 !important;
  border: none !important;
}

.wrapper02.casewrapper.clearfix
  .right_column
  .other_links
  > div:nth-of-type(1)
  p:nth-of-type(1) {
  margin-bottom: 1rem !important;
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
}

.wrapper02.casewrapper.clearfix
  .right_column
  .other_links
  > div:nth-of-type(1)
  a {
  background: #f79f19;
  padding: 10px 0px !important;
  width: 80%;
  display: block;
  margin: 0 auto;
}

.wrapper02.casewrapper.clearfix
  .right_column
  .other_links
  > div:nth-of-type(1)
  a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.outlineThum {
  height: 100px;
  text-align: center;
  margin-top: 10px;
}

.outlineThum img {
  max-height: 100%;
}

.casewrapper.wrapper02 .case_list_v2 .logo a {
  position: relative;
}

.casewrapper.wrapper02 .case_list_v2 .logo a img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.casewrapper.wrapper02 .case_list_v2 .content_li:hover .logo a img {
  transform: translate(-50%, -50%) scale(120%);
}
.archive_case_li_txt {
  padding: 0.5rem 2rem 2rem;
}

.archive_case_li_txt p.case__title {
  /* text-align: center; */
  color: #666;
  font-size: 15px;
  /* margin-bottom: 10px; */
  /* font-weight: bold; */
}
@media screen and (max-width: 740px) {
  .casewrapper.wrapper02 {
    width: 100%;
  }
  .casewrapper.wrapper02 .case_list_v2 .content_li {
    margin: 1rem auto 0;
    width: 100%;
  }

  .casewrapper.wrapper02 .case_list_v2 .content_li:nth-child(-n + 3) {
    margin-top: 1rem;
  }
  .casewrapper.wrapper02 .case_list_v2 .content_li:nth-child(3n) {
    margin-right: auto;
  }
  .casewrapper.wrapper02 .case_list_v2 .content_li:first-child {
    margin-top: 0;
  }
  .casewrapper.wrapper02 .case_list_v2 .logo {
    width: 100%;
  }
  .case_sort li {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .case_service_m {
    display: block;
    font-size: 1rem;
  }
  .case_service_m .btn_Area {
    display: block;
  }
  .case_service_m .btn_Area a.btn_case_service {
    margin-left: 0;
    margin-top: 0.5rem;
  }

  .left_column {
    width: 100%;
  }
  .right_column {
    width: 100%;
  }
  .casewrapper.wrapper02 .breadcrumb {
    display: block;
    padding: 30px 10px 10px;
  }
  .serviceContents .casewrapper h3 {
    margin-bottom: 1rem;
  }
  .case_sort li a {
    background-position: left 13px top 9px !important;
  }
  .serviceContents .casewrapper {
    padding: 10px 5%;
    font-size: 0.9rem;
    line-height: 1.6;
  }
  .wrapper02.casewrapper .case_dl_area {
    padding: 30px;
  }
}

/*----------------------
        211206
-----------------------*/
br.half {
  line-height: 0.7;
}
.moodleContents .primary_ttl {
  font-size: 150%;
}
.moodleContents .icon_area {
  display: flex;
}
.moodleContents .icon_box {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  width: 217px;
  color: #f98012;
  padding: 12px;
  box-sizing: border-box;
  border: 2px solid #f98012;
  border-radius: 10px;
  box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 18%);
  margin-right: 8px;
}

.moodleContents .icon_box:last-child {
  margin-right: 0;
}
.moodleContents .icon_box img {
  margin-bottom: 10px;
}
.moodleContents .icon_box p {
  color: #333;
  font-weight: bold;
  font-size: 13px;
}
.moodleContents .icon_box span {
  font-weight: bold;
  color: #f98012;
}
.moodleContents .icon_box span.num {
  font-size: 24px;
}
.moodleContents .area2 .icon_box {
  width: 217px;
}
.moodleContents .area2 .icon_box p {
  margin-bottom: 2px;
}
.moodleContents .area3 .icon_box {
  width: 217px;
}
.moodleContents .area3 .icon_box h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  border-bottom: 2px solid #f98012;
  padding-bottom: 8px;
}
.moodleContents .area3 .icon_box p {
  text-align: left;
}
.moodleContents .recommended_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.moodleContents .recommended_box {
  text-align: left;
  font-weight: bold;
  line-height: 1.2;
  width: 100%;
  color: #333;
  padding: 20px 12px;
  box-sizing: border-box;
  border: 1px solid #4f86c6;
  border-radius: 4px;
  box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 18%);
  margin-right: 8px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.moodleContents .recommended_box .img_box {
  width: 100px;
  height: 100px;
  margin-right: 20px;
}
.moodleContents .recommended_box .txt_box {
  flex: 1;
  font-weight: normal;
}
.moodleContents .recommended_box .txt_box h4 {
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 18px;
}

@media screen and (max-width: 740px) {
  .moodleContents .icon_area {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .moodleContents .icon_box {
    width: 49%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .moodleContents .icon_box span.num {
    font-size: 22px;
  }
  .moodleContents .area3 .icon_box {
    width: 49%;
  }
  .moodleContents .recommended_box .img_box {
    margin-right: 10px;
  }

  .moodleContents .totaraSubscriptionFee {
    width: 100%;
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-top: 10px;
  }
  .moodleContents .totaraSubscriptionFee th,
  .totaraSubscriptionFee td {
    padding: 15px 20px;
  }

  .moodleContents .area2 .icon_box {
    width: 49%;
  }
}

/*----------------------
   211220(moodle修正)
-----------------------*/

.moodleContents .txt__box {
  padding: 10px;
  border: 2px solid #f98012;
  border-radius: 10px;
  box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 18%);
  margin-top: 2rem;
}

.moodleContents .txt__box ul li {
  padding-left: 1rem;
  text-indent: -0.8rem;
}

/*----------------------
        220113
-----------------------*/

.serviceContents .casewrapper .alignright {
  display: inline;
  margin: 0 0 5px 15px;
  padding: 4px;
}
.serviceContents .casewrapper .alignleft {
  display: inline;
  margin: 0 15px 5px 0;
  padding: 4px;
}
.serviceContents .casewrapper .entry-content div {
  overflow: hidden;
}
.serviceContents .casewrapper h2 {
  text-align: left;
}
.case_dl_area.case_dl_area_w.case_dl_elearning .btn a:after {
  content: none;
}
@media screen and (max-width: 740px) {
  .serviceContents .casewrapper .txtlink_blue {
    word-break: break-word;
  }
  .serviceContents .casewrapper .alignright {
    display: block;
    margin: 0 auto 15px;
    padding: 0;
    width: 100%;
  }
  .serviceContents .casewrapperimg img.alignright {
    margin: 0 auto 15px;
    padding: 0;
    width: 100%;
  }
  .serviceContents .casewrapper .alignleft {
    display: block;
    margin: 0 auto 15px;
    padding: 0;
    width: 100%;
  }
  .serviceContents .casewrapperimg img.alignleft {
    margin: 0 auto 15px;
    padding: 0;
    width: 100%;
    float: none;
  }
  .serviceContents .casewrapper .entry-content .flex {
    display: block;
  }
}

/*----------------------
        220408
-----------------------*/
picture {
  max-width: 100%;
}
@media screen and (min-width: 769px) {
  nav.l__header__nav .l__header__nav__gnav .nav-dropdown__list ul li picture {
    margin-right: 10px;
    min-width: 80px;
  }
  nav.l__header__nav
    .l__header__nav__gnav
    .nav-dropdown__list
    ul
    li
    picture
    img {
    margin-right: 0;
  }
}

/* 231004 */

.footer-contact a {
  background: #fff;
  border-radius: 4px;
  padding: 10px 10px 7px;
  color: #4f86c6;
  display: block;
  font-weight: bold;
  position: relative;
  transition: 0.2s;
}

.footer-contact a:hover {
  opacity: 0.8;
}

.footer-contact a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #4f86c6;
  border-right: 2px solid #4f86c6;
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  top: 40%;
  right: 10px;
}

.footer-telSP a {
  color: #4f86c6;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  display: block;
}

.footer-telSP a + a {
  margin-top: 15px;
}

#top.localization_site #gNavi ul > li .loc_menu_list.header-machine {
  height: 193px;
}

#top.localization_site #gNavi ul > li .loc_menu_list.header-machine p {
  height: 100%;
}

#top.localization_site #gNavi ul > li .loc_menu_list.header-machine a {
  background: url(/wordpress/wp-content/themes/humanscience/common/img/localization/common/header_nav.png?d=1911292006)
    no-repeat center/cover;
  height: 100% !important;
  display: block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.mazrica-caption {
  margin: 2rem 0 0;
  margin-bottom: 0 !important;
  color: #cc0000;
  font-weight: bold;
}

/* header english */

.l__header__nav__sns-wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.l__header__nav__sns-text {
  font-size: 10px;
  color: #fff;
  line-height: 1.2;
  margin-top: 5px;
}

.l__header__nav__sns-text.show-on-translation,
.hd_rightArea__lang-text.show-on-translation {
  display: none;
}

.top_page.is-scrolled .l__header__nav__sns-text {
  color: #0f3873;
}

.l__header__nav__sns-wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.top_page.is-scrolled .l__header__nav__sns-text,
.underPage .l__header__nav__sns-text {
  color: #0f3873;
}
.l__header__nav__sns-text {
  font-size: 10px;
  color: #fff;
  line-height: 1.2;
  margin-top: 5px;
}
.header-eng {
  position: relative;
}

.header-eng__child {
  width: 100px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: absolute;
  top: 25px;
  left: -2.2rem;
  display: none;
  z-index: 999;
}

.header-eng__child li + li {
  margin-left: 0 !important;
}

.header-eng__child a {
  padding: 0.5rem;
  text-align: center;
  display: block;
  width: 100%;
}

.header-eng__child a:hover {
  background: #0f3873;
  opacity: 1 !important;
}

.header-eng.only-sp {
  display: flex;
  gap: 5px;
}

.hd_rightArea__lang-text {
  font-size: 10px;
  line-height: 1.2;
  margin-top: 5px;
  display: inline-block;
}
.hd_rightArea {
  overflow: visible !important;
}

.hd_rightArea__lang {
  float: left;
  box-sizing: border-box;
  margin-left: 0 !important;
}

.hd_rightArea__lang ul li a {
  text-decoration: none !important;
  color: #fff !important;
  box-sizing: border-box;
}

.hd_rightArea__lang ul li a::before {
  content: none !important;
}

.low-header-eng {
  position: relative;
  width: 40px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.low-header-eng .header-eng__child {
  width: 100px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: absolute;
  top: -15px;
  left: 40px;
  display: none;
  z-index: 999;
}

.low-header-eng li {
  position: relative;
}

.low-header-eng li:first-child::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
  position: absolute;
  top: 29px;
  left: -7px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.l-header__cta a {
  color: #fff;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  padding: 8px;
  box-sizing: border-box;
  display: block;
  height: 100%;
  font-weight: bold;
  border-radius: 4px;
  transition: 0.2s;
}

.l-header__cta a:hover {
  opacity: 0.7;
}

.l-header__cta.mail a {
  background: #d50602;
}

.l-header__cta.doc a {
  background: #f79f19;
}

.l-header__cta a img {
  width: 25px;
  margin-bottom: 8px;
}

/* CSS Document */

#top.document_site .document_section .dl_casePage_left ul li {
  text-indent: -1rem;
  padding-left: 1rem;
}

.document_bnr,
.document_bnr * {
  box-sizing: border-box;
}

.document_bnr {
  border: 1px solid #d5dbe3;
  background: #ecf0f2;
  overflow: hidden;
  position: relative;
  transition: 0.3s;
}
.document_bnr:hover {
  opacity: 0.8;
}

.document_bnr_inner {
  position: relative;
  z-index: 1;
}

.document_bnr_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}

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

.document_bnr_text {
  width: 56%;
  padding: 30px 0 30px 30px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
.document_bnr_subtitle {
  display: inline-block;
  background: #0f3873;
  color: #fff;
  padding: 13px 28px 9px;
  border-radius: 9999px;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 15px;
}
.document_bnr_subtitle::before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 27px solid #0f3873;
  border-bottom: 0;
  left: 50%;
  z-index: -1;
  bottom: -12px;
  transform: translateX(-50%);
}
.document_bnr_title {
  font-size: 34px;
  font-weight: 600;
  color: #333333;
}
.document_bnr_img {
  width: calc(100% - 56%);
  padding: 10px 15px;
  position: relative;
}
.document_bnr_img img {
  position: absolute;
  top: 50%;
  right: 15px;
  height: calc(100% - 20px);
  transform: translateY(-50%);
}

.document_bnr_btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.document_bnr_btn a {
  background: #f79f19;
  padding: 11px 15px 9px;
  color: #fff;
  line-height: 1;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.document_bnr_btn a::after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-color: #fff;
  margin-left: 5px;
}

.document_bnr-cap_service_dl .document_bnr_title {
  font-size: 30px;
}

@media screen and (max-width: 740px) {
  .document_bnr_text {
    width: 100%;
    padding: 15px 15px 10px;
  }

  .document_bnr_subtitle {
    font-size: 15px;
    padding: 10px 20px 9px;
  }

  .document_bnr_title {
    font-size: 20px;
  }

  .document_bnr-cap_service_dl .document_bnr_title {
    font-size: 20px;
  }
  .document_bnr_subtitle::before {
    bottom: -10px;
  }

  .document_bnr_img {
    width: 100%;
    padding: 0px 20px 30px;
    text-align: center;
  }

  .document_bnr_img img {
    position: initial;
    transform: none;
    height: auto;
    width: 80%;
  }

  .document_bnr_btn a {
    font-size: 14px;
  }
}

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

.serviceContents .casewrapper .document_bnr {
  margin-bottom: 60px;
}
.serviceContents .casewrapper .document_bnr * {
  overflow: initial;
}

.serviceContents .casewrapper .document_bnr_subtitle {
  font-size: 20px;
  padding: 12px 28px 10px;
  margin-bottom: 8px;
}
.serviceContents .casewrapper .document_bnr_title {
  font-size: 30px;
}
@media screen and (max-width: 740px) {
  .serviceContents .casewrapper .document_bnr_subtitle {
    font-size: 15px;
  }

  .serviceContents .casewrapper .document_bnr_title {
    font-size: 20px;
  }
}

.localization_blog_main ul.blog_btn_list {
  background: #f6f6f6;
  padding: 20px;
  margin: 30px 0;
  display: flex;
  justify-content: center;
  gap: 2%;
}
.localization_blog_main ul.blog_btn_list li {
  max-width: 50%;
  min-width: 240px;
}
.localization_blog_main ul.blog_btn_list li a {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: bold;
  display: flex;
  width: 100%;
  background: #0f1f75;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 15px;
  border-radius: 6px;
}
.localization_blog_main ul.blog_btn_list li a:after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -4px;
  vertical-align: middle;
  border-color: #fff;
  content: "";
}
@media all and (max-width: 768px) {
  .localization_blog_main ul.blog_btn_list li {
    max-width: inherit;
  }
  .localization_blog_main ul.blog_btn_list li a {
    font-size: 15px !important;
    box-sizing: border-box;
  }
}

.blog32880_medical_dl {
  overflow: hidden;
}
.blog32880_medical_dl dt {
  font-size: 15px;
  background: #e2ecf8;
  padding: 8px 15px;
  margin-top: 40px;
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.8;
}
.blog32880_medical_dl dd {
  position: relative;
  padding-left: 1em;
  margin-right: 30px;
  line-height: 1.8;
  display: inline-block;
}
.blog32880_medical_dl dd:before {
  content: "・";
  position: absolute;
  left: 0;
}
@media all and (max-width: 768px) {
}

.entry-content.layout32880 #translator div > p {
  font-size: 13px !important;
}
.entry-content.layout32880 #translator div {
  width: 29.2% !important;
  min-height: inherit !important;
  height: auto;
}
.entry-content.layout32880 #translator div dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.entry-content.layout32880 #translator div dl dt {
  font-size: 12px !important;
  line-height: 1;
}
.entry-content.layout32880 #translator div dl dd {
  font-size: 12px !important;
  margin-left: 0;
  width: calc(100% - 80px);
}

@media all and (max-width: 768px) {
  .entry-content.layout32880 #translator div > p {
    font-size: 13px !important;
  }
  .entry-content.layout32880 #translator div {
    width: 100% !important;
    box-sizing: border-box;
  }
  .entry-content.layout32880 #translator div dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .entry-content.layout32880 #translator div dl dt {
    font-size: 12px !important;
    line-height: 1;
  }
  .entry-content.layout32880 #translator div dl dd {
    width: calc(100% - 82px);
  }
}

/* 241216　名古屋電話番号削除による調整 */
div#bottom_contact ul {
  display: flex;
  gap: 10px;
  justify-content: center;
}
@media screen and (max-width: 740px) {
  div#bottom_contact ul {
    flex-direction: column;
  }
}

div#bottom_contact ul li:nth-of-type(1) {
  font-size: 12px;
  margin-right: 0px;
  width: auto;
  margin-top: 8px;
}

div#bottom_contact li.bottom_contact_contact {
  margin-right: 0px;
}

/* 「マニュアル制作・取扱説明書制作について詳しく知りたい方」バナー */
.contactArea2_inner .contact_row02.clearfix {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 10px 0;
}

.contactArea2_inner .contact_row02 .contact_button {
  width: auto;
  padding-bottom: 0px;
  float: initial;
}

.contactArea2_inner .txt_16.contact_pagein {
  width: auto;
  margin: auto;
  padding: 9px 15px 9px 25px;
}

.contactArea2 .contact_web {
  width: auto;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.contactArea2 .contact_web p.contact_web--company {
  line-height: 1;
  font-weight: bold;
  font-size: 20px;
  margin-top: 3px;
}

.contactArea2 .contact_web p.contact_web--time {
  font-size: 13px;
  line-height: 1;
}

@media screen and (max-width: 740px) {
  .contactArea2_inner .contact_row02.clearfix {
    flex-direction: column;
  }
  .contactArea2 .contact_web {
    flex-direction: column;
    align-items: center;
  }
}

.author-block {
  background: #edf4fc;
  padding: 30px;
  margin-top: 40px;
}

.author-block.supervisor {
  background: #f5f5f5;
}

.author-block_heading {
  color: #0c0c84;
  border-bottom: 1px solid #b7b7d1 !important;
  font-size: 1.1rem !important;
  padding-bottom: 5px !important;
  margin-top: 0 !important;
}
.author-block_heading:after {
  content: none !important;
}
.author-block_left {
  min-width: 150px;
}
.author-block_flex {
  display: flex;
  justify-content: center;
}
.author-block_left--gravatar img {
  display: block;
  width: 112px;
}
.author-block_left--authorname {
  text-align: center;
  font-weight: bold;
  width: 112px;
  margin-top: 10px;
  font-size: 15px;
}
.author-block_right--description ul li {
  list-style: disc !important;
  list-style-type: disc !important;
  opacity: 1 !important;
  display: list-item !important;
}
.author-block_right--description ul li::marker {
  color: #4f86c6;
}
@media screen and (max-width: 740px) {
  .author-block_flex {
    flex-direction: column;
    align-items: center;
  }
  .author-block_left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .author-block_left--gravatar {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.author-block.annotation {
  margin-bottom: 60px;
  font-size: 15px;
  line-height: 1.6;
  background: #eff6fd;
}

.author-block.jamstack.supervisor {
  background: #f6f6f6;
}

.author-block.annotation .author-block_heading {
  color: #0c0c84;
  border-bottom: 1px solid #b7b7d1 !important;
  background: none;
  font-size: 1.1rem !important;
  padding-bottom: 5px !important;
}
@media screen and (max-width: 740px) {
  .annotation_blog_main .author-block.annotation li {
    margin: 0 0 5px 0 !important;
    width: 100%;
  }
}
.author-block.jamstack {
  margin-top: 40px;
  background: #eff6fd;
}

.author-block.annotation.supervisor {
  background: #f6f6f6;
}

.document_blog_main
  .author-block.jamstack
  .author-block_right--description
  ul
  li {
  width: 100%;
  margin-bottom: 5px;
}

.document_blog_main .author-block.jamstack li:nth-child(n + 2) {
  margin-right: 0;
}
@media screen and (max-width: 740px) {
  .document_blog_main .author-block.jamstack li {
    margin: 0 0 5px 0 !important;
    width: 100%;
  }
}

/* 250602 ブログ記事一覧セクション追加 */
.annotation__blog_parts {
  padding-bottom: 100px;
  padding-top: 60px;
  background: #f6f6f6;
}
.annotation__blog_parts h2 {
  font-size: 36px;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 30px;
}
.annotation__blog_parts h2 span {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  font-weight: normal;
  color: #4e84c4;
}
.annotation_blog_parts_item ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.annotation_blog_parts_item ul li {
  width: calc(100% / 4 - 20px);
}
.annotation_blog_parts_item ul li:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.annotation_blog_parts_item ul li .ttl a {
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}
.annotation_blog_parts_item ul li .date {
  font-size: 12px;
  color: #666;
}
.annotation_blog_parts_item ul li .cnt {
  display: none;
  margin-bottom: 10px;
}
.annotation_blog_parts_item ul li .img {
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (max-width: 740px) {
  .annotation__blog_parts h2 {
    font-size: 24px;
    border: none;
  }
  .annotation__blog_parts h2 span {
    font-size: 12px;
  }
  .annotation_blog_parts_item ul {
    gap: 40px;
  }
  .annotation_blog_parts_item ul li {
    width: 100%;
  }
  .annotation__blog_parts h2 span:after {
    background-color: #f6f6f6;
  }
  .annotation__blog_parts {
    padding: 40px 0 60px 0;
  }
}