@charset 'UTF-8';

html {
  font-size: 62.5%;
}

body {
  font-size: 1.0rem;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  margin: 0;
  color: #333;
  background: #fff
}

img {
  outline: none;
  border-style: none;
}

a {
  color: #003f98;
  text-decoration: none;
}

a:visited {}

a:hover,
a:hover p,
a:hover ul li {
  text-decoration: underline;
  color: #003f98;
}

a:hover img {
  opacity: 0.7;
}

p {
  font-size: 1.4rem;
  letter-spacing: normal;
  line-height: 1.8;
}

p a {
  text-decoration: underline;
}

li {
  font-size: 1.4rem;
  letter-spacing: normal;
}

th, td {
  font-size: 1.4rem;
  letter-spacing: normal;
}

dt, dd {
  font-size: 1.4rem;
  letter-spacing: normal;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.blue_btn a {
  display: block;
  background: #003f98;
  color: #fff;
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
}

.blue_btn2 {
  display: block;
  background: #003f98;
  color: #fff;
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
}

.blue_btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.blue_btn2:hover {
  text-decoration: none;
  opacity: 0.7;
}

.btn30 {
  width: 30%;
  margin: 0 auto;
  position: relative;
}

.btn40 {
  width: 40%;
  margin: 0 auto;
  position: relative;
}

.btn30:after,
.btn40:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -11px;
  color: #fff;
}

#backBtn {
  margin-top: 15px;
  right: 10px !important;
}

.articleCont_body #backBtn {
  width: 40%;
  margin: 15px auto 0;
  right: 0 !important;
}

.fa {
  display: inline-block;
  width: 10px;
}

p.textCenter {
  text-align: center;
}

.font_red {
  color: #d24a43;
}

ul.dotList li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}

ul.dotList li:before {
  content: "●";
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 2px;
}

a[href^="tel:"] {
  cursor: default;
}

@media screen and (max-width: 767px) {
  p {
    font-size: 1.2rem;
  }

  li {
    font-size: 1.2rem;
  }

  th, td {
    font-size: 1.2rem;
  }

  .btn30 {
    width: 90%;
  }

  .btn30 :after {
    position: absolute;
    right: 10px;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .btn30 {
    width: 40%;
  }
}

/*--------------------------------------------------------------
レイアウト、共通
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

h1, h2 {
  font-size: 1.6rem;
}

h3, h4, h5, h6 {
  font-size: 1.4rem;
}

.twoCol-right, .mainVisual_body, .homeMainVisual_body, .homeMessage, .homeProduct, .homeService, .homeSolution, .homeCase, .homeService, .homeSns, .homeBlogList, .homeLibrary, .homeMainVisualVer2_body, .homeMainService_body, .homeCaseVer2_body, .homePickup_body, .homeFeature_body, .contentMarketing, .productDesc, .productFunction, .productEnv, .productCustomer, .productPrice, .productDemo, .productContact, .mainVisualVer2_body, .productVer2Intro, .productVer2Role_body, .productVer2Function_body, .productVer2Flow_body, .productVer2FunctionFooter_body, .productVer2FunctionFooter_row, .productVer2Important_body, .productVer2Case_body, .productVer2Info_body, .contFooter_body, .serviceDesc, .serviceDetail, .serviceStrategy, .servicePro, .servicePrice, .serviceLogic, .serviceService, .serviceNetwork, .serviceCase, .serviceCmo, .serviceContact, .eventList3col {
  max-width: 1000px;
}

.homeSolution, .homeService {
  margin: auto;
}

/* .wrap {
  position: relative;
  padding: 102px 0 0;
} */

/* 修正0712 */
.wrap {
  position: relative;
  padding: 102px 0 0;
}

/* 修正0717 */
.wrap {
  position: relative;
  padding: 102px 0 0;
}


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

.caseList,
.caseDetail_body,
.companyDetail,
.lp,
.libraryDetail,
.libraryDetail_body,
.library,
.eventDetail,
.eventDetail_body,
.seminar .cont,
.download .cont,
.seminar .twoCol-left {
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.old_newsList,
.corp_box_news,
.categoryLink {
  max-width: 1000px;
  margin: 0 auto;
}

.mainVisual+.cont, .homeMainVisual+.cont {
  margin-top: 0;
}

.seminar .twoCol-left .cont {
  width: 100%;
  max-width: 100%;
  float: none;
}

.seminar .side {
  display: none;
}

.topics_body,
.solution_cont,
.solution_body,
.caseList_body,
.partner_body,
.case_main,
.corp_body,
.companyDetail_wrap,
.download_mainBox,
.libraryDetail_box,
.libraryList,
.seminarDetail,
.libraryList_article,
.eventList_headline,
.eventList_article,
.eventList_footerLink {
  max-width: 1000px;
  margin: 0 auto;
}

.library_headline {
  display: none;
}

.homeProduct_desc .homeSns_desc .homeLibrary_desc .serviceDetail_desc,
.serviceCmo_desc,
.library_desc {
  padding: 0;
  text-align: left;
}

.lp h1,
.lp ul,
.libraryDetail_body ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.libraryDetail_body ul li {
  padding: 0;
  margin: 0;
}

.breadcrumb {
  margin-bottom: 62px;
  padding: 15px 0;
}

.breadcrumb_list {
  width: 1000px;
}

.breadcrumb_list li {
  font-size: 1.2rem;
}

.breadcrumb_list li a {
  color: #003f98;
}

.breadcrumb_item:after {
  color: #333;
}

.h2Line {
  margin-bottom: 30px;
}

.cont .h2Line_wide .h2Line {
  margin-bottom: 0;
  border-bottom: none;
}

.cont .h2Line,
.cont .h2Line_wide {
  border-bottom: 2px solid #e5e6e7;
}

.seminar-old .cont .h2Line,
.seminar .cont .h2Line {}

.cont {
  margin-top: 0;
  padding: 0;
}

.cont .h2Line h2 {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  border-left: 3px solid #003f98;
  padding-left: 10px;
  margin-bottom: 10px;
  line-height: 1.0;
}

/* no .mainVisual page */
.header + .cont > .lp > div:not(.mainVisual):first-child {
  padding-top: 62px;
}

.single_h,
.rec_box h3,
.case_voice h3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 40px;
  font-weight: bold;
  text-align: left;
}

.yellow_dot_h {
  position: relative;
  padding-left: 15px;
  margin-bottom: 20px;
}

.yellow_dot_h:before {
  content: "●";
  color: #fabe00;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -14px;
}

.seminarInfo {
  margin-top: 10px;
}

.seminarInfo p {
  font-weight: bold;
}

.main_box {
  margin-top: 50px;
}

.eventDetail_body p {
  margin-bottom: 0;
}

.cont form {
  max-width: 1000px;
  background: none;
  padding: 0;
  margin: 20px auto 75px;
}

body.download .cont form {
  margin-bottom: 40px;
}

.lp h2,
.lp h3,
.lp p,
.lp img {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.lp h3 {
  font-size: 1.6rem;
}

.categoryLink {}

.categoryLink ul {
  display: table;
  width: 100%;
  margin-bottom: 40px;
}

.categoryLink ul li {
  display: table-cell;
  border-right: 1px solid #ddd;
  text-align: center;
  width: 11.1%;
  font-weight: bold;
  background: #f0f0f0;
  padding: 10px 0;
  font-size: 1.3rem;
}

.categoryLink ul li:last-child {
  border: none;
}

.categoryLink ul li a {
  display: block;
  background: #f0f0f0;
  width: 100%;
}

.categoryLink ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.linkCenter {
  text-align: center;
}

.linkCenter p {
  font-weight: bold;
}

br.none {
  display: none;
}

span.space {
  display: inline-block;
  width: 20px;
}

.bluTtl {
  background: #dbe6f5;
  padding: 10px;
  font-weight: bold;
  border: 1px solid #fff;
}

.text_close {
  border: 1px solid #e62525;
  padding: 10px;
  text-align: center;
  max-width: 1000px;
  margin: auto;
}

.text_close p {
  color: #e62525;
  font-weight: bold;
}

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

  .breadcrumb {
    padding: 7px 0;
    margin-bottom: 20px;
  }

  .breadcrumb_list {
    width: 95%;
  }

  .topics_body,
  .solution_cont,
  .solution_body,
  .caseList_body,
  .partner_body,
  .homeSolution,
  .old_newsList,
  .corp_box_news,
  .categoryLink,
  .case_main,
  .corp_body,
  .companyDetail_wrap,
  .download_mainBox,
  .seminarDetail,
  .eventList_headline,
  .eventList_article,
  .libraryList_article {
    max-width: 90%;
    margin: 0 auto;
  }

  .caseList,
  .companyDetail,
  .caseList_body {
    margin-bottom: 20px;
  }

  .contact .lp {
    padding-bottom: 20px;
  }

  .seminar-old .cont .h2Line_wide,
  .seminar .cont .h2Line_wide {
    border-bottom: none;
  }

  .seminar-old .cont .h2Line,
  .seminar .cont .h2Line {
    border-bottom: 2px solid #e5e6e7;
  }

  .eventDetail_body h1,
  .eventDetail_body p {
    margin-bottom: 0;
  }

  h2, h3, .lp h3, h4, h5 {
    font-size: 1.4rem;
  }

  .eventList_headline {}

  .cont .h2Line h2 {
    line-height: 1.5;
    font-size: 1.4rem;
  }

  .h2Line {
    margin-bottom: 15px;
  }

  .categoryLink ul {
    margin: 0 auto 30px;
  }

  .categoryLink ul li {
    border-right: 1px solid #ddd;
    width: 20%;
    float: left;
    font-size: 1.0rem;
  }

  .categoryLink ul li:nth-child(6) {
    clear: both;
    width: 20%;
    border-top: 1px solid #ddd;
  }

  .categoryLink ul li:nth-child(7) {
    width: 30%;
    border-top: 1px solid #ddd;
  }

  .categoryLink ul li:nth-child(8) {
    width: 20%;
    border-top: 1px solid #ddd;
  }

  .categoryLink ul li:nth-child(9) {
    width: 30%;
    border-top: 1px solid #ddd;
  }

  .categoryLink ul li:nth-child(5),
  .categoryLink ul li:last-child {
    border-right: none;
  }

  .main_box {
    margin-top: 30px;
  }

  .corp_box table br {
    display: block;
  }

  br.none {
    display: block;
  }

  .text_close {
    width: 90%;
    margin-top: 30px;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {

  .topics_body,
  .solution_cont,
  .solution_body,
  .caseList_body,
  .partner_body,
  .case_main,
  .breadcrumb_list,
  .download_mainBox,
  .corp_body,
  .seminarDetail,
  .eventList_headline,
  .libraryList_article,
  .eventList_article {
    max-width: 95%;
    margin: 0 auto;
  }

  .cont form {
    max-width: 95%;
    background: none;
    padding: 0;
  }

  .categoryLink ul li {
    padding: 10px 0;
    font-size: 1.0rem;
  }

  .text_close {
    width: 95%
  }

  .partner_body .btn30 {
    width: 40%;
  }
}

/*--------------------------------------------------------------
Form関係
--------------------------------------------------------------*/
.contact .form_title,
.contact_form .form_title,
.download .form_title {
  display: none;
}

.cont form .innova-form-item,
.innova-form-item {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-bottom: 0;
  padding: 0;
}

.innova-form input+.innova-form-item {
  border-top: 1px solid #ccc;
}

.innova-form-item input,
.innova-form-item textarea {
  margin: 25px 0 22px 25px;
  border: 1px solid #cccccc;
  border-radius: 0;
  font-size: 1.4rem;
}

.innova-form-item input.ccm-input-radio,
.innova-form-item input.ccm-input-checkbox {
  margin: 15px 0 0px 25px;
  border-radius: 0;
}

.innova-form-privacy input.ccm-input-checkbox {
  margin: 29px 0 0 25px;
}

.download .innova-form-free1511583723731 input,
.contact_form .innova-form-free1511766590798 input {
  width: 150px;
}

.innova-form-item select {
  width: 150px;
  margin: 25px 0 22px 25px;
}

.innovaFormLabel_main {
  font-size: 1.4rem;
  background: #f0f0f0;
  padding: 25px 10px 25px 20px;
  width: 30%;
}

.cont form .innovaFormLabel_main {
  padding-bottom: 25px;
  display: table-cell;
}

.innovaFormLabel_main span:after {
  background: #e62525;
}

.ccm-input-text, .ccm-input-select {
  border-radius: 0;
}

.radio_check {
  font-size: 1.4rem;
  line-height: 0;
}

.radio_check:after {
  content: "\A";
  white-space: pre;
}

.cont form .innova-form-free1511766956271,
.cont form .innova-form-free1511766892906,
.cont form .innova-form-free1511583862035 {
  border-bottom: none;
}

.cont form .innova-form-free1511837768042 textarea,
.cont form .innova-form-free1511766444380 textarea,
.cont form .innova-form-free1511583906165 textarea {
  margin: 0 0 22px 25px;
}

.innova-form-free1511583906165 label {
  font-size: 0;
}

.cont form .innovaForm_submitWrap {
  display: block;
  margin-top: 35px;
}

.innovaForm_submitWrap .btn {
  border-radius: 0;
  background: #003f98;
  letter-spacing: .1rem;
}

.innovaForm_submitWrap .btn:hover {
  opacity: 0.7;
}

.innovaFormLabel_main span {
  top: 26px;
  left: 10px;
}

.innova-form-error-message {
  padding-left: 25px;
}

.cont form label {
  cursor: default;
}

#frame_privacy {
  max-width: 1000px;
  margin: 30px auto;
  height: 200px;
  overflow-y: auto;
  background: #f6f5f5;
  padding: 20px;
  text-align: left;
}

#frame_privacy h3 {
  font-size: 1.4rem;
  text-align: left;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-weight: bold;
}

#frame_privacy h4 {
  font-size: 1.2rem;
  text-align: left;
  margin: 20px 0 0 0;
  font-weight: bold;
}

#frame_privacy h5 {
  font-size: 1.2rem;
  margin: 15px 0 0 0;
  font-weight: bold;
}

#frame_privacy p {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

#frame_privacy ul li {
  font-size: 1.2rem;
  margin-bottom: 15px;
  text-indent: -16px;
  margin-left: 16px;
}

#frame_privacy span {
  font-size: 1.2rem;
}

.sign_right {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .cont form {
    margin: 20px auto;
    width: 90%;
  }

  .cont form .innovaFormLabel_main {
    width: 100%;
    display: inline-block;
    padding: 10px;
  }

  .ccm-input-text, .ccm-input-select {
    max-width: 100%;
  }

  .innova-form-item input, .innova-form-item textarea {
    width: 90%;
    margin: 10px;
  }

  .innova-form-item select {
    margin: 10px;
  }

  .innova-form-item input.ccm-input-radio,
  .innova-form-item input.ccm-input-checkbox {
    width: auto;
    margin: 10px 0 10px 10px;
  }

  .cont form .innova-form-free1511837768042 .innovaFormLabel_main,
  .cont form .innova-form-free1511583906165 .innovaFormLabel_main,
  .cont form .innova-form-free1511766444380 .innovaFormLabel_main {
    display: none;
  }

  .cont form .innova-form-free1511837768042 textarea,
  .cont form .innova-form-free1511766444380 textarea,
  .cont form .innova-form-free1511583906165 textarea {
    margin: 0 0 22px 10px;
  }

  .innovaFormLabel_main span {
    top: 11px;
    left: 10px;
  }

  .iframe_wrap {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    height: 140px;
    background: white;
  }

  #frame_privacy {
    height: 100px;
  }
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.header,
.header.mini {
  width: 100%;
  height: auto;
  box-shadow: none;
}

.header.mini .header-document {
  transition: none;
  color: #fff;
  border: none;
}

.header.mini .header_row:first-child {
  padding-top: 10px;
}

.blogHeader_nav {
  display: none;
}

.blogHeader_nav,
.header.mini .header_row:nth-child(2) {
  padding-top: 0;
}

.header.mini .header_brand img {
  width: 80px;
}

.header-tel, .header-document,
.header.mini .header-tel, .header.mini .header-document {
  height: 30px;
}

.header.mini .header-document {
  color: #333;
}

.header.mini .nav {
  margin: 0;
}

.header_body {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.header_row:first-child {
  padding-top: 10px;
  max-width: 1000px;
  margin: 0 auto;
  height: 50px;
}

.blogHeader {
  margin: auto;
  border-bottom: none;
  padding: 10px 0 0 0;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.blogHeader_body {
  max-width: 1000px;
}

.blogHeader_nav,
.header_row:nth-child(2) {
  width: 100%;
  padding-top: 0;
}

h1.header_brand {}

.header_brand .logo {
  float: left;
  margin-right: 10px;
}

.header_brand .logo_group {
  float: left;
}

.header_brand img {
  width: 80px;
  transition: none;
}

.blogHeader .header_brand {
  margin-top: 4px;
}

@media screen and (min-width: 768px) {
  .blogHeader .header_brand {
    margin-top: 0;
  }
}

.blogHeader .header_brand img {
  width: 80px;
}

.header-opt {
  margin-top: 0;
  margin-right: 5px;
}

body.cmo-home .blog-header-opt,
body.corporate .blog-header-opt,
body.solution .blog-header-opt,
body.case .blog-header-opt,
body.contact .blog-header-opt,
body.download .blog-header-opt,
body.topics .blog-header-opt,
body.dealer .blog-header-opt,
body.seminar .blog-header-opt,
body.cmo-movietest  .blog-header-opt,
body.cmo-page_not_found .blog-header-opt {
  display: none;
}

.header-document {
  background: #fabe00;
  color: #333;
  border: none;
  font-weight: bold;
  padding-left: 42px;
  transition: none;
  line-height: 2.5;
}

.header-document+.header-document {
  margin-left: 15px;
}

.header-document:hover {
  text-decoration: none;
  color: #333;
  background-color: #fabe00;
  opacity: 0.7;
}

.opt-mail {
  background: url("../images/ic_nav_mail.png") #fabe00 no-repeat 10% 40%;
  background-size: 15%;
}

.opt-login {
  background: url("../images/ic_nav_login.png") #fabe00 no-repeat 10% 40%;
  background-size: 13%;
}

#nav {
  display: none;
}

.nav_pc {
  border-top: 1px solid #ddd;
  border-bottom: 4px solid #ddd;
  transition: none;
  background: #fff;
}

.nav_pc--column {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50px;
}

.cmo-blog-column .nav_pc {
  /* position: absolute;
  left: 0;
  top: 50px; */
  width: 100%;
}

#nav_list {
  max-width: 1000px;
  margin: 0 auto;
}

.nav_item {
  width: 16.5%;
  border-right: 1px solid #ddd;
}

.nav_item:first-child {
  border-left: 1px solid #ddd;
}

.nav_item a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 3px 0;
  transition: none;
  position: relative;
}

.nav_item a:hover {
  border-bottom: none;
  transition: none;
}

.nav_item.active>a:hover {
  border-bottom: none;
}

.nav_item a span {
  font-size: 1.0rem;
  font-weight: normal;
}

.nav_item:hover span.link {
  position: absolute;
  left: 0;
  bottom: -6px;
  display: inline-block;
  height: 4px;
  width: 100%;
  background: #003f98;
}

body[class^="cmo-news"]>#wrap #nav_pc ul li:nth-child(5) span.link,
body[class^="cmo-blog"]>#wrap #nav_pc ul li:nth-child(6) span.link,
body.solution #nav_pc ul li:nth-child(1) span.link,
body.case #nav_pc ul li:nth-child(2) span.link,
body.topics #nav_pc ul li:nth-child(3) span.link,
body.seminar #nav_pc ul li:nth-child(4) span.link,
body.corporate #nav_pc ul li:nth-child(5) span.link,
body.cmo-news #nav_pc ul li:nth-child(5) span.link,
body.cmo-blog-column #nav_pc ul li:nth-child(6) span.link {
  position: absolute;
  left: 0;
  bottom: -6px;
  display: inline-block;
  height: 4px;
  width: 100%;
  background: #003f98;
}

@media screen and (max-width: 767px) {
  h1.header_brand {
    width: 40%;
    margin: 11px 0 0 14px;
  }

  .blogHeader_body .header_brand {
    width: 50%;
    margin: 11px 0 0 14px;
  }

  .blogHeader {
    padding: 0;
    height: 50px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }

  .header_brand {
    width: 150px;
  }

  .header_brand .logo {
    width: 80px;
    margin-right: 10px;
  }

  .header_brand .logo_group {
    width: 60px;
    margin-top: 3px;
  }

  .header, .header.mini {
    height: 50px;
  }

  .header.mini .header_row:first-child,
  .header_row:first-child {
    padding-top: 0;
    height: 50px;
  }

  .blogHeader_nav {
    display: block;
  }

  .blogHeader_nav,
  .header.mini .header_row:nth-child(2) {
    height: 0;
  }

  .blogHeader_nav,
  .header_row:nth-child(2) {
    border-bottom: 1px solid #ddd;
    height: 0;
  }

  .header-opt {
    margin-top: 10px;
  }

  .header-opt .opt-mail {
    display: none;
  }

  .header-tel, .header-document {
    display: block;
  }

  .header-document {
    font-size: 1.2rem;
    padding: 3px 7px;
    line-height: 2.0;
    background: #fabe00;
    border-radius: 0;
  }

  .header-opt .opt-login {
    margin-right: 54px;
    background: #fabe00;
  }

  #nav_pc {
    display: none;
  }

  #nav {
    display: block;
    overflow: scroll;
  }

  .nav_trigger {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    border-radius: 0;
    text-align: center;
    width: 50px;
    height: 50px;
    background: #003f98;
    box-shadow: none;
    padding: 1rem 1.6rem;
  }

  .nav_trigger.open {
    color: #fff;
    background: #003f98;
    padding: 2.5rem 1.6rem;
  }

  .nav_trigger span {
    width: 2rem;
  }

  .nav_trigger span:after,
  .nav_trigger span:before {
    width: 2rem;
    margin: .6rem 0;
  }

  .nav {}

  .overlay {
    display: none;
    width: 100%;
    text-align: center;
    z-index: 100;
    background: #003f98;
    padding: 20px;
    box-sizing: border-box;
  }

  .overlay ul {
    overflow-y: scroll;
  }

  .nav_list {
    position: static;
    background: none;
    overflow-y: scroll;
    height: 450px;
  }

  .nav_list.open {
    animation: none;
  }

  .nav_item span {
    display: none;
  }

  .nav_item a {
    color: #fff;
    border-bottom: .1rem solid #3365ad;
    padding: 15px 10px;
    text-align: left;
    font-weight: normal;
  }

  .nav_item ul.accordion-panel li a {
    padding: 15px 0;
  }

  .nav_item a visited {
    color: #fff;
  }

  .nav_item a:hover {
    border-bottom: .1rem solid #3365ad;
    transition: none;
  }

  .nav_item {
    width: 100%;
  }

  .nav_item:first-child,
  .nav_item {
    border: none;
  }

  .nav_item:first-child {
    border-top: .1rem solid #3365ad;
  }

  #blogHeader .accordion-control,
  #header .accordion-control {
    color: #fff;
    text-align: left;
    padding: 10px 0 10px 10px;
    position: relative;
    border-bottom: .1rem solid #3365ad;
  }

  #blogHeader .accordion-control i,
  #header .accordion-control i {
    position: absolute;
    top: 30%;
    right: 10px;
  }

  #blogHeader .accordion-panel li a,
  #header .accordion-panel li a {
    padding-left: 25px;
  }

  .header-opt-sp {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px 0;
    margin-top: 20px;
  }

  .header-opt-sp .header-document {
    display: table-cell;
    padding: 0;
    background: #fabe00;
    width: 50%;
    border-radius: 0;
    height: auto;
    text-align: center;
    font-weight: bold;
    font-size: 1.4rem;
    color: #333;
  }

  .header-opt-sp .opt-mail {
    display: none;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .header_row:first-child {
    max-width: 95%;
  }
}

@media screen and (max-width: 320px) {
  .blogHeader_body .header_brand {
    width: 40%;
  }

  .header_brand .logo {
    width: 55px;
    margin-right: 5px;
  }

  .header_brand .logo_group {
    width: 50px;
  }
}

/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
.footer {
  border: none;
}

.footer_body {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.footer_body a {
  color: #333;
}

body.cmo-home .footerBtn,
body.fBtn-none .footerBtn,
body.download .footerBtn {
  display: none;
}

.footerBtn {
  background: #ebebeb;
  padding: 50px 0;
  margin: 60px 0 0 0;
}

.footerBtn ul {
  max-width: 870px;
  margin: 0 auto;
}

.footerBtn ul li {
  float: left;
  width: 45%;
}

.footerBtn ul li:last-child {
  float: right;
}

.footerBtn ul li a {
  display: block;
  background: #003f98;
  padding: 20px;
  width: 100%;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  position: relative;
}

.footerBtn ul li a:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -14px;
  color: #fff;
}

.footerBtn ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.footerBtn ul li span {
  font-size: 1.2rem;
  font-weight: normal;
}

.footerContact_wide {
  width: 100%;
  border-top: 1px solid #ddd;
}

.footerContact,
.footerSitemap {
  max-width: 1000px;
  margin: 0 auto;
}

.footerContact:after {
  content: "";
  clear: both;
  display: block;
}

.footerContact {
  padding: 60px 0;
  text-align: center;
}

.footerContact p {
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 55px;
}

.footerContact_phone {
  float: left;
  width: 45%;
}

.footerContact_phone span {
  display: inline-block;
  height: 100%;
}

.footerContact_phone a img {
  opacity: 1.0;
}

.footerContact_phone p {
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
}

.footerContact_mail {
  float: right;
  width: 45%;
}

.footerContact_mail a {
  display: block;
  width: 416px;
  background: #fabe00;
  padding: 23px 0;
  text-align: center;
  background: #fabe00;
  font-weight: bold;
  font-size: 2.0rem;
}

.footerContact_mail img {
  display: inline-block;
  margin-right: 5px;
  margin-top: -2px;
}

.footerContact_mail a:hover {
  text-decoration: none;
  color: #333;
  opacity: 0.7;
}

.footerInfo {
  background: #003f98;
  padding: 45px 0;
}

.footerInfo_in {
  max-width: 1000px;
  margin: 0 auto;
}

.footerInfo_in:after {
  content: "";
  clear: both;
  display: block;
}

.footerInfo_logo {
  float: left;
  width: 275px;
  margin-right: 90px;
}

.footerInfo_logo ul {
  width: 275px;
  margin-top: 20px;
}

.footerInfo_logo ul:after {
  content: "";
  clear: both;
  display: block;
}

.footerInfo_logo ul li {
  float: left;
  width: 47%;
  text-align: center;
}

.footerInfo_logo ul li:last-child {
  float: right;
}

.footerInfo_logo ul li a {
  display: block;
  background: #fabe00;
  padding: 8px 0;
  font-weight: bold;
}

.footerInfo_logo ul li a:hover {
  text-decoration: none;
  color: #333;
  opacity: 0.7;
}

.footerInfo_address {
  color: #fff;
}

.footerInfo_address p:first-child {
  font-weight: bold;
}

.footerSitemap {
  padding: 50px 0;
}

.footerSitemap_list li>ul {
  margin-left: 0;
}

.footerSitemap_list li {
  font-size: 1.3rem;
}

.headline {
  font-weight: bold;
}

.headline i {
  display: none;
}

.footerSitemap_list {
  margin-right: 90px;
  padding: 0;
  width: auto;
}

.footerSitemap_list:last-child {
  margin-right: 0;
}

#copyright {
  background: #eee;
  font-size: 1.1rem;
  padding: 30px 0;
  border-top: none;
  color: #696969;
}

#retop {}

#retop_sp {
  display: none;
}

.topBtn {
  position: fixed;
  bottom: 20px;
  left: 90%;
  display: block;
  width: 60px;
  height: 60px;
  background: #fabe00;
  border: 1px solid #fff;
  z-index: 9;
  color: #333;
}

.topBtn span {
  display: none;
}

.topBtn:before {
  content: '\25B2';
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #333;
}

.topBtn:hover {
  background: #fad76a;
  text-decoration: none;
}

.contact .footerContact,
.download_detail .footerContact,
.download_detail .footerInfo {
  display: none;
}

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

  .footerBtn {
    padding: 20px 0;
    margin-top: 40px;
  }

  .footerBtn ul {
    width: 90%;
  }

  .footerBtn ul li {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }

  .footerBtn ul li a {
    font-size: 1.6rem;
  }

  .footerBtn ul li:last-child {
    margin-bottom: 0;
  }

  .footerBtn ul li br {
    display: inline;
  }

  .footerContact,
  .footerSitemap {
    max-width: 100%;
  }

  .footerContact {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
  }

  .footerContact p {
    font-size: 1.5rem;
    margin-bottom: 25px;
  }

  .footerContact_phone {
    float: none;
    width: 100%;
  }

  .footerContact_phone p {
    font-size: 1.2rem;
  }

  .footerContact_mail {
    float: none;
    width: 100%;
  }

  .footerContact_mail a {
    width: 100%;
    padding: 15px 0;
    background: #fabe00;
    font-size: 1.5em;
  }

  .footerContact_mail img {
    width: 7%;
  }

  .footerInfo {
    padding: 20px 0;
  }

  .footerInfo_in {
    width: 90%;
    margin: 0 auto;
  }

  .footerInfo_logo {
    float: none;
    width: 100%;
    text-align: center;
  }

  .footerInfo_logo img {
    width: 65%;
  }

  .footerInfo_logo ul {
    width: 100%;
    margin-top: 16px;
  }

  .footerInfo_logo ul li {
    width: 47%;
  }

  .footerInfo_address {
    margin-top: 20px;
  }

  .footerInfo_address br {
    display: inline;
  }

  .footerInfo_address a {
    color: #fff;
    text-decoration: none;
  }

  .footerSitemap {
    width: 100%;
    padding: 20px 0;
  }

  .footerSitemap_cont {
    width: 90%;
    margin: 0 auto;
  }

  .footerSitemap_list {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .footerSitemap_list li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    text-align: left;
    font-size: 1.2rem;
  }

  .accordion-panel {
    display: none;
  }

  .footerSitemap_list {
    margin-bottom: 0;
    color: #696969;
  }

  .footerSitemap_list a {
    color: #696969;
  }

  .footer .accordion>li:first-child {
    padding: 0;
  }

  .headline {
    font-weight: normal;
  }

  .headline i {
    display: inline-block;
  }

  .footerSitemap_list .accordion-control {
    position: relative;
    padding: 10px 0;
    margin-left: 10px;
  }

  .footerSitemap_list .accordion-control i {
    position: absolute;
    top: 30%;
    right: 10px;
    font-size: 1.5rem;
  }

  .footerSitemap_list li ul.accordion-panel li {
    padding-left: 25px;
  }

  .footerSitemap_list:nth-child(4)>li:first-child {
    padding: 0;
    border-top: none;
  }

  .footerSitemap_list:nth-child(4) li {
    padding-left: 10px;
  }

  .footerSitemap_list:nth-child(4) ul li:last-child {
    border-bottom: 1px solid #ddd;
  }

  #copyright {
    padding: 15px 0;
  }

  #retop {
    display: none;
  }

  .footer_body {
    position: relative;
  }

  #retop_sp {
    display: block;
    margin-right: 20px;
    margin-bottom: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
  }

  #retop_sp .topBtn_sp {
    display: block;
    width: 80px;
    text-align: center;
    padding: 7px;
    font-weight: bold;
    background-color: #fabe00;
    color: #333;
    width: 40px;
    height: 40px;
    background: #fabe00;
    border: 1px solid #fff;
    z-index: 9;
    color: #333;
  }

  #retop_sp .topBtn_sp span {
    display: none;
  }

  body.cmo-home #retop_sp,
  body.fBtn-none #retop_sp,
  body.download #retop_sp {
    position: fixed;
    bottom: 0;
    right: 0;
  }

  #retop_sp .topBtn_sp:before {
    content: "▲ ";
    line-height: 2.5;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {

  .footerContact,
  .footerInfo_in,
  .footerSitemap_cont {
    width: 95%;
    margin: auto;
  }

  .footerSitemap_list {
    margin-right: 30px;
  }

  .footerSitemap_list li {
    font-size: 1.2rem;
  }

  .footerBtn {
    padding: 50px 15px;
  }
}

/*--------------------------------------------------------------
mainVisual
--------------------------------------------------------------*/
body.corporate #mainVisual {
  display: none;
}

.news_mainVisual {}

.mainVisual {
  position: relative;
  padding: 0;
  background-position: center 50px;
}

.mainVisual_body {
  height: 200px;
  margin: auto;
}

.mainVisual_copy {
  position: relative;
  z-index: 1;
  width: 100%;
}

.mainVisual_headline {
  color: #333;
  padding: 0;
  font-size: 3.3rem;
  display: table;
  margin: auto;
  text-align: center;
  background-size: .2rem .2rem;
}

.mainVisual_headline h1 {
  font-weight: bold;
  font-size: 3.6rem;
  margin-top: 56px;
}

.news_mainVisual .mainVisual_headline h1 {
  margin-top: 66px;
}

body.seminar .mainVisual_headline h1,
body.header-short .mainVisual_headline h1,
body.case .mainVisual_headline h1,
body.corporate .mainVisual_headline h1 {
  margin-top: 73px;
}

body.header-short2 .mainVisual_headline h1 {
  margin-top: 45px;
}

.mainVisual_txt {
  color: #333;
  padding-top: 0;
  max-width: 100%;
}

.seminar .mainVisual {
  background: url('../images/mainimg_seminar.jpg') #f5f5f5 no-repeat center top;
}

.download .mainVisual {
  background: url('../images/mainimg_download.jpg') #f5f5f5 no-repeat center top;
}

.contact .mainVisual {
  background: url('../images/mainimg_contact.jpg') #f5f5f5 no-repeat center top;
}

.corporate .mainVisual {
  background: url('../images/mainimg_corp.jpg') #f5f5f5 no-repeat center top;
}

body[class^="cmo-news"]>#wrap>.news_mainVisual {
  background: url('../images/mainimg_corp.jpg') #f5f5f5 no-repeat center top;
}

body[class^="cmo-cl"]>#wrap>.news_mainVisual,
body[class^="cmo-blog"]>#wrap>.news_mainVisual {
  background: url('../images/mainimg_column.jpg') #f5f5f5 no-repeat center 0;
}

.case .mainVisual {
  background: url('../images/mainimg_case.jpg') #f5f5f5 no-repeat center top;
}

.case .mainVisual .mainVisual {
  background: none;
}

.dealer .mainVisual {
  background: url('../images/mainimg_dealer.jpg') #f5f5f5 no-repeat center top;
}

.solution .mainVisual {
  background: url('../images/mainimg_solution.jpg') #f5f5f5 no-repeat center top;
}

.topics .mainVisual {
  background: url('../images/mainimg_topics.jpg') #f5f5f5 no-repeat center top;
}

.loginWrap .mainVisual {
  padding: 0;
}

@media screen and (max-width: 767px) {

  .news_mainVisual,
  .mainVisual {
    height: 146px;
    padding-top: 55px;
  }

  .news_mainVisual {
    position: relative;
  }

  body.seminar .mainVisual {
    padding-top: 65px;
  }

  .seminar .mainVisual {
    background: url('../images/mainimg_seminar_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  .download .mainVisual {
    background: url('../images/mainimg_download_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  .contact .mainVisual {
    background: url('../images/mainimg_contact_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  .corporate .mainVisual {
    background: url('../images/mainimg_corp_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  body[class^="cmo-news"]>#wrap>.news_mainVisual {
    background: url('../images/mainimg_corp_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  body[class^="cmo-cl"]>#wrap>.news_mainVisual,
  body[class^="cmo-blog"]>#wrap>.news_mainVisual {
    background: url('../images/mainimg_column_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  .case .mainVisual {
    background: url('../images/mainimg_case_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  .dealer .mainVisual {
    background: url('../images/mainimg_dealer_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  .solution .mainVisual {
    background: url('../images/mainimg_solution_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  .topics .mainVisual {
    background: url('../images/mainimg_topics_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  .mainVisual_headline h1 {
    font-size: 1.6rem;
    margin-top: 0;
  }

  body.seminar .mainVisual_headline h1,
  body.header-short2 .mainVisual_headline h1,
  body.header-short .mainVisual_headline h1,
  body.case .mainVisual_headline h1,
  body.corporate .mainVisual_headline h1 {
    margin-top: 5px;
  }

  .mainVisual_body {
    height: auto;
    padding: 0;
    margin-top: 5px;
  }

  .mainVisual_copy {
    padding: 0 10px;
  }

  .download .mainVisual_copy {
    padding: 8px 10px;
  }

  body[class^="cmo-cl"]>#wrap .mainVisual_copy,
  body[class^="cmo-news"]>#wrap .mainVisual_copy,
  body[class^="cmo-blog"]>#wrap .mainVisual_copy {
    padding: 25px 10px;
  }

  body.seminar .mainVisual_copy,
  body.header-short .mainVisual_copy,
  body.case .mainVisual_copy,
  body.corporate .mainVisual_copy {
    padding: 25px 10px 0;
    margin-top: 0;
  }

  body.header-short2 .mainVisual_copy {
    padding: 5px 10px 5px;
  }

  .mainVisual_headline {
    text-align: left;
    margin-top: 0;
    font-size: 1.6rem;
  }

  body[class^="cmo-news"]>#wrap .mainVisual_headline,
  body[class^="cmo-cl"]>#wrap .mainVisual_headline,
  body[class^="cmo-blog"]>#wrap .mainVisual_headline {
    margin: 0;
  }

  body[class^="cmo-news"]>#wrap .news_mainVisual .mainVisual_headline h1,
  body[class^="cmo-cl"]>#wrap .news_mainVisual .mainVisual_headline h1,
  body[class^="cmo-blog"]>#wrap .news_mainVisual .mainVisual_headline h1 {
    margin-top: 0;
  }

  .mainVisual_txt {
    text-align: left;
    max-width: 350px;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  body[class^="cmo-news"]>#wrap .mainVisual_txt,
  body[class^="cmo-blog"]>#wrap .mainVisual_txt,
  body.header-short2 .mainVisual_txt,
  body.header-short .mainVisual_txt,
  body.case .mainVisual_txt,
  body.corporate .mainVisual_txt {}

  .mainVisual_txt br {
    display: inline;
  }

  .mainVisual_txt p {
    line-height: 1.6rem;
    font-size: 1.0rem;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .seminar .mainVisual {
    background: url('../images/mainimg_seminar_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center top;
  }

  .download .mainVisual {
    background: url('../images/mainimg_download_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center top;
  }

  .contact .mainVisual {
    background: url('../images/mainimg_contact_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center top;
  }

  .corporate .mainVisual {
    background: url('../images/mainimg_corp_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center top;
  }

  .dealer .mainVisual {
    background: url('../images/mainimg_dealer_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center top;
  }

  .case .mainVisual {
    background: url('../images/mainimg_case_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center top;
  }

  .mainVisual_headline {
    text-align: left;
    padding: 0;
    margin: 0 0 0 30px;
  }

  .mainVisual_txt {
    text-align: left;
    padding: 0;
    margin: 0 0 0 30px;
  }
}

/*--------------------------------------------------------------
index トップページ
--------------------------------------------------------------*/
.homeMainVisual {
  background-image: url('../images/mainimg.jpg');
  background-size: cover;
  height: 530px;
  margin: 0;
  padding: 0;
}

.homeMainVisual_body {
  max-width: 1180px;
}

.homeMainVisual_copy {
  padding: 0;
  max-width: 713px;
  position: relative;
}

.homeMainVisual_headline {
  background: #003e98;
  padding: 0;
  margin-top: 122px;
  margin-bottom: 0;
  width: 100%;
}

.homeMainVisual_headline h1 {
  font-size: 55px;
  font-weight: bold;
  padding: 16px 25px;
  letter-spacing: .1rem;
}

.homeMainVisual_headline p {
  font-size: 2.6rem;
  color: #ffc81a;
  font-weight: bold;
  background: #062f87;
  padding: 16px 0;
}

.homeMainVisual_next a {
  display: inline-block;
  background: #fabe00;
  font-size: 2.4rem;
  color: #000;
  font-weight: bold;
  letter-spacing: .1rem;
  text-align: center;
  max-width: 222px;
  padding: 12px 35px;
  position: absolute;
  top: 312px;
  right: 20px;
}

.homeMainVisual_next a:hover {
  background: #fbd16c;
  color: #717171;
  text-decoration: none;
}

.homeMainVisual_next a:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -20px;
}

.homeSolution {
  text-align: center;
  padding: 58px 0 47px;
}

.homeSolution p {
  font-size: 2.4rem;
  font-weight: bold;
  color: #003f98;
  margin: 32px 0 50px;
}

.homeSolution img {
  width: 990px;
}

.solutionImg_sp {
  display: none;
}

.homeSolution h1 img {
  width: 260px;
}

.homeCase_wrap {
  background: #e9f0fa;
  background: -moz-linear-gradient(top, #e9f0fa 0%, #ffffff 5%);
  background: -webkit-linear-gradient(top, #e9f0fa 0%, #ffffff 5%);
  background: linear-gradient(to bottom, #e9f0fa 0%, #ffffff 5%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9f0fa', endColorstr='#ffffff', GradientType=0);
  padding: 60px 0;
}

.homeCase {
  margin-bottom: 0;
}

.homeCase_headline {
  border-bottom: 2px solid #003f98;
  width: 320px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.homeCase_headline p {
  color: #003f98;
  font-weight: bold;
}

.homeCase_text {
  margin: 15px 0 40px;
}

.homeCase_text p {
  font-weight: bold;
  margin-bottom: 40px;
  font-size: 1.6rem;
}

.homeCase_item {
  margin-bottom: 35px;
  padding: 0 1.8rem;
}

.homeCase_box {
  border: 1px solid #ddd;
  padding: 0;
}

.homeCase_info {
  background: #fff;
  text-align: center;
}

.homeCase_info p.homeCase_txt {
  text-align: left;
  padding: 10px;
}

.homeCase_info img {
  margin: 20px 0;
}

.homeCase_info img+p {
  font-weight: bold;
  padding: 0 10px;
}

.homeCase_btn {
  padding: 0 15px 15px;
  position: relative;
}

.homeCase_btn:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -20px;
  color: #fff;
}

.homeCase_btn a:hover {
  background: #003f98;
  opacity: 0.7;
  transition: none;
}

.homeCase .blue_btn {
  margin-top: 10px;
}

.homeService_wrap {
  background: #184e9a;
  background: -moz-linear-gradient(top, #184e9a 0%, #2460b6 5%);
  background: -webkit-linear-gradient(top, #184e9a 0%, #2460b6 5%);
  background: linear-gradient(to bottom, #184e9a 0%, #2460b6 5%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#184e9a', endColorstr='#2460b6', GradientType=0);
  padding: 60px 0;
}

.homeService {
  text-align: center;
  background: url('../images/top_service_bg.png') center 70% no-repeat;
  max-width: 1180px;
}

.homeService_headline {
  max-width: 1000px;
  margin: 0 auto 50px;
}

.homeService_headline p {
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  margin-top: 15px;
}

ul.homeService_list {
  display: table;
  max-width: 1000px;
  margin: auto;
}

ul.homeService_list li {
  display: table-cell;
  width: 33.33333%;
  float: left;
  padding: 10px;
}

ul.homeService_list li:nth-child(4) {
  clear: both;
}

ul.homeService_list li:nth-child(n + 4) {
  width: 25%;
}

ul.homeService_list li .homeService_box {
  background: #fff;
  padding: 30px;
  text-align: center;
}

ul.homeService_list li:nth-child(n + 4) .homeService_box {
  padding: 30px 20px;
}

.homeService_box>p {
  font-size: 1.8rem;
  color: #003f98;
  font-weight: bold;
}

.homeService_box>p br {
  display: none;
}

.homeService_box .homeService_img {
  margin-top: 10px;
}

ul.homeService_list li:nth-child(1) .homeService_box .homeService_img img,
ul.homeService_list li:nth-child(2) .homeService_box .homeService_img img,
ul.homeService_list li:nth-child(3) .homeService_box .homeService_img img {
  width: 140px;
}

ul.homeService_list li:nth-child(n + 4) .homeService_box .homeService_img img {
  width: 120px;
}

.homeService_box .homeService_info p {
  text-align: left;
  margin: 20px 0;
}

.homeService_btn {
  position: relative;
}

.homeService_btn:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -11px;
  color: #fff;
}

.homeService_ttl {
  height: 56px;
  width: 10%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.homeService_box p.homeService_ttl {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .homeMainVisual {
    background: url('../images/mainimg_sp.jpg') no-repeat;
    background-size: 100%;
    height: 470px;
    margin-top: 50px;
    position: relative;
  }

  .homeMainVisual_body {
    max-width: 100%;
    background: none;
  }

  .homeMainVisual_copy {
    padding: 0;
    width: 95%;
    max-width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 310px;
    left: 0;
    right: 0;
  }

  .homeMainVisual_headline {
    margin-top: 0;
  }

  .homeMainVisual_headline h1 {
    font-size: 2.2rem;
  }

  .homeMainVisual_headline p {
    font-size: 1.3rem;
  }

  .homeMainVisual_next a {
    font-size: 1.8rem;
    max-width: 222px;
    position: absolute;
    top: 115px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .homeMainVisual_next a:after {
    margin-top: -14px;
  }

  .homeService_headline h1 img,
  .homeCase_headline h1 img,
  .homeSolution h1 img {
    width: 60%;
  }

  .homeSolution p {
    font-size: 1.7rem;
    margin: 15px 0;
  }

  .solutionImg_sp {
    display: block;
  }

  .solutionImg_pc {
    display: none;
  }

  .homeCase_wrap {
    padding: 30px 0;
  }

  .homeCase_headline {
    width: auto;
  }

  .homeCase_img {
    min-height: auto;
  }

  .homeCase .blue_btn {}

  .homeCase_info {
    padding: 0;
  }

  .homeCase_info img {
    margin: 10px 0;
  }

  .homeCase_txt {
    padding: 10px 15px;
  }

  .homeCase_text p {
    font-size: 1.4rem;
  }

  .homeCase .linkCenter {
    margin-top: 30px;
  }

  .homeService_wrap {
    padding: 30px 0;
  }

  .homeService_headline {
    margin: 0 auto 20px;
  }

  ul.homeService_list li,
  ul.homeService_list li:nth-child(n+4) {
    width: 50%;
  }

  ul.homeService_list li:nth-child(4) {
    clear: none;
  }

  ul.homeService_list li .homeService_box,
  ul.homeService_list li:nth-child(n+4) .homeService_box {
    padding: 15px 10px;
  }

  .homeService_box>p {
    line-height: 1.4;
    font-size: 1.4rem;
  }

  .homeService_box p.homeService_ttl {
    font-size: 1.4rem;
  }

  .homeService_box>p br {
    display: inline;
  }

  .homeService_box .homeService_img {
    margin: 10px auto 0;
    width: 70%;
  }

  .homeService_ttl {
    height: auto;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .homeMainVisual {
    height: 320px;
  }

  .homeMainVisual_copy {
    max-width: 400px;
    margin: 0 30px;
  }

  .homeMainVisual_headline {
    margin-top: 80px;
  }

  .homeMainVisual_headline h1 {
    font-size: 3.0rem;
  }

  .homeMainVisual_headline p {
    font-size: 1.8rem;
  }

  .homeMainVisual_next {
    width: 182px;
    font-size: 1.8rem;
    top: 217px;
    padding: 12px 20px;
  }

  .homeMainVisual_next:after {
    margin-top: -14px;
  }

  .homeMainVisual_next a {
    top: 212px;
  }
}

@media screen and (max-width:320px) {
  .homeMainVisual {
    height: 400px;
  }

  .homeMainVisual_copy {
    padding: 0;
    width: 95%;
    max-width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 240px;
  }
}

/*--------------------------------------------------------------
semminer event セミナー・イベント情報
--------------------------------------------------------------*/
.semiverText_top {
  max-width: 1000px;
  margin: 0 auto 40px;
  text-align: left;
}

.seminar .h2Line_wide:after {
  content: "";
  clear: both;
  display: block;
}

.seminar .h2Line_wide h2 {
  float: left;
}

.seminar .h2Line_wide p {
  float: right;
}

.eventList_footerLink i,
.eventList_headline i {
  border: none;
  width: 10px;
}

.seminar .h2Line_wide p a {
  text-decoration: none;
}

.seminar .h2Line_wide p a:hover {
  text-decoration: underline;
}

.eventList_headline h3 {
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 50px;
}

.eventList_article {
  padding: 1px;
  margin-top: 30px;
  border: 1px solid #ddd;
}

.eventList_article:after {
  content: "";
  clear: both;
  display: block;
}

.eventList_title {
  background: #dbe6f5;
  font-size: 1.8rem;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 25px;
}

.eventCategory {
  display: inline-block;
  padding: 7px;
  background: #789dd0;
  color: #fff;
  font-size: 1.2rem;
  margin-right: 13px;
}

.eventList_img {
  float: left;
  margin-left: 24px;
  margin-right: 20px;
  margin-top: -10px;
}

.eventList_img img {
  width: 100%;
}

.eventList_desc {
  overflow: hidden;
  margin-right: 24px;
  border-bottom: 1px solid #ddd;
}

.eventList_info {
  overflow: hidden;
  margin-right: 24px;
  background: #fff;
  padding: 1rem 1.5rem 1rem 0;
}

.eventList_info p {
  color: #3f6293;
  margin-bottom: 10px;
}

.eventList_info p.li_left {
  float: left;
  width: 30%;
}

.eventList_info p.li_right {
  float: right;
  width: 67%;
}

.eventList_info p span {
  color: #333;
}

.eventList_info p span.infoH {
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
}

.eventList_info ul {
  list-style-type: square;
}

.eventList_info ul:after {
  content: "";
  clear: both;
  display: block;
}

.eventList_info ul li {
  color: #3f6293;
  margin-bottom: 10px;
  margin-left: 5px;
}

.eventList_info ul li.li_left {
  float: left;
  width: 30%;
}

.eventList_info ul li.li_right {
  float: right;
  width: 67%;
}

.eventList_info ul li span {
  color: #333;
}

.eventList_info ul li span.infoH {
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
}

.eventList_btn {
  clear: both;
  overflow: hidden;
  width: 262px;
  display: block;
  margin: 0 auto 30px;
  background-color: #003f98;
  font-size: 1.4rem;
  position: relative;
}

.eventList_btn:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -11px;
}

.eventList_btn:hover {
  background-color: #003f98;
  opacity: 0.7;
}

.eventList_footerLink {
  margin-top: 30px;
}

.eventList_footerLink:after {
  content: "";
  clear: both;
  display: block;
}

.eventList_footerLink p {
  float: right;
}

.eventList_footerLink p a {
  text-decoration: none;
}

.eventList_footerLink p a:hover {
  text-decoration: underline;
}

.eventList {
  margin-bottom: 0;
}

.seminar_ttl {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

.seminar_ttl .seminar_cate {
  display: inline-block;
  padding: 5px;
  color: #fff;
}

.seminar_ttl .cate01 {
  background: #789dd0;
}

.seminar_ttl .cate02 {
  background: #003f98;
}

.seminar_ttl h1 {
  font-size: 2.2rem;
  margin: 20px 0 0;
  font-weight: bold;
}

.seminarAbout {
  text-align: center;
}

.seminarAbout p {
  text-align: left;
  margin-bottom: 25px;
}

.seminarAbout img {
  margin: 0 auto 30px;
}

.seminarInfo {
  margin-top: 30px;
}

.seminarInfo br {
  display: inline;
}

.seminarInfo table {
  width: 100%;
  margin-top: 20px;
}

.seminarInfo table th {
  width: 20%;
  padding: 15px;
  background: #f0f0f0;
  font-weight: bold;
  border: 1px solid #ccc;
}

.seminarInfo table td {
  padding: 15px;
  border: 1px solid #ccc;
}

.seminarInfo table ul li {
  margin-top: 15px;
}

.seminarInfo table ul li em {
  color: #003f98;
}

.seminarPhoto {
  margin-bottom: 60px;
}

.seminarPhoto ul {
  display: table;
  max-width: 900px;
  margin: 0 auto;
}

.seminarPhoto ul li {
  display: table-cell;
  width: 50%;
  padding: 0 50px;
}

.seminar_open_btn {
  width: 40%;
  margin: 0 auto;
  position: relative;
}

.seminar_open_btn:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  color: #fff;
}

.seminar_linkList {
  max-width: 1000px;
  margin: 0 auto;
}

.eventDetailForm {
  margin: 0;
}

.seminar_ttl p.ttl_close {
  color: #e62525;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 10px;
}

.seminar_close {
  border: 1px solid #e62525;
  padding: 10px;
  text-align: center;
  max-width: 1000px;
  margin: auto;
}

.seminar_close p {
  color: #e62525;
  font-weight: bold;
}

.seminar .eventDetail_body ul,
.seminar .eventList_body ul {
  max-width: 1000px;
  margin: 50px auto 0;
}

.seminar .eventDetail_body ul li,
.seminar .eventList_body ul li {
  float: left;
  padding: 0 20px;
  border-right: 1px solid #ddd;
  font-weight: bold;
}

.seminar .eventDetail_body ul li:first-child,
.seminar .eventList_body ul li:first-child {
  border-left: 1px solid #ddd;
}

.seminar .eventDetail_body ul li a,
.seminar .eventList_body ul li a {
  font-weight: normal;
}

.seminar .eventDetail_body ul.breadcrumb_list,
.seminar .eventList_body ul.breadcrumb_list {
  margin: auto;
}

.seminar .eventDetail_body ul.breadcrumb_list li,
.seminar .eventList_body ul.breadcrumb_list li {
  border: none;
  font-weight: normal;
  padding: 0;
  float: none;
}

.seminar .eventDetail_body .seminarInfo table td ul,
.seminar .eventDetail_body .seminarPhoto ul,
.seminar .eventDetail_body .eventList_info ul,
.seminar .eventList_body .eventList_info ul {
  margin: auto;
  max-width: auto;
}

.seminar .eventDetail_body .seminarInfo table td ul li,
.seminar .eventDetail_body .eventList_info ul li,
.seminar .eventList_body .eventList_info ul li {
  border: none;
  font-weight: normal;
  padding: 0;
  float: none;
}

.seminar .eventDetail_body .seminarPhoto ul li {
  border: none;
  padding: 0 50px;
  float: none;
}

.seminar .eventDetail_body .seminarPhoto ul {
  margin: 0 auto;
  max-width: auto;
}

.eventList_h_year {
  clear: both;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .semiverText_top {
    width: 90%;
    margin-bottom: 20px;
  }

  .seminar_ttl h1 {
    font-size: 1.4rem;
  }

  .seminar .h2Line_wide h2 {
    float: none;
  }

  .seminar .h2Line_wide p {
    float: none;
    margin-top: 10px;
  }

  .seminar_ttl h1 {
    margin-top: 10px;
  }

  .eventList_headline h3 {
    font-size: 1.4rem;
    margin-top: 30px;
  }

  .eventList_article {
    width: 100%;
  }

  .eventList_title {
    font-size: 1.4rem;
    line-height: 1.8;
  }

  .eventCategory {
    display: inline;
  }

  .eventCategory:after {
    content: "\A";
    white-space: pre;
  }

  .eventList_img {
    width: 90%;
    float: none;
    margin: -20px auto 10px;
  }

  .eventList_img img {
    height: 100px;
    object-fit: cover;
  }

  .eventList_desc,
  .eventList_info {
    width: 90%;
    margin: 0 auto;
  }

  .seminarInfo table th,
  .seminarInfo table td {
    display: inline-block;
    width: 100%;
    border-bottom: none;
    padding: 10px;
  }

  .seminarInfo table {
    border-bottom: 1px solid #ddd;
  }

  .eventDetail_body,
  .eventList_body {
    margin-bottom: 20px;
  }

  .eventList_info ul li {
    margin-left: 0;
  }

  .eventList_info ul li.li_left,
  .eventList_info ul li.li_right {
    float: none;
    width: 100%;
  }

  .eventList_btn {
    display: block;
    width: 80%;
    margin: 0 auto 20px;
    float: none;
    font-size: 1.2rem;
  }

  .eventList_btn:after {
    margin-top: -10px;
  }

  .seminarAbout p {
    margin-bottom: 15px;
  }

  .seminarAbout img {
    margin-bottom: 15px;
  }

  .seminarPhoto {
    margin-bottom: 30px;
  }

  .seminarPhoto ul li {
    width: 50%;
    padding: 0 5px;
  }

  .seminar_open_btn {
    width: 80%;
    margin-bottom: 30px;
  }

  .seminar_linkList {
    width: 90%;
  }

  .seminar_linkList ul {
    float: none;
  }

  .seminar_linkList .eventList_footerLink {
    float: none;
    margin-top: 20px;
  }

  .seminar_close {
    width: 90%;
  }

  .seminar .eventDetail_body ul,
  .seminar .eventList_body ul {
    display: table;
    width: 90%;
    border: 1px solid #ddd;
    margin: 15px auto 0;
  }

  .seminar .eventDetail_body ul>li:nth-child(3n+1),
  .seminar .eventList_body ul>li:nth-child(3n+1) {
    clear: both;
  }

  .seminar .eventDetail_body ul li,
  .seminar .eventList_body ul li {
    display: table-cell;
    width: 33.3%;
    text-align: center;
    padding: 12px 0;
    font-weight: bold;
    border: none;
  }

  .seminar .eventDetail_body ul li:first-child,
  .seminar .eventList_body ul li:first-child {
    border: none;
  }

  .seminar .eventDetail_body ul li:nth-child(2),
  .seminar .eventDetail_body ul li:nth-child(5),
  .seminar .eventList_body ul li:nth-child(2),
  .seminar .eventList_body ul li:nth-child(5) {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }

  .seminar .eventDetail_body ul li:nth-child(n+4),
  .seminar .eventList_body ul li:nth-child(n+4) {
    border-top: 1px solid #ddd;
  }

  .seminar .eventDetail_body ul li a,
  .seminar .eventList_body ul li a {
    color: #003f98;
    font-weight: normal;
  }

  .seminar .eventDetail_body .seminarPhoto ul,
  .seminar .eventDetail_body .seminarInfo table td ul {
    display: block;
    border: none;
    width: 100%;
  }

  .seminar .eventDetail_body .seminarInfo table td ul li {
    display: block;
    width: 100%;
    border: none;
    text-align: left;
  }

  .seminar .eventDetail_body .seminarPhoto ul li {
    padding: 0 10px;
    border: none;
  }

  .eventList_h_year {
    width: 90%;
  }

  .eventList_h_year .single_h {
    margin-top: 30px;
  }

  .seminar .eventDetail_body ul.breadcrumb_list,
  .seminar .eventList_body ul.breadcrumb_list {
    max-width: 95%;
    margin: auto;
    border: none;
  }

  .seminar .eventDetail_body ul.breadcrumb_list li,
  .seminar .eventList_body ul.breadcrumb_list li {
    border: none;
    font-weight: normal;
    padding: 0;
    float: none;
    display: inline-block;
    width: auto;
  }

  .eventList_footerLink {
    width: 90%;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {

  .semiverText_top,
  .seminar-old .eventDetail_body ul,
  .seminar-old .eventList_body ul,
  .eventList_h_year,
  .seminar_linkList,
  .seminar_close {
    width: 95%;
  }

  .old_list_link {
    max-width: 100%;
  }

  .eventList_info {
    margin-left: 20px;
  }

  .seminar-old .eventDetail_body ul li,
  .seminar-old .eventList_body ul li {
    padding: 0 15px;
  }

  .eventList_footerLink {
    margin-right: 20px;
  }

  .seminar .eventDetail_body ul.breadcrumb_list,
  .seminar .eventList_body ul.breadcrumb_list {
    max-width: 95%;
  }
}

/*--------------------------------------------------------------
download 資料ダウンロード
--------------------------------------------------------------*/
.libraryList {
  margin-bottom: 20px;
}

.libraryList_item {
  padding: 0 18px;
  margin-bottom: 35px;
}

.libraryList_item a {
  transition: none;
}

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

.libraryList_item a:hover {
  transform: none;
  box-shadow: none;
}

.libraryList_title {
  padding: 25px 0 22px;
}

.libraryList_title p {
  display: block;
  text-align: left;
  font-size: 1.2rem;
}

.libraryList_title p:first-child {
  font-weight: bold;
  font-size: 1.4rem;
}

.libraryList_cont span.library_cate {
  top: 15px;
  left: 15px;
  background: #789dd0;
  padding: 5px 22px;
}

.libraryList_item a:hover,
.libraryList_item a:hover p {
  text-decoration: none;
  opacity: 0.7;
}

.download_btn {
  position: relative;
}

.download_btn:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -11px;
  color: #fff;
}

.libraryDetail_body h2 {
  border: none;
  margin-top: 0;
}

.libraryDetail_box {
  border: 1px solid #ddd;
  padding: 1px;
}

.libraryDetail_box:after {
  content: "";
  clear: both;
  display: block;
}

.box_title {
  background: #dbe6f5;
  font-size: 1.8rem;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 25px;
}

.box_category {
  display: inline-block;
  padding: 7px;
  background: #789dd0;
  color: #fff;
  font-size: 1.2rem;
  margin-right: 13px;
}

.libraryDetail_img {
  float: left;
  margin-left: 24px;
  width: 30%;
}

.libraryDetail_img img {
  width: 100%;
}

.libraryDetail_About {
  float: right;
  width: 62%;
  margin-right: 24px;
}

.libraryDetail_desc {
  overflow: hidden;
  border-bottom: none;
}

.libraryDetail_info {
  margin-bottom: 24px;
}

.libraryDetail_info dl {
  width: 100%;
}

.libraryDetail_info dl dt {
  background: #f0f0f0;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  float: left;
  width: 25%;
  font-size: 1.4rem;
}

.libraryDetail_info dl dt:nth-child(5) {
  clear: both;
}

.libraryDetail_info dl dd {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  float: left;
  width: 25%;
  font-size: 1.4rem;
}

.libraryDetail_info dl dt:first-child,
.libraryDetail_info dl dd:nth-child(2),
.libraryDetail_info dl dt:nth-child(3),
.libraryDetail_info dl dd:nth-child(4) {
  border-top: 1px solid #ddd;
}

.form_ttl {
  max-width: 1000px;
  margin: 50px auto 0;
}

.form_ttl h3 {
  font-size: 1.6rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}

.form_ttl p {
  color: #e62525;
  margin: 30px 0;
}

.page_right_link {
  max-width: 1000px;
  margin: 0 auto 60px;
}

.page_right_link p {
  float: right;
  line-height: 1.0;
}

.page_right_link p a {
  text-decoration: none;
}

.page_right_link p a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .libraryDetail_box {
    width: 100%;
    padding: 0;
  }

  .box_title {
    font-size: 1.4rem;
    line-height: 1.8;
  }

  .box_category {
    display: inline;
  }

  .box_category:after {
    content: "\A";
    white-space: pre;
  }

  .libraryDetail_img {
    float: none;
    width: 90%;
    margin: 0 auto;
  }

  .libraryList_title {
    padding: 15px 0;
  }

  .libraryDetail_About {
    float: none;
    width: 90%;
    margin: 0 auto;
  }

  .download_btn {
    width: 90%;
    margin: 0 auto;
  }

  .page_right_link {
    width: 90%;
    margin: 0 auto 40px;
  }

  .form_ttl {
    max-width: 100%;
    margin: 30px auto 0;
  }

  .form_ttl h3 {
    font-size: 1.4rem;
  }

  .contact .form_ttl {
    max-width: 90%;
  }

  .form_ttl p {
    margin: 15px 0;
  }

  .libraryDetail_info dl {
    border-top: 1px solid #ddd;
  }

  .libraryDetail_info dl dt {
    clear: both;
    float: left;
    width: 40%;
    font-size: 1.2rem;
  }

  .libraryDetail_info dl dd {
    width: 60%;
    font-size: 1.2rem;
  }

  .download_btn:after {
    margin-top: -10px;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .form_ttl {
    max-width: 95%;
    margin: 50px auto 0;
  }

  .download .form_ttl {
    max-width: 100%;
  }

  .page_right_link {
    max-width: 95%;
  }

  .libraryDetail_info dl dt,
  .libraryDetail_info dl dd {
    font-size: 1.2rem;
  }
}

/*--------------------------------------------------------------
contact お問い合わせフォーム
--------------------------------------------------------------*/
.contact .companyDetail {
  margin-bottom: 50px;
}

.contact_box {
  width: 47%;
  float: left;
  background: #f0f0f0;
  padding: 20px 0;
  text-align: center;
}

.contact_box:last-child {
  float: right;
}

.contact_box h3 {
  font-weight: bold;
}

.contact_box .blue_btn {
  width: 60%;
  margin: 20px auto 5px;
  position: relative;
  color: #fff;
}

.contact_box .blue_btn:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
}

.contact_box p {
  margin-top: 5px;
}

.freedial a img {
  opacity: 1.0;
}

@media screen and (max-width: 767px) {
  .contact .companyDetail {
    margin-bottom: 30px;
  }

  .contact_box {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }

  .contact_box:last-child {
    float: none;
  }

  .contact_box img {
    width: 90%;
  }

  .contact_box .blue_btn {
    width: 90%;
  }

  .contact_box .blue_btn:after {
    margin-top: -10px;
  }
}

/*--------------------------------------------------------------
corporate 会社情報
--------------------------------------------------------------*/
.corp_box {
  margin-bottom: 50px;
}

.corp_box:last-child {
  margin-bottom: 0;
}

.corp_box table {
  width: 100%;
}

.corp_box table th {
  width: 20%;
  font-weight: bold;
  background: #f0f0f0;
  padding: 15px;
  border: 1px solid #ddd;
}

.corp_box table td {
  padding: 15px;
  border: 1px solid #ddd;
}

.arrow_ic {
  display: inline-block;
  margin-left: 20px;
  color: #003f98;
}

.corp_box .linkCenter {
  margin: 40px 0;
}

.corp_box .linkCenter p {
  margin-bottom: 15px;
}

.corp_box p {
  margin-bottom: 20px;
}

dl.member_table {
  width: 60%;
}

dl.member_table dt {
  clear: left;
  width: 20%;
  float: left;
}

dl.member_table dd {
  overflow: auto;
}

.gmap {
  width: 600px;
  height: 450px;
  margin: 20px 0 10px;
}

.corp_box_s ul {
  margin: 23px 0 0;
}

.corp_box_s ul li {
  margin-bottom: 10px;
  text-indent: -1.5rem;
  margin-left: 1.5rem;
}

.corp_box_s ul li:last-child {
  margin-bottom: 0;
}

.corp_box_s+p {
  margin-top: 65px;
}

@media screen and (max-width: 767px) {

  .corp_box table th,
  .corp_box table td {
    display: inline-block;
    width: 100%;
    padding: 10px;
  }

  dl.member_table {
    width: 100%;
  }

  dl.member_table dt {
    width: 30%;
  }

  .gmap {
    width: 100%;
    height: 400px;
    margin: 15px 0;
  }

  .corp_box_s+p {
    margin: 20px 0 0;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {}

/*--------------------------------------------------------------
news ニュースリリース
--------------------------------------------------------------*/
table.newsList {
  width: 100%;
}

table.newsList th {
  width: 15%;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

table.newsList td {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

table.newsList td.cate {
  width: 10%;
  vertical-align: top;
}

.detailTitle p span,
table.newsList td.cate span {
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  background: #789dd0;
  margin-right: 20px;
  font-size: 1.2rem;
  width: 90%;
  text-align: center;
}

.old_newsList {
  background: #f0f0f0;
  margin-top: 40px;
  padding: 25px;
}

.old_newsList h3 {
  font-weight: bold;
  font-size: 1.6rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.old_newsList .cateUl {}

ul.newsLink li,
.old_newsList ul li {
  position: relative;
  padding-left: 15px;
  margin-top: 20px;
}

ul.newsLink li:before,
.old_newsList ul li:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -11px;
  color: #003f98;
}

.old_newsList ul li a {
  color: #333;
}

.old_newsList .cateUl ul li {
  float: left;
  margin-right: 60px;
}

.detailTitle {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.detailTitle h2 {
  font-size: 2.2rem;
  margin-top: 10px;
  font-weight: bold;
}

.imgCenter {
  text-align: center;
  margin: 30px 0 35px;
}

.imgCenter p {
  font-weight: bold;
}

.news_box {}

.news_box h3 {
  margin: 40px 0 15px;
}

ul.newsLink {
  margin-top: 20px;
}

ul.newsLink li {
  margin-top: 10px;
}

#logistics_point {
  margin-top: -200px;
  padding-top: 200px;
}

/*--------------------------------------------------------------
ページネーション
--------------------------------------------------------------*/
.pagination {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 100;
  display: table;
  margin: auto;
  margin-top: 20px;
}

.pagination span, .pagination a {
  display: inline-block;
  padding: 5px 10px;
  padding: .5rem 1rem;
  border: 2px solid #ff8dab;
  border: .2rem solid #ff8dab;
  border-radius: .3rem
}

@media screen and (max-width: 767px) {
  .pagination span, .pagination a {
    padding: .5rem .7rem;
  }
}

.pagination a:hover {
  text-decoration: none
}

.pagination ul {
  display: table-cell;
  padding: 0 10px;
  padding: 0 1rem
}

.pagination li {
  display: table-cell;
  padding: 0 1px;
  padding: 0 .1rem
}

.pagination li span {
  color: #fff;
  background-color: #454e67
}

.pagination li.active a {
  color: #fff;
  border: 2px solid #454e67;
  border: .2rem solid #454e67;
  background-color: #454e67
}

.pagination_prev {
  display: table-cell
}

.pagination_prev a, .pagination_prev span {
  display: table-cell;
  color: #fff;
  border-color: #454e67;
  background-color: #454e67
}

.pagination_prev span {
  border-color: #454e67;
  background-color: #454e67
}

.pagination_next {
  display: table-cell
}

.pagination_next a, .pagination_next span {
  display: table-cell;
  color: #fff;
  border-color: #454e67;
  background-color: #454e67
}

.pagination_next span {
  border-color: #454e67;
  background-color: #454e67
}

.pagination_prev a {
  transition: all .3s;
  transition-duration: all .3s;
  border: 2px solid #003f98;
  border: .2rem solid #003f98;
  background-color: #003f98;
}

.pagination_prev a:hover {
  color: #fff;
  border: 2px solid #0d7aa8;
  border: .2rem solid #0d7aa8;
  background-color: #0d7aa8;
}

.pagination_next a {
  transition: all .3s;
  transition-duration: all .3s;
  border: 2px solid #003f98;
  border: .2rem solid #003f98;
  background-color: #003f98;
}

.pagination_next a:hover {
  color: #fff;
  border: 2px solid #0d7aa8;
  border: .2rem solid #0d7aa8;
  background-color: #0d7aa8;
}

.pagination li a {
  transition: all .3s;
  transition-duration: all .3s;
  border: 2px solid #003f98;
  border: .2rem solid #003f98;
}

.pagination li a:hover {
  color: #0d7aa8;
  border: 2px solid #0d7aa8 border: .2rem solid #0d7aa8;
}

@media screen and (max-width: 767px) {
  table.newsList th {
    display: block;
    width: 100%;
    border: none;
    padding: 10px 0 0 0;
  }

  table.newsList td {
    display: block;
    padding-top: 5px;
  }

  table.newsList td.cate {
    display: inline-block;
    width: 100%;
    border: none;
    padding: 10px 0 0;
  }

  table.newsList td.cate span {
    font-size: 1.0rem;
    width: auto;
  }

  .old_newsList {
    padding: 10px;
  }

  .old_newsList .yearsUl,
  .old_newsList .cateUl {
    width: 100%;
    float: none;
  }

  .old_newsList h3 {
    font-size: 1.4rem;
  }

  .yearsUl {
    margin-bottom: 30px;
  }

  .old_newsList ul li {
    margin-top: 15px;
  }

  .old_newsList .cateUl ul li {
    width: 50%;
    margin-right: 0;
  }

  .detailTitle h2 {
    font-size: 1.6rem;
  }

  .incidental ul li:last-child {
    margin: auto;
  }

  .incidental ul li {
    float: none;
    margin-right: 0;
    margin: 0 auto 15px;
  }

  .newsInfo br {
    display: inline;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  table.newsList th {
    width: 20%;
  }

  table.newsList td.cate {
    width: 15%;
  }
}

/*--------------------------------------------------------------
recruit 採用情報
--------------------------------------------------------------*/
.recruit .companyDetail {
  margin-bottom: 40px;
}

.rec_box {}

.rec_box h3 {
  margin-bottom: 20px;
}

.rec_box_sec {
  border: 1px solid #ddd;
  margin-bottom: 20px;
}

.rec_box_sec h4 {
  font-size: 1.8rem;
  font-weight: bold;
}

.rec_box_sec p {
  margin: 25px 25px 0 25px;
}

.rec_box_sec p:nth-child(3) {
  margin-top: 0;
  overflow: auto;
}

.rec_box_sec ul {
  margin: 0 25px 0 25px;
}

.rec_voice {
  background: #f0f0f0;
  padding: 25px;
  margin-top: 25px;
}

.rec_voice img {
  float: left;
  margin-right: 25px;
}

.rec_voice h5 {
  font-weight: bold;
}

.reBox02 table {
  margin-top: 20px;
}

.reBox03 {
  padding-bottom: 40px;
}

.reBox03 ul {
  width: 100%;
  margin-left: 10px;
}

.reBox03 ul li {
  float: left;
  background: #dbe6f5;
  width: 200px;
  padding: 35px 0;
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
  margin-right: 60px;
  position: relative;
}

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

.reBox03 ul li span {
  color: #666666;
  display: inline-block;
  margin-right: 10px;
}

.reBox03 ul li:after {
  content: url('../images/recruit_arrow_right.png');
  position: absolute;
  top: 30%;
  right: -40px;
}

.reBox03 ul li:last-child:after {
  content: "";
}

.corp_box .text_close {
  margin-bottom: 100px;
}

.corp_box .text_close p {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .recruit .companyDetail {
    margin-bottom: 20px;
  }

  .rec_box p br {
    display: inline;
  }

  .rec_box_sec h4 {
    font-size: 1.4rem;
  }

  .rec_box_sec p {
    margin: 10px 10px 0 10px;
  }

  .rec_box_sec ul {
    margin: 0 10px;
  }

  .rec_voice {
    padding: 15px;
  }

  .rec_voice img {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .rec_voice p {
    margin: 0 0 10px 0;
  }

  .rec_voice p:last-child {
    margin-bottom: 0;
  }

  .reBox03 {
    padding-bottom: 0;
  }

  .reBox03 ul {
    margin: 0;
  }

  .reBox03 ul li {
    float: none;
    width: 100%;
    padding: 10px 0;
    position: relative;
    margin: 0 0 40px 0;
    font-size: 1.6rem;
  }

  .reBox03 ul li:after {
    content: url('../images/recruit_arrow_under.png');
    position: absolute;
    right: 45%;
    top: 55px;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .reBox03 ul li {
    width: 150px;
    margin-right: 40px;
    font-size: 1.6rem;
  }

  .reBox03 ul li:after {
    right: -30px;
  }
}

/*--------------------------------------------------------------
case 導入事例
--------------------------------------------------------------*/
.caseList_hed {
  text-align: center;
}

.caseList_hed p {
  text-align: left;
}

.caseList_hed img {
  margin: 40px 0;
}

.caseList_item {
  padding: 0 2rem;
}

.caseList_cont {
  text-align: center;
  padding: 0;
}

.caseList_cont>img {
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.caseList_logo {
  padding: 20px 0;
}

.caseList_cont h1 {
  font-weight: bold;
  font-size: 1.8rem;
  padding: 0 20px;
}

.caseList_category,
.caseList_service,
.caseList_text {
  padding: 0 20px;
}

.caseList_category,
.caseList_service,
.caseList_text {
  padding-top: 20px;
}

.caseList_category p {
  text-align: left;
  color: #777777;
  font-size: 1.4rem;
  line-height: 1.6;
}

.caseList_service p {
  text-align: left;
  font-weight: bold;
  line-height: 1.6;
}

.caseList_service p span {
  font-weight: normal;
}

.caseList_service p a {
  font-weight: normal;
  text-decoration: none;
}

.caseList_service p a:hover {
  text-decoration: underline;
}

.caseList_text p {
  text-align: left;
}

.btn_area {
  background: #f0f0f0;
  padding: 30px 0;
  text-align: center;
  margin-top: 20px;
}

.btn_area a.case_btn {
  display: block;
  width: 60%;
  margin: auto;
  padding: 10px;
  font-size: 1.6rem;
  background: #003f98;
  color: #fff;
  position: relative;
}

.btn_area a.case_btn:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  color: #fff;
}

.btn_area a.case_btn:hover {
  opacity: 0.7;
  text-decoration: none;
}

.case_main {
  padding-bottom: 80px;
}

.caseDetail_body h1 {
  font-weight: bold;
  font-size: 2.0rem;
  margin: 0 0 50px 0;
  padding: 0;
  border: none;
}

.caseDetail_body h2 {
  border-bottom: none;
}

.caseDetail_body p {
  margin-bottom: 0;
}

.case_data {
  border: 1px solid #ddd;
  padding: 20px;
}

.case_data>p {
  margin-bottom: 5px;
}

.case_data p:nth-child(2) {
  float: left;
}

.case_data ul li {
  display: inline-block;
  padding: 0 15px;
}

.case_data ul li:first-child {
  border-right: 1px solid #ddd;
}

.case_data ul li a {
  color: #003f98;
}

.case_result {
  background: #f0f0f0;
  padding: 20px;
  margin: 20px 0 40px;
}

.case_result p {
  font-weight: bold;
}

.case_result ul li {
  margin-top: 5px;
}

.case_box {
  margin-bottom: 50px;
}

.caseBox01 img {
  margin-top: 30px;
}

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

.case_photo_list ul {
  margin-top: 30px;
}

.case_photo_list ul li {
  float: left;
  margin-right: 30px;
}

.case_photo_list p {
  position: relative;
  padding-left: 10px;
  margin-top: 5px;
}

.case_photo_list p:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  color: #003f98;
}

.caseDetail_body .caseBox03 p {
  margin-bottom: 15px;
}

.case_box_sec01,
.case_box_sec02 {
  border: 1px solid #ddd;
}

.case_box_sec01 {
  margin-top: 50px;
}

.case_box_sec01_no img {
  float: left;
  margin: 0px 50px 25px 25px
}

.case_box_sec01 p {
  margin-right: 25px;
}

.case_box_sec01_no img+p {
  margin-top: 25px;
  font-weight: bold;
}

.caseDetail .imgCenter {
  text-align: center;
  margin: 20px 0;
}

.case_box_sec02_no {
  position: relative;
  padding: 25px;
}

.case_box_sec02 .box_no1:before,
.case_box_sec02 .box_no2:before,
.case_box_sec02 .box_no3:before {
  color: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #f07733;
  font-size: 1.6rem;
  line-height: 1.0;
  padding: 6px;
  position: absolute;
  top: 28px;
}

.case_box_sec02 .box_no1:before {
  content: "1";
}

.case_box_sec02 .box_no2:before {
  content: "2";
}

.case_box_sec02 .box_no3:before {
  content: "3";
}

.case_box_sec02_no p {
  padding-left: 50px;
}

.case_box_sec02_no p:first-child {
  font-weight: bold;
}

.case_box_sec02 ul {
  margin-bottom: 25px;
}

.case_box_sec02 ul li {
  text-align: center;
  margin-top: 40px;
}

.case_box_sec02 ul li:nth-child(2) {
  margin-top: 65px;
}

dl.case_voice dt {
  background: #f0f0f0;
  font-weight: bold;
  padding: 10px 20px 10px 35px;
  position: relative;
}

dl.case_voice dt:before {
  content: "Q";
  color: #003f98;
  position: absolute;
  left: 20px;
}

dl.case_voice dd {
  padding: 20px 0;
}

dl.case_voice dd p {
  margin-bottom: 1.5rem;
}

.case_voice ul {
  display: table;
  width: 100%;
  margin-top: 20px;
}

.case_voice ul li {
  display: table-cell;
  width: 14.3%;
  padding: 6px;
}

.case_voice ul li p {
  font-size: 1.2rem;
}

.case_voice_human {
  background: #f0f0f0;
  padding: 20px;
}

.case_voice_human img {
  float: left;
  margin-right: 20px;
}

.case_voice_human img+p {
  font-weight: bold;
}

.case_voice_human p {
  font-size: 1.4rem;
}

.companyInfo {
  border: 1px solid #ddd;
  padding: 30px 35px;
  display: table;
  width: 100%;
}

.companyInfo .companyInfo_img {
  display: table-cell;
  vertical-align: middle;
  padding-right: 35px;
  border-right: 1px solid #ddd;
}

.companyInfo table {
  float: right;
  width: 750px;
}

.companyInfo table {}

.companyInfo table th {
  font-weight: bold;
  padding: 5px 5px 5px 20px;
  vertical-align: top;
}

.case_cateList ul li {
  position: relative;
  margin-top: 25px;
}

.case_cateList ul li a {
  font-weight: bold;
  color: #333;
  padding-left: 10px;
}

.case_cateList ul li a:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -2px;
  color: #003f98;
}

.case_main .blue_btn {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .caseList_hed img {
    margin: 20px auto;
    width: 80%;
  }

  .caseList_item {
    padding: 0;
  }

  .caseList_cont {
    margin-bottom: 20px;
  }

  .caseList_logo {
    padding: 10px 0;
  }

  .caseList_logo img {
    height: 50px;
  }

  .caseList_cont h1 {
    font-size: 1.4rem;
  }

  .caseList_category,
  .caseList_service,
  .caseList_text {
    padding-top: 10px;
  }

  .caseList_category,
  .caseList_service,
  .caseList_text {
    padding: 0 10px;
  }

  .caseList_category,
  .caseList_service,
  .caseList_text {
    padding-top: 10px;
  }

  .caseList_category p {
    font-size: 1.2rem;
  }

  .caseList_text br {
    display: inline;
  }

  .btn_area {
    padding: 15px 0;
  }

  .btn_area a.case_btn {
    width: 80%;
    font-size: 1.4rem;
  }

  .case_main {
    padding-bottom: 60px;
  }

  .caseDetail_body h1 {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }

  .case_data {
    padding: 10px 5px;
  }

  .case_data ul li:first-child {
    border: none;
  }

  .case_data ul li {
    padding: 0;
    display: block;
  }

  .case_result {
    padding: 10px;
    margin: 20px 0;
  }

  .case_result ul li {
    text-indent: -16px;
    margin-left: 12px;
  }

  ul.case_result_list li {
    text-indent: -17px;
    margin-left: 19px;
  }

  .case_photo_list ul li {
    float: none;
    margin: 0 auto 10px;
  }

  .case_photo_list ul li {
    width: 100%;
  }

  .case_photo_list ul li img {
    width: 100%;
  }

  .case_photo_list p:after {
    margin-top: -9px;
  }

  .case_box_sec01 {
    padding-bottom: 30px;
  }

  .case_box_sec01_no {
    text-align: center;
  }

  .case_box_sec01_no img {
    float: none;
    margin: 30px 0 20px;
  }

  .case_box_sec01_no img+p {
    margin-top: 0;
  }

  .case_box_sec01_no p {
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
  }

  .case_box_sec02_no {
    padding: 15px;
  }

  .case_box_sec02 .box_no1:before,
  .case_box_sec02 .box_no2:before,
  .case_box_sec02 .box_no3:before {
    top: 18px;
    width: 15px;
    height: 15px;
    font-size: 1.5rem;
  }

  .case_box_sec02_no p {
    padding-left: 40px;
  }

  .case_box_sec02 ul li {
    width: 90%;
    margin: auto;
  }

  .case_box_sec02 ul li:nth-child(2) {
    margin-top: 30px;
  }

  dl.case_voice dt:before {
    left: 10px;
  }

  dl.case_voice dt {
    padding: 10px 10px 10px 25px;
  }

  .case_voice ul li {
    width: 25%;
    float: left;
  }

  .case_voice ul li:nth-child(5) {
    clear: both;
  }

  .case_voice ul li p {
    font-size: 1.0rem;
    line-height: 1.2;
    margin-top: 3px;
  }

  .case_voice_human img {
    width: 30%;
  }

  .case_voice_human p {
    overflow: hidden;
  }

  .case_voice_human p br {
    display: inline;
  }

  .companyInfo {
    padding: 10px;
  }

  .companyInfo .companyInfo_img {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    border-right: none;
  }

  .companyInfo table {
    width: 100%;
  }

  .companyInfo table th {
    padding: 5px 0;
    width: 100%;
    display: block;
  }

  .companyInfo table td {
    padding: 0px 0 5px;
    width: 100%;
    display: block;
  }

  .companyInfo table td ul li {
    text-indent: -12px;
    margin-left: 12px;
  }

  .case_cateList ul li br {
    display: inline;
  }

  .case_cateList ul li a:before {
    margin-top: 0;
  }

  .case_main .blue_btn {
    margin-top: 30px;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .caseList_logo img {
    height: 70px;
  }

  .companyInfo table {
    width: 100%;
  }

  .companyInfo table th {
    width: 20%;
  }
}

/*--------------------------------------------------------------
トピックス　topics
--------------------------------------------------------------*/
p.topics_h {
  font-weight: bold;
  font-size: 2.0rem;
  margin-top: -8px;
  color: #003f98;
}

p.topics_date {
  font-size: 1.2rem;
  color: #777777;
  margin: 5px 0;
}

ul.topics_box li img {
  border: 1px solid #ddd;
}

.topics_main {}

.topics_main_ttl {
  border-bottom: 2px solid #ddd;
  margin-bottom: 27px;
}

.topics_main .topics_main_ttl h1 {
  font-size: 2.2rem;
  font-weight: bold;
  float: left;
}

.topics_main .topics_main_ttl p.ttl_date {
  float: right;
  font-size: 1.2rem;
  line-height: 1.0;
  margin-top: 15px;
}

.topics_main img {
  margin: 0 auto 35px;
}

.topics_sec {
  margin-top: 60px;
}

.topics_sec p {
  margin-bottom: 15px;
}

.topics_sec_box {
  text-align: center;
}

.topics_sec_box section {
  border-bottom: 2px solid #e5e6e7;
}

.topics_sec_box section:last-child {
  border-bottom: none;
}

.topics_sec_box h4 {
  text-align: center;
  font-weight: bold;
  font-size: 2.2rem;
  margin: 35px 0;
}

.box_last h3 {
  margin-bottom: 35px;
}

.blue_outline {
  border: 4px solid #003f98;
  padding: 20px;
  width: 65%;
  margin: 0 auto 60px;
}

.blue_outline li {
  font-weight: bold;
  font-size: 1.7rem;
  text-align: left;
  margin-left: 1rem;
  text-indent: -1.5rem;
}

.topics_relation {
  margin-top: 50px;
  background: #f0f0f0;
  padding: 25px;
}

.topics_relation p {
  font-weight: bold;
  font-size: 1.6rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

.topics_relation ul li {
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  p.topics_h {
    margin-top: 0;
  }

  .topics_main .topics_main_ttl h1 {
    font-size: 1.6rem;
  }

  .topics_main .topics_main_ttl p.ttl_date {
    margin-top: 5px;
  }

  .topics_sec {
    margin-top: 50px;
  }

  .topics_main img {
    margin-bottom: 20px;
  }

  .topics_sec_box h4 {
    margin: 20px 0;
    font-size: 1.6rem;
  }

  .blue_outline {
    padding: 10px;
    width: 100%;
    margin: 0 auto 30px;
  }

  .blue_outline li {
    font-size: 1.4rem;
  }

  .topics_relation {
    margin-top: 30px;
    padding: 15px;
  }

  .topics_relation p {
    font-size: 1.2rem;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .blue_outline {
    width: 80%;
  }
}

/*--------------------------------------------------------------
ソリューション　solution
--------------------------------------------------------------*/
.solution_body {
  margin: 0 auto 80px;
}

.solution_sec {
  margin-top: 50px;
  text-align: center;
}

.solution .backList_btn {
  margin-bottom: 80px;
}

.solution_sec p,
.solution_sec ul li {
  text-align: left;
}

ul.topics_box,
ul.solution_box {
  width: 100%;
}

ul.topics_box li,
ul.solution_box li {
  border: 1px solid #ddd;
  margin-bottom: 30px;
}

ul.topics_box li img,
ul.solution_box li img {
  float: left;
  margin: 30px;
}

.topics_box_text,
.solution_box_text {
  margin: 30px 30px 30px 0;
  overflow: auto;
  min-height: 138px;
}

p.solution_h {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.0;
  margin-bottom: 20px;
}

ul.solution_boxS li {
  width: 48%;
  float: left;
  border: 1px solid #ddd;
  margin-bottom: 30px;
}

ul.solution_boxS li:nth-child(even) {
  float: right;
}

ul.solution_boxS li:nth-child(3),
ul.solution_boxS li:nth-child(4) {
  margin-bottom: 0;
}

ul.solution_boxS li img {
  float: left;
  margin: 30px 20px;
}

.solution_boxS_text {
  margin: 30px 20px 30px 0;
  overflow: auto;
}

.solution_boxS .btn_area,
.solution_box .btn_area {
  padding: 20px;
}

.btn_area a.solution_btn {
  display: block;
  width: 30%;
  margin: auto;
  padding: 10px;
  font-size: 1.6rem;
  background: #003f98;
  color: #fff;
  position: relative;
}

.btn_area a.solution_btn:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -12px;
  color: #fff;
}

.btn_area a.solution_btn:hover {
  opacity: 0.7;
  text-decoration: none;
}

.solution_boxS .btn_area a.solution_btn {
  width: 50%;
}

.solution_detail_logo {
  margin: 35px 0;
  text-align: center;
}

.solution_detail_box {
  margin-top: 20px;
  text-align: center;
}

.solution_detail_box img {
  margin-top: 15px;
}

.solution_detail_box p,
.solution_detail_box ul li {
  text-align: left;
}

.solution_detail_text {
  margin: 60px 0;
}

.solution_detail_text0>p {
  margin-bottom: 1rem;
}

.edi_box ul li {
  text-align: center;
  padding: 36px 0 46px;
  border-bottom: 1px solid #ddd;
}

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

.solution_bizm_no {
  margin-top: 40px;
}

.solution_bizm_no h3 {
  font-size: 2.0rem;
  font-weight: bold;
  color: #003f98;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  position: relative;
  padding-left: 40px;
  text-align: left;
}

.solution_bizm_no h3:before {
  position: absolute;
  top: 0;
  left: 0px;
  content: " ";
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
}

.solution_bizm_no h3.no1:before {
  background-image: url('../images/circle_no1.png');
}

.solution_bizm_no h3.no2:before {
  background-image: url('../images/circle_no2.png');
}

.solution_bizm_no h3.no3:before {
  background-image: url('../images/circle_no3.png');
}

.solution_bizm_no h3.no4:before {
  background-image: url('../images/circle_no4.png');
}

.solution_bizm_no h3.no5:before {
  background-image: url('../images/circle_no5.png');
}

.solution_bizm_no h3.no6:before {
  background-image: url('../images/circle_no6.png');
}

.solution_bizm_no h3.no7:before {
  background-image: url('../images/circle_no7.png');
}

.solution_bizm_no table {
  width: 100%;
}

.solution_bizm_no table th {
  background: #f0f0f0;
  font-weight: bold;
  border: 1px solid #ccc;
  padding: 10px;
}

.solution_bizm_no table th:first-child {
  width: 20%;
}

.solution_bizm_no table td {
  border: 1px solid #ccc;
  padding: 10px;
}

.solution_bizm_no table th.solution_no_h {
  background: #003f98;
  color: #fff;
}

#solution_bizm .linkCenter p {
  margin: 70px 0;
  text-align: left;
}

#solution_collaboration .solution_sec01 p {
  margin-bottom: 14px;
}

.box_center,
.box_center p {
  text-align: center;
}

.box_center>p:first-child {
  font-size: 2.0rem;
  margin-top: 75px;
  font-weight: bold;
}

.box_center img {
  margin-top: 20px;
}

table.gray_table {
  width: 100%;
  margin-top: 30px;
}

table.gray_table th {
  width: 10%;
  padding: 10px;
  border: 1px solid #ddd;
  background: #f0f0f0;
  font-weight: bold;
}

table.gray_table td {
  padding: 10px;
  border: 1px solid #ddd;
}

.solution_slide {
  text-align: center;
  margin: 70px auto 0;
}

.solution_slide .blue_outline p {
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
}

.solution_slide .blue_outline {
  margin-top: 20px;
  margin-bottom: 40px;
}

.solution_slide .slideNumber {
  width: 190px;
  margin: 20px auto 0;
}

.solution_slide .slideNumber li {
  float: left;
  margin-right: 10px;
  text-align: center;
}

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

.solution_slide .slideNumber li a {
  display: inline-block;
  width: 30px;
  height: 35px;
  line-height: 2.4;
  border: 1px solid #aaa;
  color: #333;
}

.solution_slide .slideNumber li a:hover {
  background: #aaa;
  color: #fff;
  text-decoration: none;
}

.solution_slide .slideNumber li a.over {
  background: #aaa;
  color: #fff;
  text-decoration: none;
}

.solution_movie {
  margin-top: 80px;
}

.solution_movie h3.single_h {
  margin-top: 0;
  margin-bottom: 40px;
}

.solution_movie_box {
  text-align: center;
}

.solution_supplier ul {}

.solution_supplier ul li {
  margin-top: 30px;
}

.solution_supplier ul li img {
  float: left;
}

.solution_supplier ul li .supplierText {
  float: right;
  width: 700px;
}

.solution_supplier ul li p.supplierName a {
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

.solution_supplier ul li p.supplierName a:hover {
  text-decoration: underline;
}

.solution_release {
  margin-bottom: 70px;
}

.solution_release ul li {
  margin-bottom: 15px;
  text-indent: -1rem;
  margin-left: 1rem;
}

.solution_release ul li a {
  display: inline;
}

.solution_supply .box_center p {
  font-size: 2.8rem;
  font-weight: bold;
}

.solution_supply .solution_sec01 {
  margin-top: 75px;
}

.solution_supply .solution_sec01 p {
  margin-top: 40px;
}

ul.supply_itemList li {
  float: left;
  margin-left: 25px;
}

ul.supply_itemList li:last-child {
  margin-left: 35px;
}

.solution_supply .solution_sec02 img {
  margin-top: 45px;
}

.solution_sec p.textCenter {
  text-align: center;
  margin: 16px 0 70px;
  font-size: 1.8rem;
}

.solution_sec p.textCenter .fa {
  color: #003f98;
}

.solution_sec p.textCenter a {
  color: #333;
  text-decoration: none;
  margin-left: 3px;
}

.solution_sec p.textCenter a:hover {
  text-decoration: underline;
}

.solution_supply .solution_sec02 ul li {
  position: relative;
  margin-left: 15px;
  margin-bottom: 10px;
}

.solution_supply .solution_sec02 ul li:before {
  content: "● ";
  color: #aaaaaa;
  font-size: 1.0rem;
  position: absolute;
  top: 3px;
  left: -15px;
}

.solution_supply .solution_sec03 {
  margin-top: 75px;
}

.solution_supply .solution_sec03 img:last-child {
  margin-top: 30px;
}

.solution_supply .two_clm img {
  float: right;
  margin-right: 56px;
  border: 1px solid #ddd;
}

.solution_supply .solution_sec04 .two_clm img {
  border: none;
}

.solution_supply .solution_sec05 .two_clm img {
  margin-right: 0;
}

.solution_supply .two_clm .two_clm_text {
  float: left;
  width: 70%;
}

.solution_supply .solution_sec05 .two_clm .two_clm_text {
  width: 66%;
}

.two_clm .two_clm_text .single_h {
  margin-top: 0;
}

.solution_supply .solution_sec04 .imgCenter {
  margin: 45px 0 100px;
}

.solution_supply .solution_sec05 .box_center p {
  font-size: 2.0rem;
}

.solution_supply .solution_sec05 .box_center {
  margin-bottom: 90px;
}

.solution_supply .solution_sec05 {
  margin-bottom: 40px;
}

.solution_trouble {
  background: url('../images/solution_proc_img01.png') no-repeat;
  background-position: bottom left;
  width: 800px;
  margin: 45px auto 0;
}

.solution_trouble .outline_gray {
  width: 80%;
  border: 8px solid #e5e5e5;
  background: #fff;
  border-radius: 10px;
  padding: 20px 50px;
  position: relative;
  display: inline-block;
  float: right;
}

.outline_gray:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -23px;
  top: 180px;
  border-right: 18px solid #e5e5e5;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

.outline_gray:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -13px;
  top: 180px;
  border-right: 18px solid #fff;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

.solution_trouble .outline_gray>p {
  font-weight: bold;
  text-align: center;
  font-size: 2.0rem;
  margin-bottom: 18px;
}

.solution_trouble .outline_gray ul li {
  position: relative;
  margin-bottom: 10px;
}

.solution_trouble .outline_gray ul li:last-child {
  margin-bottom: 0;
}

.solution_trouble .outline_gray ul li:before {
  content: "● ";
  color: #9a9a9a;
  font-size: 1.0rem;
  position: absolute;
  top: 3px;
  left: -15px;
}

.solution_result {
  width: 800px;
  margin: 72px auto 0;
}

.solution_result .outline_yellow {
  border: 8px solid #fabe00;
  background: url("../images/solution_proc_img02.png") #fff no-repeat;
  background-position: 97% 90%;
  border-radius: 10px;
  padding: 30px;
}

.solution_result .outline_yellow>p {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 18px;
  text-align: center;
}

.solution_result .outline_yellow>p span {
  border-bottom: 4px solid #fabe00;
  display: inline-block;
}

.solution_result .outline_yellow ul {
  margin-top: 50px;
}

.solution_result .outline_yellow ul li {
  position: relative;
  margin-bottom: 10px;
}

.solution_result .outline_yellow ul li:before {
  content: "● ";
  color: #fabe00;
  font-size: 1.0rem;
  position: absolute;
  top: 3px;
  left: -15px;
}

.solution_result {
  clear: both;
}

.merit_sec01 {
  margin-top: 75px;
}

.merit_sec01 img {
  margin: 40px 0 10px;
}

.merit_sec01 img+p {
  margin-left: 25px;
}

.merit_sec01 .merit_sec01_box {
  margin-top: 60px;
}

.merit_sec01_box .merit_box {
  width: 306px;
  float: left;
  margin-right: 40px;
}

.merit_sec01_box .merit_box:last-child {
  float: right;
  margin-right: 0;
}

.merit_sec01_box .merit_box ul {}

.solution_sec_s {
  margin-top: 40px;
}

.solution_sec_s2 {
  margin-bottom: 50px;
}

.solution_sec_s2 h4 {
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}

.solution_sec_s2 .a_link {
  margin: 0;
  margin-top: 10px;
}

.wide_bizsupply {
  width: 950px;
  margin: 0 auto;
  text-align: left;
}

dl.solution_flow {
  margin-left: 25px;
  padding-bottom: 20px;
}

dl.solution_flow dt {
  display: block;
  clear: left;
  float: left;
  width: 285px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  background: #dbe6f5;
  padding: 40px 0 30px;
  margin-right: 30px;
  margin-bottom: 40px;
  position: relative;
}

dl.solution_flow dt:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border: 143px solid transparent;
  border-top: 20px solid #dbe6f5;
}

dl.solution_flow dt.yellow_back {
  background: #fabe00;
}

dl.solution_flow dt.yellow_back:before {
  border-top: 20px solid #fabe00;
}

dl.solution_flow dd {
  display: block;
  text-align: left;
  float: right;
  width: 660px;
}

ul.link_case {
  margin-bottom: 110px;
}

ul.link_case li {
  margin-bottom: 50px;
}

ul.link_case li p.link_case_ttl {
  margin-bottom: 10px;
}

ul.link_case li p.link_case_ttl a {
  font-size: 1.8rem;
  text-decoration: none;
  font-weight: bold;
}

ul.link_case li p.link_case_ttl a:hover {
  text-decoration: underline;
}

ul.link_case li p.link_case_ttl br {
  display: none;
}

@media screen and (max-width: 767px) {
  .solution_body {
    margin: 0 auto 60px;
  }

  .solution .backList_btn {
    margin-bottom: 60px;
  }

  ul.topics_box li,
  ul.solution_box li,
  ul.solution_boxS li {
    text-align: center;
  }

  ul.solution_boxS li:nth-child(3) {
    margin-bottom: 30px;
  }

  ul.topics_box li img,
  ul.solution_box li img,
  ul.solution_boxS li img {
    float: none;
    width: 60%;
    margin: 20px;
  }

  .topics_box_text,
  .solution_box_text,
  .solution_boxS_text {
    margin: 0 15px;
    min-height: auto;
  }

  .topics_box_text p,
  .solution_box_text p,
  .solution_boxS_text p {
    text-align: left;
  }

  .topics_box_text p.topics_h,
  .solution_box_text p.solution_h,
  .solution_boxS_text p.solution_h {
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  .solution_boxS .btn_area a.solution_btn,
  .btn_area a.solution_btn {
    width: 80%;
  }

  ul.solution_boxS li:nth-child(even),
  ul.solution_boxS li {
    float: none;
    width: 100%;
  }

  .solution_boxS .btn_area,
  .solution_box .btn_area {
    padding: 15px;
  }

  .solution_detail_logo {
    margin: 20px 0;
  }

  .solution_detail_text {
    margin: 20px 0;
  }

  .solution_detail_box .btn30 {
    width: 100%;
  }

  .edi_box ul li {
    padding: 20px 0;
  }

  .edi_box ul li:first-child {
    padding-top: 0;
  }

  .solution_bizm_no h3 {
    font-size: 1.4rem;
    padding-left: 25px;
  }

  .solution_bizm_no h3:before {
    width: 20px;
    height: 20px;
  }

  .solution_bizm_no table th:first-child {
    width: 30%;
  }

  #solution_bizm .linkCenter p {
    margin: 20px 0;
  }

  .solution_sec {
    margin-top: 40px;
  }

  .box_center p:first-child {
    font-size: 1.4rem;
    margin-top: 30px;
  }

  table.gray_table th {
    width: 20%;
  }

  .solution_slide {
    margin: 30px 0;
  }

  .solution_slide .slideNumber li a {
    line-height: 2.8;
  }

  .solution_slide .blue_outline p {
    font-size: 1.2rem;
  }

  .solution_movie {
    margin-top: 30px;
  }

  .solution_supplier ul li {
    text-align: center;
  }

  .solution_supplier ul li p {
    text-align: left;
  }

  .solution_supplier ul li img {
    float: none;
  }

  .solution_supplier ul li .supplierText {
    float: none;
    width: 100%;
    margin-top: 10px;
  }

  ul.supply_itemList li {
    float: none;
    margin: 10px 0 0;
    text-align: center;
  }

  ul.supply_itemList li:last-child {
    margin: 15px 0 0;
  }

  ul.supply_itemList li:last-child img {
    width: 80%;
  }

  .solution_release {
    margin-bottom: 20px;
  }

  .solution_supply .box_center p,
  .solution_supply .solution_sec05 .box_center p {
    font-size: 1.4rem;
  }

  .solution_supply .solution_sec01,
  .solution_supply .solution_sec03 {
    margin-top: 40px;
  }

  .solution_supply .solution_sec01 p {
    margin-top: 20px;
  }

  .solution_sec p.textCenter {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }

  .two_clm .two_clm_text .single_h {
    margin-top: 30px;
  }

  .solution_supply .two_clm img {
    float: none;
    margin: 0 auto 10px;
  }

  .solution_supply .two_clm .two_clm_text,
  .solution_supply .solution_sec05 .two_clm .two_clm_text {
    float: none;
    width: 100%;
  }

  .solution_supply .solution_sec03 img:last-child {
    margin-top: 20px;
  }

  .solution_supply .solution_sec04 .imgCenter {
    margin: 30px 0;
  }

  .solution_supply .solution_sec05 .box_center {
    margin-bottom: 30px;
  }

  .solution_trouble {
    background-size: 20%;
    width: 100%;
    margin: 25px auto 0;
  }

  .solution_trouble .outline_gray {
    width: 80%;
    padding: 10px 20px;
  }

  .solution_trouble .outline_gray>p {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  .solution_trouble .outline_gray ul li {
    margin-left: 10px;
  }

  .solution_result {
    width: 100%;
    margin: 25px auto 0;
  }

  .solution_result .outline_yellow {
    padding: 10px 20px;
    background-size: 25%;
    background-position: 98% 98%;
  }

  .solution_result .outline_yellow>p {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }

  .solution_result .outline_yellow ul {
    margin-top: 20px;
  }

  .solution_result .outline_yellow ul li {
    margin-left: 10px;
  }

  .solution_result .outline_yellow ul li:last-child {
    width: 70%;
  }

  .merit_sec01 img {
    margin: 10px 0;
  }

  .merit_sec01 img+p {
    margin-left: 0;
  }

  .merit_sec01 img+p br {
    display: inline;
  }

  .merit_sec01 .merit_sec01_box {
    margin-top: 30px;
  }

  .merit_sec01_box .merit_box {
    width: 100%;
  }

  .solution_sec_s2 {
    margin-bottom: 30px;
  }

  .wide_bizsupply {
    width: 100%;
  }

  .merit_sec01 img+img {
    width: 20%;
  }

  dl.solution_flow {
    margin-left: 0;
    padding-bottom: 0;
  }

  dl.solution_flow dt {
    width: 90px;
    font-size: 1.4rem;
    padding: 40px 0;
    margin-right: 0;
  }

  dl.solution_flow dt:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: 45px solid transparent;
    border-top: 20px solid #dbe6f5;
  }

  dl.solution_flow dd {
    width: 65%;
  }

  ul.link_case li p.link_case_ttl {
    margin-bottom: 0;
  }

  ul.link_case li p.link_case_ttl a {
    font-size: 1.4rem;
  }

  ul.link_case li p.link_case_ttl br {
    display: inline;
  }

  ul.link_case li {
    margin-bottom: 20px;
  }

  ul.link_case {
    margin-bottom: 0;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .solution_detail_box .btn30 {
    width: 40%;
  }

  .solution_supplier ul li .supplierText {
    width: 60%;
  }

  .solution_sec {
    margin-top: 90px;
  }

  .solution_trouble,
  .solution_result {
    width: 100%;
  }

  .merit_sec01 img+p {
    margin-left: 0;
  }

  .merit_sec01_box .merit_box {
    width: 33%;
    padding: 10px;
    margin-right: 0;
  }

  .wide_bizsupply {
    width: 100%;
  }

  .wide_bizsupply img+img {
    margin-top: 10px;
  }

  dl.solution_flow dt {
    width: 240px;
    font-size: 1.4rem;
    padding: 40px 0;
    margin-right: 0;
  }

  dl.solution_flow dt:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: 120px solid transparent;
    border-top: 20px solid #dbe6f5;
  }

  dl.solution_flow dd {
    width: 60%;
    float: right;
  }

  ul.supply_itemList li {
    float: none;
    margin: 10px 0 0;
    text-align: center;
  }

  ul.supply_itemList li:last-child {
    margin: 15px 0 0;
  }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
  dl.solution_flow dd {
    width: 70%;
    float: right;
  }
}

/*--------------------------------------------------------------
dealer ビジネスパートナー募集
--------------------------------------------------------------*/
.partner_body {
  margin-bottom: 80px;
}

.paBoxSec01 ul {
  background: #dbe6f5;
  padding: 20px;
}

.paBoxSec01 ul li {
  font-weight: bold;
  margin-bottom: 10px;
  text-indent: -16px;
  margin-left: 16px;
}

.paBoxSec01 ul li:last-child {
  margin-bottom: 0;
}

.a_link {
  margin-top: 25px;
}

.a_link a {
  display: inline-block;
  color: #333;
  text-decoration: none;
  position: relative;
  padding-left: 10px;
}

.a_link a:hover {
  text-decoration: underline;
}

.a_link a:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
  color: #003f98;
}

.partner_body .linkCenter {
  margin-top: 65px;
}

.partner_body .linkCenter p {
  margin-bottom: 20px;
  font-weight: normal;
}

.partner_box02,
.partner_box03 {
  margin-top: 50px;
  text-align: center;
}

.partner_box02 ul {
  margin-bottom: 60px;
}

.partner_box02 ul li {
  margin-bottom: 10px;
  text-align: left;
  text-indent: -14px;
  margin-left: 14px;
}

.partner_box03 img {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .partner_body {
    margin-bottom: 60px;
  }

  .partner_box02,
  .partner_box03 {
    margin-top: 30px;
  }

  .partner_body .linkCenter {
    margin-top: 30px;
  }

  .partner_box02 ul {
    margin-bottom: 30px;
  }

  .partner_body .btn30 {
    width: 100%;
  }

  .partner_body .btn30 :after {
    right: 10px;
  }

  .a_link a:before {
    margin-top: -10px;
  }
}

/*--------------------------------------------------------------
ブログ/ニュース記事 blog
--------------------------------------------------------------*/
.twoCol-right {
  margin-top: 0;
  margin-bottom: 0;
}

.twoCol-right .cont {
  padding-top: 0;
  padding-bottom: 0;
}

.articleCont_body {
  margin-bottom: 0;
}

.articleCont_main h3 {
  font-size: 2.4rem;
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 40px;
  font-weight: bold;
}

.articleCont_main .newsInfo h3 {
  font-size: 2.4rem;
  margin-top: 0px;
  margin-bottom: 0px;
}

.articleCont_main ul li {
  position: relative;
  padding-left: 15px;
  margin-top: 20px;
}

.articleCont_main ul li:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -11px;
  color: #003f98;
}

.articleCont_main ul {
  line-height: 1.0;
  padding-left: 0;
  list-style-type: none;
}

.newsInfo {
  margin-top: 40px;
  border: 1px solid #ddd;
}

.newsInfo p {
  padding: 10px;
  margin-bottom: 0;
}

.incidental ul {}

.incidental ul li {
  float: left;
  width: 178px;
  margin-right: 25px;
}

.incidental ul li img {
  border: 1px solid #ddd;
}

.incidental ul li p {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 5px;
}

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

.incidental ul li:before {
  content: "";
}

.articleList_headline {
  font-weight: bold;
}

.articleListWriter {
  display: none;
}

.articleList_detail {
  position: relative;
}

.articleList_img {
  position: initial !important;
}

.articleList_category a {
  top: 14px;
  left: auto;
  right: 0;
  text-decoration: none;
  background-color: #789dd0;
  padding: 2px 20px;
  font-size: 1.2rem;
  font-weight: bold;
}

.articleList_desc {
  position: relative;
}

.articleList_txt {
  margin-top: 40px;
  margin-top: 4em;
}

.articleList_footer {
  text-align: center;
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
}

.articleList_time {
  position: absolute;
  font-size: 14px;
  top: 0;
  left: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-left: 2rem;
  font-weight: bold;
}

.articleList_btn {
  background: none;
  color: #003f98;
  padding: 0;
  font-size: 1.4rem;
}

.articleList_btn:hover {
  background-color: #fff;
  text-decoration: underline;
  transform: none;
}

.twoCol-right .side_bg {
  background-color: #fff;
}

.twoCol-right .side {
  padding: 0 20px 20px 20px;
}

h1.sideNav_h1 {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  border-bottom: 4px solid #003f98;
}

.side .sideNav .sideNav_list li.sideNav_item {
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
}

.sideNav_item a {
  padding: 14px 4px;
}

h1.articleCont_headline {
  font-weight: bold;
  border-bottom: .1rem solid #d4d4d4
}

body[class^="cmo-news"]>#wrap>.twoCol-right>#side>.sideNav:nth-child(1) {
  display: none;
}

body[class^="cmo-cl"]>#wrap>.twoCol-right>#side>.sideNav:nth-child(2),
body[class^="cmo-blog"]>#wrap>.twoCol-right>#side>.sideNav:nth-child(2) {
  display: none;
}

.articleCont_cont .btn30 {
  width: 40%;
}

@media screen and (max-width: 767px) {
  h1.articleCont_headline {
    font-size: 1.4rem;
  }

  .articleCont_cont .btn30 {
    width: 90%;
  }

  .articleCont_cont #backBtn {
    width: 90%;
    margin: auto;
    right: 0 !important;
  }
}

body.cmo-page_not_found .footerBtn,
body.cmo-page_not_found .notFound_cont {
  display: none;
}

.notFound {
  padding: 0;
  text-align: left;
  background-color: #fff;
}

.notFound_body {
  padding-top: 0 !important;
}

body.cmo-page_not_found .mainVisual_headline h1 {
  margin-top: 73px;
}

.cmo-page_not_found .mainVisual {
  background: url('../images/mainimg_dealer.jpg') #f5f5f5 no-repeat;
  background-position: center top;
}

@media screen and (max-width: 767px) {
  .cmo-page_not_found .mainVisual {
    background: url('../images/mainimg_dealer_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center 50px;
  }

  body.cmo-page_not_found .mainVisual_headline h1 {
    margin-top: 0;
  }

  body.cmo-page_not_found .mainVisual_copy {
    padding: 25px 10px 0;
    margin-top: 0;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .cmo-page_not_found .mainVisual {
    background: url('../images/mainimg_dealer_sp.jpg') no-repeat;
    background-size: 100%;
    background-position: center top;
  }
}

.ccm-add-block+.cont {
  margin-top: 100px;
}