@charset "utf-8";

/* ----------------
 * Base Style（PC First）
 * ---------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  position: relative;
}
body {
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  margin: 0;
}
textarea {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  background-color: #ffffff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
img {
  border: none;
}
section img {
  max-width: 100%;
  height: auto;
}
section {
  padding-bottom: 20px;
}
ul,
ol {
  padding: 0;
  margin: 0;
}
a {
  cursor: pointer;
  text-decoration: none;
  transition:
    opacity 0.2s ease,
    color 0.3s;
  -webkit-transition:
    opacity 0.2s ease,
    color 0.3s,
    background-color 0.2s;
  -moz-transition:
    opacity 0.2s ease,
    color 0.3s;
  -o-transition:
    opacity 0.2s ease,
    color 0.3s;
}

h1 {
  line-height: 32px;
}
h2 {
  line-height: 26px;
}
h3 {
  line-height: 22px;
}
h1,
h2 {
  margin: 0 auto;
  font-weight: normal;
  line-height: 19px;
}
textarea {
  max-width: 98%;
  width: 98%;
  padding: 1%;
  height: 182px;
  margin: 0 0 -5px 0;
}
input:focus,
textarea:focus,
isindex:focus,
keygen:focus,
select:focus {
  outline-offset: 0px;
}
select {
  cursor: pointer;
}
section ul {
  margin: 0 0 0 15px;
}
section ul li {
  padding: 0;
}
/* -------- */
body,
h1,
h2,
h3,
h4,
h5,
nav a {
  font-family: "NotoSansCJKjp", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo",
    "sans-serif";
  color: #5b5b5b;
  letter-spacing: 0.04em;
}
figure br {
  display: none;
}
nav {
  margin: 0;
}
input[type="button"],
input[type="submit"] {
  border: 0px;
  font-size: 16px;
  padding: 0 0 0 25px;
  margin: 30px 0 0 20px;
  cursor: pointer;
}
input[type="button"],
input[type="submit"] {
  margin: 30px 0 0 0;
  padding: 15px 30px;
  background: #4065ff;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
input[type="button"]:hover,
input[type="submit"]:hover {
  background: #297aa3;
}
textarea,
input[type="text"],
input[type="email"],
.contact-form select,
section input[type="password"] {
  border: 1px solid #ececec;
  outline: 1px solid #ccc;
}
section input[type="text"],
.contact-form textarea,
.contact-form input[type="email"],
.contact-form input[type="text"],
.contact-form select,
section input[type="password"] {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 10px;
  margin: 0;
  max-width: 100%;
  color: #727272;
}

/* ----------------
 * Common Style
 * ---------------- */
.none {
  display: none;
}

/* WordPress Wrapping Text Around Images */
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* CSS3 animations */
.button,
button {
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
}

/* float */
.clearfix {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
.left {
  float: left;
  box-sizing: border-box;
}
.right {
  float: right;
  box-sizing: border-box;
}

/* layout */
.main-wrapper {
  max-width: 1250px;
  min-width: initial;
  width: initial;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
.content,
.entry-content {
  line-height: 1.9em;
  font-size: 16px;
  color: #6a6a6a;
}
.entry-content p,
.topic .content p,
.entry-content figure,
.topic .content figure {
  margin: 10px 0 20px;
}
.content table,
entry-content table {
  border-collapse: collapse;
  border: 0px;
}
.content table,
.content table tr td,
.entry-content table,
.entry-content table tr td {
  border-collapse: collapse;
  border: 1px solid #cccccc;
  font-size: 12px;
  padding: 5px;
  line-height: 1.5em;
}

/* 記事詳細、アーカイブテンプレート */
h1.entry-title,
h2.entry-title,
h1.entry-title a,
h2.entry-title a {
  color: #272f52;
  font-size: 23px;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  letter-spacing: 0;
}
.icon-strip a h2,
.slider h2 {
  font-family: "NotoSansCJKjp", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo",
    "sans-serif";
  color: #5b5b5b;
  letter-spacing: 0.04em;
}

.pc {
  display: inherit;
}
.sp {
  display: none;
}

.box a {
  cursor: pointer;
}
.box a,
.box span {
  color: initial;
}
.pHeader {
  margin-bottom: 0px;
}
.pHeader.moduleHeader {
  margin-top: 40px;
}
.pHeader.moduleHeader h1 {
  color: #a0b1c0;
  font-size: 20px;
}
header.pHeader h1,
header.aHeader h1 {
  border-bottom: 1px solid #d7d7d7;
  color: #a0b1c0;
  font-size: 20px;
  padding-bottom: 1px;
  margin-bottom: 4px;
}

/* Buttons */
.button {
  display: table;
  position: relative;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 2px #888;
  -webkit-box-shadow: 1px 1px 2px 0px #888;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
  text-shadow: rgba(0, 0, 0, 0.31) 0 -1px 1px;
  text-align: center;
  border: none;
  width: auto;
  cursor: pointer;
  opacity: 1;
  line-height: 30px;
  margin: 0 0 -10px 0;
}
.button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-style: solid none none none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.button:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-style: none none solid none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.button:hover {
  opacity: 0.9;
}
.gallery-item img,
.gallery-item a:before {
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
}

/* ----------------
 * Site Header
 * ---------------- */
/* #site-header {
  padding:  18px 0 15px 0;
} */
/* #site-header {
  background: white;
  position: sticky;
  top: 0;
  z-index: 100;
} */
/* #site-header .hSection.s1 {
  position:relative;
  max-width:1250px;
  min-width: unset;
  margin:0 auto;
}
#site-header .nav-wrapper {
  max-width: 1920px;
  width: initial;
  margin: 0 auto;
  overflow:hidden !important;
}
#site-header #logo {
  float: left;
}
#site-header ul.headMenu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
#site-header ul.headMenu li.text_tel {
  width: 170px;
  height: auto;
  margin-top: 2px;
}
#site-header ul.headMenu li.hdbtn {
  text-align:center;
  margin-left: 0;
}
#site-header ul.headMenu li.hdbtn a {
  padding: 6px;
  border-radius:100px;
  display:block;
  width:100%;
  font-size:14px;
  font-weight: 600;
  line-height: 1.6;
  background:#fff;
  border:2px solid #4065ff;
  color:#4065ff;
}
#site-header ul.headMenu li.hdbtn a:hover{
  background:#4065ff;
  border:2px solid #4065ff;
  color:#fff;
}
#site-header #logo img {
  width: 280px;
  height:auto;
}
#site-header .col-5.left {
  padding: 14px 0 0 30px;
  line-height: 0;
  position: absolute;
}
#site-header .col-7.right {
  padding-top: 0px;
  padding-right:30px;
  width: 490px;
  height:44px;
}
#site-header .col-7.right ul{
  list-style: none;
  text-align: right;
}
#site-header .col-7.right li{
  width:130px;
  display: inline-block;
  margin-left: 1%;
  vertical-align: bottom;
  height:auto;
  position:relative;
}
#site-header .col-7.right img{
  padding: 0;
  width: 100%;
  height: auto;
  display: inline-block;
  margin-top: auto;
  position:absolute;
  right:0;
  bottom:0;
  top:0;
  margin:auto;
}
#site-header .col-7 .headMenu li.hdbtn {
  max-width: 150px;
}
#site-header .col-7 .headMenu li.hdbtn a {
  max-width: 140px;
}
#site-header .center {
  width:560px;
  float: right;
  margin: 6px 35px 2px 0;
} */
#access ul {
  padding: 0;
  text-align: justify;
  height: 16px;
}
#access ul li {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  height: 16px;
  float: initial;
}
#access ul li:first-child {
  margin-left: 40px;
}
#access ul:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
}
#access ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
#access ul li a::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #4065ff;
  bottom: -10px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}
#access ul li a:hover::after {
  padding: 0;
  margin: 0;
  right: 0;
  z-index: 9;
  transform: scale(1, 1);
}
#access .header_service a,
#access .header_module a,
#access .header_cost_and_time a,
#access .header_app a,
#access .header_case a,
#access .header_mobile-marketing a {
  color: #053e79;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.08em;
}
#access .header_service a:hover,
#access .header_module a:hover,
#access .header_cost_and_time a:hover,
#access .header_app a:hover,
#access .header_case a:hover,
#access .header_mobile-marketing a:hover {
  color: #4065ff;
}

/* ----------------
 * Footer fnav
 * ---------------- */
.fnav {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 120px 0 60px;
}
.fnavb {
  display: inline-block;
}
.fnavb a {
  display: block;
  width: 250px;
  font-weight: 600;
  color: #4065ff;
  border: 2px solid #4065ff;
  background: #ffffff;
  border-radius: 100px;
  font-size: 18px;
  line-height: 1.5em;
  padding: 15px;
  margin: 12px 10px;
  text-decoration: none;
}
.fnavb a:hover {
  color: #fff;
  background: #4065ff;
  transition: color 0.5s;
}

/* ----------------
 * Footer Contact
 * bottom-page,bottom-mobile-marketing,bottom-topic
 * ---------------- */
.contant2 {
  border-bottom: 1px solid #d7d7d7;
  padding: 60px 0;
  background: url(../img/common/bottom/footer_bk.jpg) no-repeat center top;
  background-size: cover;
  position: relative;
}
.contant2::after {
  content: "";
  background-color: rgba(8, 82, 160, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.contant2 ul {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 860px;
  margin: auto;
}
.contant2 ul li {
  display: inline-block;
  float: none;
  margin: 0 20px;
}
.contant2 ul li.bottom_page_tel_mob {
  display: none;
}
#footer_message_title {
  text-align: center;
  vertical-align: bottom;
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  margin-top: 0;
  position: relative;
  z-index: 1;
}
#footer_message_body {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin: 30px 0 26px 0;
  position: relative;
  z-index: 1;
  line-height: 1.8em;
}
#footer_message_img {
  text-align: center;
  margin: 0 0 20px 0;
  position: relative;
  z-index: 1;
}
#footer_message_img img {
  width: 282px;
  height: auto;
}
#footer_message_menu {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
#footer_message_menu img {
  height: 72px;
  width: auto;
}
/* bottom-topic */
#footer_message_menu_post {
  position: relative;
  z-index: 1;
}

.postFooter .contant2 ul li {
  margin: 0 0;
  margin-right: 33px;
}
.postFooter .contant2 ul > li:last-child {
  margin-right: 0px;
}

/* ----------------
 * Site Footer
 * ---------------- */
.mob50_disp {
  display: none !important;
}
#site-footer {
  background: #969696;
  font-size: 12px;
  padding: 0;
}
#site-footer a {
  color: #fff;
  transition: color 0.2s ease;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
}
#site-footer .fSection.s2 {
  padding: 40px 50px;
  max-width: 1250px;
  min-width: 1000px;
  margin: 0 auto;
}
#site-footer .main-wrapper {
  max-width: 1920px;
  width: initial;
  margin: 0 auto;
  overflow: hidden !important;
}
#site-footer .col-6.right {
  width: 46%;
}
#site-footer ul.menu {
  text-align: right;
  font-size: 12px;
  margin-top: 4px;
}
#site-footer ul.menu li {
  display: inline;
  margin-left: 20px;
  list-style: none;
  padding-left: 8px;
}
#site-footer ul.menu li a {
  color: #f4f4f4;
}
#site-footer ul.menu li a:hover {
  color: #000;
}
#site-footer .col-6.left {
  width: 54%;
  overflow: hidden;
}
#site-footer .col-6.left div {
  float: left;
}
#site-footer .footer-img img {
  width: 220px;
  height: auto;
}
#site-footer .copyright {
  float: left;
  color: #fff;
  text-align: right;
  margin: 4px 0 0 30px;
  font-size: 11px;
}
#topicFooter .btn img {
  width: 180px;
  height: auto;
}

/* ----------------
 * Sidebar Style（記事詳細）
 * ---------------- */
aside li {
  list-style: none;
  padding: 3px 0;
}
aside h2,
aside h3 {
  font-size: 15px;
}
aside a {
  color: #4065ff;
  font-size: 12px;
  display: inline-block;
}
aside a:hover {
  text-decoration: underline;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.sidebar {
  width: 250px;
}
.sidebar-right {
  /* float: right; */
  margin-top: 40px;
  margin-left: 30px;
  display: inline-block;
  float: initial;
  vertical-align: top;
}
/* Sidebar search */
.screen-reader-text {
  display: none;
}
#searchform div {
  position: relative;
}
#s {
  border: 1px solid #ccc;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  padding: 7px 10px;
  border-radius: 5px;
  outline: 0;
}
input#s {
  background: url(../img/blog/search_off.png) no-repeat 220px center;
}
#searchsubmit {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 33px;
  height: 23px;
  border: none;
  background: url(../images/search.png);
  padding: 0;
  margin: 0;
}
.ranking {
  border-bottom: 1px solid #ddd;
  padding: 5px;
}
.widget.sBlock h3 {
  border-bottom: 3px solid #dddddd;
  padding-bottom: 4px;
  margin-bottom: 10px;
}
.widget.sBlock {
  margin-bottom: 20px;
  font-size: 12px;
}
/* sidebar - コミュニティに参加する */
div#sSns ul {
  letter-spacing: -0.4em;
}
div#sSns ul li {
  letter-spacing: normal;
  display: inline-block;
  margin-right: 12px;
}
div#sSns ul li:last-child {
  margin-right: 0;
}
div#sSns ul li a.side_tw_btn {
  background: #000;
  padding: 2px 15px 3px 12px;
  color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
div#sSns ul li a.side_fb_btn {
  background: #3b5998;
  padding: 2px 15px 3px 12px;
  color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
div#sSns ul li a.side_yt_btn {
  background: #ea3223;
  padding: 2px 15px 3px 12px;
  color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
div#sSns ul li a.side_tw_btn:hover,
div#sSns ul li a.side_fb_btn:hover,
div#sSns ul li a.side_yt_btn:hover {
  text-decoration: none;
}
div#sSns ul li a.side_tw_btn img,
div#sSns ul li a.side_fb_btn img,
div#sSns ul li a.side_yt_btn img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* ----------------
 * Common Style
 * ---------------- */
.youtube {
  position: relative;
  width: 100%;
  /* aspect-ratio: 16 / 9; */
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.btn img {
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  padding: 0;
  margin: 0;
  display: block;
  letter-spacing: 0;
}
a.btn {
  max-width: 100%;
}
a.btn:hover img,
a.btn:active img {
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=85);
}

/* ----------------
 * 記事詳細テンプレート
 * ---------------- */
/* 詳細ページ共通 */
.afterm1 h2,
.main-content h1,
.main-content h2 {
  line-height: 1.3em;
}
.entry-header img.wp-post-image {
  display: none;
}
.entry-content blockquote {
  background: #f3f3f3;
  padding: 1px 17px;
  border-radius: 15px;
}
.content ul,
.content ol,
.entry-content ul,
.entry-content ol {
  list-style-position: inside;
  margin: 0 10px;
  padding-left: 20px;
}
.entry-content ul li {
  list-style-position: outside;
}
.content iframe,
.entry-content iframe {
  display: block;
  margin: 0px auto;
}
.afterm1 h2,
.content h2 {
  color: #272f52;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5em;
}
.content p,
.content ul {
  margin: 0 0 40px 0;
}
.content table,
.entry-content table {
  border-bottom: 1px solid #f2f2f2;
  line-height: 2;
  margin: 0 0 24px;
  margin: 1.5rem 0 1.5rem;
  width: 100%;
}
.content td,
.entry-content td {
  border-top: 1px solid #f2f2f2;
  padding: 1em 1em;
}
.content th {
  list-style: none;
}
.content a,
.entry-content a {
  color: #4065ff;
}
.content a:hover,
.entry-content a:hover {
  text-decoration: underline;
}
span.date,
.vcard {
  color: #8ea1b2;
  font-size: 14px;
}
div#content {
  margin-bottom: 50px;
}
.aNavi {
  margin: 40px 0;
  text-align: center;
}
.topic .cHeader h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8em;
  color: #272f52;
}
.topic .cHeader h1.post-title {
  border-bottom: 1px solid #d8d8d8;
  color: #a0b1c0;
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.afterm1 h2,
.topic .content h1,
.topic .content h2,
article.mobile-marketing .entry-content h1,
article.mobile-marketing .entry-content h2 {
  border-left: 10px solid #ff9326;
  padding: 3px 12px;
  color: #524327;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 26px;
  margin-top: 45px;
}
.afterm1 h3,
.topic .content h3,
article.mobile-marketing .entry-content h3 {
  border-bottom: #b8b8b8 solid 1px;
  border-right: #b8b8b8 solid 1px;
  background: #f5f5f5;
  color: #272f52;
  margin: 56px 0 28px 0;
  padding: 9px 15px 7px 9px;
  font-size: 17px;
  line-height: 1.2em;
}
.topic .content h4,
article.mobile-marketing .entry-content h4,
article.mobile-marketing .entry-content h5,
article.mobile-marketing .entry-content h6 {
  padding: 10px;
  background: #f4f4f4;
  font-weight: normal;
  font-size: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.entry-content .point {
  border-bottom: #b8b8b8 solid 1px;
  border-right: #b8b8b8 solid 1px;
  background: #f5f5f5;
  color: #272f52;
  margin: 18px 0 17px;
  padding: 9px 15px 7px 9px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2em;
}
.blog-one-sidebar {
  width: 700px;
  float: left;
}
.blog-one-sidebar {
  width: 70%;
  display: inline-block;
  float: initial;
}
.blog-one-sidebar .authortime {
  float: right;
  margin-top: 5px;
}
.blog-one-sidebar #content .page {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 30px;
}
.post-title {
  display: inline-block;
  width: 460px;
}

/* 画像キャプション */
.wp-caption {
  border: none;
  background: #f1f1f1;
  margin: 0 10px;
}
.wp-caption-text {
  color: #797979;
  text-align: center;
  margin-top: 0;
}

/* bottom-topic */
.contant1 {
  background: #f1f1f1;
  padding: 20px 40px;
  margin-top: 20px;
}
.contant1 a {
  color: #4065ff;
}
/* bottom-page, bottom-topic */
a.btn.btnContact2 {
  width: 200px;
  height: 64px;
  border-radius: 4px;
}

/* single-mobile-marketing */
.banner {
  line-height: 1.9em;
  font-size: 16px;
}
.banner a {
  color: #4065ff;
}
.banner a:hover {
  text-decoration: underline;
}
.banner ul {
  margin-top: 45px;
  overflow: hidden;

  display: flex;
  text-align: center;
  width: 100%;
  max-width: 860px;
  margin: auto;
}
.banner ul li {
  display: inline-block;
  float: none;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
  width: 30%;
}
.box.banner li a {
  width: 100%;
  height: 45px;
  display: block;
  text-align: center;
  padding-top: 6px;
  background: #fff;
  border: 2px solid #4065ff;
  color: #4065ff;
  border-radius: 100px;
}
.box.banner li a:hover {
  background: #4065ff;
  border: 2px solid #4065ff;
  color: #fff;
  text-decoration: none;
}
.box.share {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

span.subtitle {
  font-size: 13.5px;
  display: block;
  margin-bottom: 8px;
  line-height: 1em;
  font-weight: normal;
}
.cMobile-marketing div.page-title,
h1.archive-title,
h2.archive-title {
  color: #57c4c7;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 20px;
  margin-top: 50px;
  background: url(../img/blog/TitleLogo.png) no-repeat left top;
  padding-left: 85px;
  line-height: 1.1em;
  padding-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
}
.cMobile-marketing div.page-title a,
h1.archive-title a,
h2.archive-title a,
.cMobile-marketing div.page-title a:hover,
h1.archive-title a:hover,
h2.archive-title a:hover {
  color: #57c4c7;
}
.postFooter .tag,
.meta .tag {
  border-left: 5px solid #c8d4de;
  padding-left: 10px;
  font-size: 13px;
  margin-top: 20px;
}
.postFooter .tag {
  margin-bottom: 50px;
}
.meta {
  padding-bottom: 10px;
  border-bottom: 1px solid #6d769f;
  margin-bottom: 30px;
}
.postFooter .tag a,
.meta .tag a {
  background: #a0b1c0;
  color: white;
  padding: 3px 10px;
  border-radius: 3px;
  margin-right: 5px;
}
.cMobile-marketing .entry-content div {
  font-size: 12px;
  text-align: center;
  margin-top: -22px;
}
.cMobile-marketing .entry-content div.wp-video-playlist,
.cMobile-marketing .entry-content div.wp-video-playlist .mejs-mediaelement,
.cMobile-marketing .entry-content div.wp-video-playlist .mejs-layer {
  margin-top: 0px;
  border: 1px #ffffff none;
}
.cMobile-marketing .entry-content div.wp-video-playlist .wp-playlist-tracks {
  display: none;
}
.cMobile-marketing header.post-header h1.entry-title a:hover,
.cMobile-marketing header.post-header h2.entry-title a:hover {
  text-decoration: none;
  color: #272f52;
}
.cMobile-marketing .entry-content div.lwptoc_i {
  display: block;
}
.cMobile-marketing .entry-content div.lwptoc_header,
.cMobile-marketing .entry-content div.lwptoc_items {
  margin: initial;
}
.cMobile-marketing .entry-content div.lwptoc,
.cMobile-marketing .entry-content div.lwptoc_item,
.cMobile-marketing .entry-content div.lwptoc_itemWrap {
  text-align: left;
  font-size: initial;
  margin-top: initial;
}
.cMobile-marketing .entry-content div.lwptoc {
  text-align: center;
  margin: 32px 0;
}

/* content-mobile-marketing, content-topics */
.aModule,
.aTopics {
  border-bottom: 1px solid #d8d8d8;
  padding: 20px 0;
  position: relative;
  width: 100%;
}
.aModule{
  display: flex;
  gap: 24px;
}
.aModule a,
.aTopics a {
  color: #6a6a6a;
}
.aModule a:hover,
.aTopics a:hover {
  color: #4065ff;
}
.aModule h1,
.aTopics h1 {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  color: #272f52;
}
.aModule .left.block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aModule .right.block {
  float: none;
  flex-grow: 1;
}
.aTopics .right.block {
  float: none;
  margin-left: 195px;
  min-height: 180px;
}
.aModule .right.block a:hover h1,
.aModule .right.block a:hover span.date,
.aModule .right.block a:hover,
.aTopics .right.block a:hover h1,
.aTopics .right.block a:hover span.date,
.aTopics .right.block a:hover {
  color: #4065ff;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.aModule .left.block {
  aspect-ratio: 1.91 / 1;
  width: 240px;
  background-color: #d8dfe5;
  float: none;
  flex-shrink: 0;
}
.aTopics .left.block {
  height: 175px;
  width: 175px;
  position: absolute;
  top: 20px;
  left: 0;
}
.aTopics .left.block img {
  max-width: 175px;
  height: auto;
}
a.btn.btnTn {
  display: table-cell;
  height: 175px;
  width: 175px;
  vertical-align: middle;
}
.aModule a.btn.btnTn {
  display: block;
  height: 100%;
  width: unset;
}

/* bottom-mobile-marketing */
.relatedPosts {
  padding: 20px 0;
}
.relatedPosts div {
  color: #4065ff;
  font-weight: initial;
  font-size: 16px;
  line-height: 1.5em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
}
.relatedPosts a .title:hover {
  color: #4065ff;
  text-decoration: underline;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.box.relatedPost h3 {
  border-bottom: 1px solid #d8d8d8;
  color: #272f52;
  padding-bottom: 10px;
}
.relatedPost {
  margin-top: 30px;
}
.relatedPost.clearfix {
  clear: inherit;
}
.relatedPost h1.entry-title:hover,
.relatedPost h2.entry-title:hover,
.relatedPost h1.entry-title a:hover,
.relatedPost h2.entry-title a:hover {
  color: #4065ff;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
div.relate {
  height: 140px;
  display: flex;
  gap: 12px;
}
div.related {
  width: calc(100% - 129px);
}
div.related a {
  color: #4065ff;
  font-weight: initial;
  font-size: 16px;
  line-height: 1.5em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
}
div.related a:hover {
  color: #4065ff;
  text-decoration: underline;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

/* page-nowrap */
.authortime span.date,
.authortime span.author,
.authortime {
  font-size: 11px;
  color: #d7d7d7;
}

/* スマートフォン公式アプリ一覧系 */
.anav {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 55px;
}
.anavb,
.anavc {
  display: inline-block;
}
.anavb a {
  display: block;
  width: 200px;
  font-weight: 600;
  border: 2px solid #4065ff;
  background: #ffffff;
  border-radius: 100px;
  font-size: 16px;
  padding: 8px;
  margin: 12px 10px;
  text-decoration: none;
}
.anavc a {
  display: block;
  width: 200px;
  font-weight: 600;
  border: 2px solid #4065ff;
  background: #4065ff;
  border-radius: 100px;
  font-size: 16px;
  padding: 8px;
  margin: 12px 10px;
  text-decoration: none;
}
.entry-content .anavb a {
  color: #4065ff;
}
.entry-content .anavc a {
  color: #fff;
}
.anavb a:hover,
.anavc a:hover {
  color: #fff;
  background: #4065ff;
  transition: color 0.3s;
}
.entry-content .anavb a:hover,
.entry-content .anavc a:hover {
  text-decoration: none;
}
.entry-content form {
  text-align: center;
}
.entry-content form label {
  text-align: left;
}

/* 検索結果ページ */
body.search-results article {
  height: 120px;
}
body.search-results .entry-header {
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin-right: 10px;
  float: left;
}
body.search-results .entry-header img {
  display: initial;
  max-width: 120px;
  height: auto;
}
body.search-results h1.entry-title,
body.search-results h2.entry-title,
body.search-results h1.entry-title a,
body.search-results h2.entry-title a {
  color: #1a0dab;
  font-size: 15px;
  margin-bottom: 0;
  -webkit-line-clamp: 1;
}
body.search-results h1.entry-title a:hover,
body.search-results h2.entry-title a:hover {
  text-decoration: underline;
  color: #4065ff;
}
body.search-results .entry-summary p {
  margin-top: 0;
}

/* 詳細記事（導入事例） */
.case .main {
  display: inline-block;
  width: 900px;
  height: auto;
  text-align: left;
}
.case .mainleft {
  width: 390px;
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  text-align: left;
  line-height: 2.8em;
}
.case .mainleft-title {
  font-size: 26px;
  font-weight: bold;
  color: #272f52;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 28px;
  padding-bottom: 28px;
}
.case .mainright {
  width: 500px;
  display: inline-block;
  vertical-align: top;
}
.case .mainright img {
  width: 500px;
  height: auto;
}
.case .subcent {
  width: 800px;
  margin: 66px auto 0 auto;
  line-height: 2.3em;
}
.case .subcent p {
  margin: 0 0 20px 0;
}
.case h2 {
  color: #000000;
  margin: 0 0 26px 0;
  padding-top: 7px;
}
.case .case-table {
  margin: 70px auto;
}
.case .case-table table {
  width: 100%;
  border: none;
}
.case .case-table th,
.case .case-table td {
  font-size: 17px;
  box-sizing: border-box;
  vertical-align: middle;
  border: none;
}
.case .case-table tr {
  border-top: 1px dotted #ccc;
  padding: 18px 0;
  display: block;
}
.case .case-table tr:last-child {
  border-bottom: 1px dotted #ccc;
}
.case .case-table th {
  width: 90px;
  font-weight: bold;
  text-align: right;
  padding-right: 15px;
  color: #8b5cff;
}
.case .case-table td {
  text-align: left;
}
.case .case-line {
  background: #ff9;
}

/* 詳細記事（導入事例） */
.cCase {
  padding: 50px 0;
  text-align: center;
}
.cCase.s2 {
  background: #f3f3f3;
}

/* 詳細記事（スマホ公式アプリ） */
.cApp {
  padding: 50px 0;
  text-align: center;
}
.cApp.s2 {
  background: #f3f3f3;
}
.cAppMain {
  display: inline-block;
  width: 872px;
  height: auto;
  margin: 0 auto;
  text-align: left;
}
.cApp .block_left {
  float: left;
  display: block;
  width: 680px;
  height: auto;
}
.cApp .block_left2 {
  float: left;
  width: 156px;
  height: 156px;
  margin-right: 15px;
}
.cApp .block_right2 {
  display: block;
  width: 480px;
  /* height:156px; */
  min-height: 156px;
  margin-left: 171px;
}
.cApp .block_right2 h2 {
  margin: 0 0 4px 0;
  padding: 0;
  color: #333333;
  font-size: 32px;
  font-weight: bold;
  border-bottom: 0px;
  line-height: 1em;
  letter-spacing: 0;
}
.cApp .block_right2 .com {
  margin-bottom: 20px;
  font-size: 12px;
  color: #848484;
  line-height: 1em;
}
.cApp .block_right2 .dis1 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #47799a;
  line-height: 1.4em;
}
.cApp .block_left .dis2 {
  width: 650px;
  margin-top: 40px;
  font-size: 18px;
  color: #848484;
  padding: 0;
  line-height: 1.6em;
  font-weight: normal;
}
.cApp .block_left img.btn {
  margin: 0 15px 0 0;
  padding: 0;
  border: 0;
  height: 47px;
  width: auto;
}
.cApp .block_right {
  display: block;
  margin-left: 680px;
  width: 192px;
  height: 392px;
}
.cApp .title {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 24px;
  color: #272f52;
  font-weight: normal;
}
.cApp .howto {
  border-top: 1px solid #cccccc;
  padding-top: 32px;
  color: #333333;
}
.cApp .howto .sec1 {
  font-weight: bold;
  font-size: 22px;
  color: #444444;
  margin-bottom: 20px;
}
.cApp .howto .dis1 {
  width: 100%;
  margin-bottom: 50px;
}
.cApp .howto .cap {
  float: left;
  border: 1px solid #aaa;
}
.cApp .howto .howto_right {
  margin-left: 230px;
  display: block;
  width: 640px;
}
.cApp .howto .howto_right h4 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 18px;
}
.cApp .howto .howto_right .txt {
  font-size: 15px;
  line-height: 1.5em;
  margin: 0 0 25px 20px;
}
.cApp .howto .howto_right .sub {
  font-size: 14px;
  color: #777777;
}
.cApp .howto .howto_right .info {
  margin-top: 50px;
  padding-top: 15px;
  border-top: 1px solid #cccccc;
  font-size: 12px;
  color: #aaaaaa;
  line-height: 1.6em;
}
.cApp .howto .howto_right .info ul {
  padding-left: 17px;
  margin-bottom: 0;
}
.cApp .howto .howto_right .info ul li a {
  color: #aaaaaa;
  text-decoration: none;
}

/* page-module */
.monule-mndo2-1 {
  display: inline-block;
  margin: 20px;
}

/* archive - ページネーション */
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  width: 45px;
  height: 40px;
  line-height: 2.4em;
  color: #4065ff;
  font-weight: bold;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  width: 60px;
}
.wp-pagenavi a,
.wp-pagenavi span {
  border-radius: 4px;
  background: #ffffff;
  color: #81c0f2;
  display: inline-block;
  border: none !important;
}
.wp-pagenavi a:hover {
  background: #4065ff;
  color: #fff;
}
.wp-pagenavi span.current {
  background: #4065ff;
  border: none;
  font-weight: inherit;
  color: #fff;
}
.wp-pagenavi span.pages {
  background: transparent;
  color: #4065ff;
  border: none;
  width: 80px;
}

/* archive-mobile-marketing */
.aSolomoPickups .block {
  display: block;
  float: left;
  margin-right: 30px;
}
.aSolomoPickups .block:last-child {
  margin-right: 0px;
}
.block .btnSolomopick img {
  margin: 20px 0;
  max-width: 334px;
  height: auto;
}
a.btn.btnSolomopick {
  display: block;
  max-width: 334px;
  height: auto;
}

/* フォーム */
.MAforms {
  max-width: 900px;
  padding: 0 20px;
  margin: 0 auto;
}
.MAforms label,
.after-form label {
  display: block;
  color: #4c4c4c;
  text-align: left;
  line-height: 1.5em;
}
.MAforms .privacy,
.after-form .privacy {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #f3f3f3;
  overflow-x: hidden;
  padding: 3%;
  width: 99%;
  height: 150px;
  font-size: 13px;
  color: #6f6f6f;
  margin-bottom: 30px;
  line-height: 1.4em;
  text-align: left;
}
.MAforms .privacy a {
  display: contents;
  color: rgb(0, 146, 215);
}
.MAforms .privacy .p-title {
  font-weight: bold;
}
.MAforms input[type="checkbox"],
.after-form input[type="checkbox"] {
  float: left;
  margin: 11px 8px 0 15px;
}
.MAforms input[type="radio"],
.after-form input[type="radio"] {
  float: left;
  margin: 7px 10px 0 0;
}
.MAforms label[for="Radio_5"],
.MAforms label[for="Radio1_2"] {
  display: block;
  margin-bottom: 30px;
} /* ラジオボタン下余白設定 */
.MAforms.docforms label[for="Radio_4"] {
  display: block;
  margin-bottom: 30px;
} /* ラジオボタン下余白設定 */
.MAforms textarea {
  height: 160px;
}
.MAforms h2 {
  text-align: center;
  font-weight: inherit;
  color: #717171;
  margin-top: 100px;
}
.after-form input[type="text"],
.MAforms input[type="text"],
.after-form textarea,
.MAforms textarea {
  width: 98%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  outline: inherit;
  margin: 6px 0 35px 0;
}
.after-form input[type="text"] {
  margin: 6px 0 25px 0;
}
.MAforms input[type="text"]:focus,
.MAforms textarea:focus {
  border: 1px solid #4065ff;
}
.after-form button,
.MAforms button {
  padding: 12px 44px;
  background: #4065ff; /* 送信するボタンの色 */
  border-radius: 100px;
  border: none;
  color: #fff;
  display: block;
  margin: 0 auto;
  margin-bottom: 100px;
}
.after-form button {
  margin-bottom: 0;
}
.after-form button:hover,
.MAforms button:hover {
  opacity: 0.7;
  cursor: pointer;
}
.after-form label[for="Checkbox_1"] {
  padding: 5px;
  margin-bottom: 20px;
}
.MAforms label[for="Checkbox_1"] {
  background: #edf6ff; /* 同意するボタンの色 */
  padding: 5px;
  margin-bottom: 30px;
}
.MAforms button em,
.after-form button em {
  font-size: 0;
}
.MAforms button em:before,
.after-form button em:before {
  font-size: 20px;
  font-style: normal;
  content: "送信する";
}
.MAform {
  position: relative;
  max-width: 800px;
  min-width: 800px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto;
  /* background:url('/wp-content/uploads/form-loading1.gif') top center no-repeat; */
}
.MAform.contact {
  padding-top: 1680px;
}
.MAform.document {
  padding-top: 1380px;
}
.MAform iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.content .required_asterisk,
.entry-content .required_asterisk {
  font-size: 0;
}
.content .required_asterisk:before,
.entry-content .required_asterisk:before {
  font-size: 12px;
  content: " ＊";
  color: #e56d6d;
}

.fst1 {
  width: 100%;
  background: linear-gradient(to right, #8c5cff, #4065ff);
  padding: 25px 0;
  margin: 50px auto;
}
.fst1-1 {
  text-align: center;
  color: #ffffff;
}
.fst1-1-1 {
  font-size: 56px;
  font-weight: bold;
  line-height: 1em;
  margin: 10px auto;
}
.fst1-1-2 {
  font-size: 20px;
}
.afterm1 {
  width: 900px;
  height: auto;
  margin: 0 auto;
}
.afterm2 {
  margin-bottom: 50px;
}
.afterm3-1,
.afterm3-2 {
  display: inline-block;
  width: 49.5%;
  height: auto;
  vertical-align: top;
}
.afterm3-1 {
  padding-right: 3%;
}
.after-form {
  background: #eceef5;
  padding: 28px;
  border-radius: 15px;
  margin-bottom: 50px;
}
.after-form h2 {
  display: none;
}

select,
select[size="0"],
select[size="1"] {
  border: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  color: #4065ff;
  width: 150px;
  padding-bottom: 5px;
}
.single-mobile-marketing input[type="text"] {
  padding: 8px 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #ccc;
  outline: 0px none #fff;
}
.single-mobile-marketing input[type="button"],
.single-mobile-marketing input[type="submit"] {
  margin: 0;
  padding: 10px 17px;
  background: #4065ff;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

/* 404ページ */
.error404 {
  background: #eee;
}
.error404-1 {
  margin-bottom: 40px;
}
.error404-2 {
  border: 1px solid #ccc;
  padding: 20px;
  background: #fff;
}
.error404-2 h2 {
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
}
.error404-2 div.menu-main2-container {
  padding-left: 25px;
}
.error404-2 ul li {
  margin-bottom: 10px;
}

/* First Page */
div.whatsnew dl a dt {
  width: 160px;
}
div.whatsnew dl a dd {
  color: #4065ff;
  text-align: left;
}
div.whatsnew dd:hover {
  text-decoration: underline;
  text-align: left;
}
.topimg-pc {
  display: inherit;
  margin: 0 auto;
}
.topimg-sp {
  display: none;
}
.ma-top {
  text-align: center;
  overflow-x: hidden;
}
.ma-top .top-sc1 {
  width: 100%;
  height: 850px;
  background: url(/wp-content/uploads/top_bg1.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 250px;
  margin-bottom: 150px;
}
.ma-top .top-sc2,
.ma-top .top-sc3,
.ma-top .top-sc6,
.ma-top .top-sc7 {
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto;
}
.ma-top .top-sc4 {
  width: 100%;
  height: 550px;
  background: url(/wp-content/uploads/top_bg2.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 70px;
  margin-bottom: 150px;
}
.ma-top .top-sc1 h1,
.ma-top .top-sc1 h3 {
  color: #ffffff;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.5em;
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto;
}
.ma-top .top-sc1 h2,
.ma-top .top-sc1 h4 {
  color: #ffffff;
  font-size: 23px;
  font-weight: inherit;
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto;
}
.ma-top .top-sc2 h3,
.ma-top .top-sc3 h3,
.ma-top .top-sc5 h3,
.ma-top .top-sc6a h3,
.ma-top .top-sc7 h3,
.top-sc8 h3,
.ma-top .top-sc10 h3 {
  color: #333;
  font-size: 39px;
  font-weight: inherit;
  margin: 0 auto 30px auto;
  min-width: 1000px;
  max-width: 1250px;
}
.ma-top .top-sc4 h3 {
  color: #fff;
  font-size: 39px;
  font-weight: inherit;
  margin: 0 auto;
  margin-bottom: 50px;
  min-width: 1000px;
  max-width: 1250px;
}
.ma-top .top-sc2 h4,
.ma-top .top-sc3 h4,
.ma-top .top-sc5 h4,
.ma-top .top-sc6a h4,
.ma-top .top-sc7 h4,
.top-sc8 h4,
.ma-top .top-sc10 h4 {
  color: #5b5b5b;
  font-weight: inherit;
  font-size: 17px;
  line-height: 2em;
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto 50px auto;
}
.ma-top .top-sc2,
.ma-top .top-sc3,
.ma-top .top-sc5,
.ma-top .sc6,
.ma-top .top-sc7 {
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto 150px auto;
}
.ma-top .top-sc6a {
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto;
}
.ma-top .top-sc2 .sc-img,
.ma-top .top-sc5 .sc-img {
  margin-bottom: 70px;
}
.ma-top .top-sc3 .sc-img {
  margin: 40px 0 60px 0;
  display: inline-block;
  animation: scrollAnime 60s linear infinite;
}
@keyframes scrollAnime {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.ma-top .sc-btn a {
  width: 240px;
  display: block;
  margin: 0 auto;
  font-weight: 600;
  color: #fff;
  background-color: #4065ff;
  border-radius: 100px;
  font-size: 20px;
  padding: 16px;
  text-decoration: none;
  line-height: 1.1;
}
.ma-top .sc-btn a:hover {
  opacity: 0.7;
}
.ma-top .top-sc4 h4 {
  margin: 0 auto;
}
.ma-top .top-sc4 h4 img {
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto 50px auto;
  height: auto;
  width: 94%;
  padding: 0 3%;
}
.ma-top .top-sc4 .sc-img img {
  width: 100%;
  height: auto;
}
.ma-top .top-sc4 .sc-btn {
  margin-top: 50px;
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto;
}
.ma-top .top-sc10 {
  background: #f7f7f7;
  padding: 100px 0;
}
.top-sc10 h4 {
  width: 50%;
}
.ma-top .top-sc6 {
  width: 100%;
  display: flex;
  align-items: stretch;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.ma-top .top-block {
  width: 22%;
  height: auto;
  margin: 0 1.5% 60px 1.5%;
}
.ma-top .top-block1 img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.ma-top .top-block1 a:hover,
.top-sc7 .sc-img a:hover,
.monule-mndo2 .top-block01 a:hover,
.monule-mndo2-1 a img:hover {
  opacity: 0.7;
}
.ma-top .top-block2 {
  text-align: left;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 25px;
}
.ma-top .top-block2 a {
  color: #000;
  text-decoration: none;
}
.ma-top .top-block2 a:hover {
  color: #4065ff;
}
.ma-top .top-block3 {
  text-align: left;
  font-size: 16px;
  color: #7a7a7a;
}
.ma-top .top-block01 {
  width: 46%;
  height: auto;
  margin: 0 2% 60px 2%;
}
.ma-top .top-block01 img {
  width: 100%;
  height: auto;
}

/* サービス概要 */
.ma-service h3 {
  color: #4065ff;
  font-size: 39px;
  text-align: center;
}
.ma-service .disc {
  color: #737373;
  font-size: 19px;
  line-height: 1.8em;
  text-align: center;
  margin-bottom: 140px;
}
.ma-service .disc2 {
  color: #a8a8a8;
  text-align: center;
}
.ma-service .ma-button {
  text-align: center;
}
.ma-service .ma-button a {
  font-weight: 600;
  color: #fff;
  background-color: #4065ff;
  border-radius: 100px;
  font-size: 20px;
  padding: 20px;
  text-decoration: none;
}
.ma-service .ma-button a:hover {
  opacity: 0.7;
}
.ma-service .block-left {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto 80px auto;
}
.ma-service .block-left .blocks img {
  float: right;
  border-radius: 28px;
}
.ma-service .block-right {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  height: auto;
  min-width: 1000px;
  max-width: 1250px;
  margin: 0 auto 80px auto;
}
.ma-service .block-right .blocks img {
  float: left;
}
.ma-service .blocks {
  width: 48%;
  height: auto;
}
.ma-service .blocks .sub-min {
  color: #4065ff;
  margin: 55px 0 0 50px;
}
.ma-service .blocks .sub-min1 {
  font-size: 50px;
  margin-right: 15px;
}
.ma-service .blocks .sub-min2 {
  font-size: 44px;
}
.ma-service .blocks .sub-tit {
  color: #333;
  font-size: 25px;
  font-weight: 600;
  margin: 50px 50px 30px 50px;
}
.ma-service .blocks .sub-dsc {
  color: #737373;
  font-size: 17px;
  line-height: 1.8em;
  margin: 0 50px;
}
.ma-service .sv4 {
  margin-bottom: 100px;
}

/* アプリ機能一覧 */
.ma-module .disc {
  color: #737373;
  font-size: 19px;
  line-height: 1.8em;
  text-align: center;
  margin-bottom: 100px;
}
.ma-module .disc2 {
  color: #737373;
  font-size: 19px;
  line-height: 1.8em;
  text-align: center;
  margin-bottom: 90px;
}
.ma-module .disc3 {
  color: #bcbcbc;
  font-size: 14px;
  line-height: 1.8em;
  text-align: center;
}
.ma-module .disc4 {
  color: #737373;
  font-size: 24px;
  line-height: 1.8em;
  text-align: center;
  margin-bottom: 30px;
}

.ma-module .mod_ttl {
  text-align: center;
  font-size: 31px;
  margin-bottom: 40px;
}
.ma-module .mod_bx {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 0;
  margin-bottom: 60px;
}
.ma-module .mod_bx1 {
  margin: 0 2%;
  width: 29%;
  height: 420px;
  display: inline-block;
  vertical-align: top;
}
.ma-module .mod_bx1a {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 26px;
  color: #0e9dff;
  margin-bottom: 10px;
}
.ma-module .mod_bx1a img {
  margin-bottom: 15px;
}
.ma-module .mod_bx1b {
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 1.8em;
}

.ma-module .mod_cx {
  max-width: 1200px;
  margin: 0 auto 50px auto;
  font-size: 0;
  text-align: center;
}
.ma-module .mod_cx1 {
  margin: 0 2% 20px 2%;
  width: 15.8%;
  height: auto;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.ma-module .mod_cx1 a img {
  width: 100%;
  height: auto;
}
.ma-module .mod_dx {
  max-width: 1200px;
  margin: 0 auto 200px auto;
  font-size: 0;
  text-align: center;
}

/* アプリ開発費用・期間 */
.ma-cat h3 {
  color: #333;
  font-size: 30px;
  text-align: center;
}
.ma-cat .disc {
  color: #737373;
  font-size: 19px;
  text-align: center;
  line-height: 1.8em;
  margin-bottom: 100px;
}
.ma-cat .disc2 {
  color: #737373;
  font-size: 17px;
  text-align: center;
  line-height: 1.8em;
  margin-bottom: 50px;
}
.ma-cat .catimg1,
.ma-cat .catimg2,
.ma-cat .catimg3 {
  text-align: center;
  margin-bottom: 100px;
}
.ma-cat .catimg1sp,
.ma-cat .catimg2sp {
  display: none;
}
.ma-cat .ma-button {
  text-align: center;
}
.ma-cat .ma-button a {
  font-weight: 600;
  color: #fff;
  background-color: #4065ff;
  border-radius: 100px;
  font-size: 20px;
  padding: 20px;
  text-decoration: none;
}
.ma-cat .ma-button a:hover {
  opacity: 0.7;
}
.ma-cat .sv4 {
  margin-bottom: 100px;
}

/* スマホ公式アプリ一覧系 */
.ma-app {
  text-align: center;
  max-width: 1250px;
  min-width: 1000px;
  margin: 0 auto;
}
.ma-app .app-sc1 {
  margin-bottom: 60px;
}
.ma-app .app-sc1 h3 {
  color: #4065ff;
  font-size: 39px;
}
.ma-app .app-sc1 h4 {
  color: #555;
  font-size: 19px;
  font-weight: inherit;
}
.ma-app .app-sc2 {
  width: 95%;
  margin: 0 2.5% 100px 2.5%;
  display: flex;
  align-items: stretch;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.ma-app .app-block {
  width: 31%;
  height: auto;
  margin-right: 3.5%;
  margin-bottom: 60px;
}
.ma-app .app-block:nth-of-type(3n) {
  margin-right: 0;
}
.ma-app .app-block1 img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.ma-app .app-block1 a:hover {
  opacity: 0.7;
}
.ma-app .app-block2 {
  text-align: left;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 25px;
}
.ma-app .app-block2 a {
  color: #000;
  text-decoration: none;
}
.ma-app .app-block2 a:hover {
  color: #4065ff;
}
.ma-app .app-block3 {
  text-align: left;
  font-size: 16px;
  color: #7a7a7a;
}

/* 導入事例 */
.ma-case {
  text-align: center;
  max-width: 1250px;
  min-width: 1000px;
  margin: 0 auto;
}
.ma-case .case-sc1 {
  margin-bottom: 60px;
}
.ma-case .case-sc1 h4 {
  color: #555;
  font-size: 19px;
  font-weight: inherit;
}
.ma-case .case-sc2 {
  width: 95%;
  margin: 0 2.5% 100px 2.5%;
  display: flex;
  align-items: stretch;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.ma-case .case-block {
  width: 31%;
  height: auto;
  margin-right: 3.5%;
  margin-bottom: 60px;
}
.ma-case .case-block:nth-of-type(3n) {
  margin-right: 0;
}
.ma-case .case-block1 img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.ma-case .case-block1 a:hover {
  opacity: 0.7;
}
.ma-case .case-block2 {
  text-align: left;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 25px;
}
.ma-case .case-block2 a {
  color: #000;
  text-decoration: none;
}
.ma-case .case-block2 a:hover {
  color: #4065ff;
}
.ma-case .case-block3 {
  text-align: left;
  font-size: 16px;
  color: #7a7a7a;
}

/* measAR note */
.mnote-pink {
  color: #f88395;
}
.bg-sp {
  display: none;
}
.bg-pc {
  display: initial;
}
.mnote4-3a .imgpc {
  display: initial;
}
.mnote4-3a .imgsp {
  display: none;
}
.mnote3-3-c {
  display: initial;
}
.mnote3-3-csp {
  display: none;
}
.mnote1,
.mnote2,
.mnote2-3,
.mnote3,
.mnote4_cont,
.mnote4-3,
.mnote5 {
  margin: 0 auto;
  width: 1000px;
}
.mnote1 {
  display: block;
  width: 1000px;
  height: 418px;
  background: url(/wp-content/uploads/mnote-titbg.jpg) no-repeat;
  background-size: cover;
  margin-bottom: 125px;
}
.mnote1-1 {
  position: relative;
  top: 240px;
  left: 42px;
  font-size: 13px;
}
.content h3.mnote2-1,
.content h3.mnote3-1,
.content h3.mnote4-1,
.content h3.mnote5-1,
.content h3.mnote-mov1 {
  text-align: center;
  font-size: 30px;
  color: #6a6a6a;
  font-weight: inherit;
  line-height: 1.5em;
  margin: 0 0 40px 0;
}
.mnote2-2,
.mnote3-2,
.mnote4-2,
.mnote5-2 {
  text-align: center;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 55px;
}
.mnote2 {
  margin-bottom: 108px;
}
.mnote2-3 {
  display: block;
  height: 250px;
  background: url(/wp-content/uploads/mnote-bg2.png);
  background-size: cover;
  text-align: center;
  line-height: 21px;
  font-size: 13px;
}
.mnote2-3-1,
.mnote2-3-2,
.mnote2-3-3 {
  position: relative;
  width: 250px;
  margin: 0;
  padding: 0;
}
.mnote2-3-1 {
  top: 205px;
  left: 60px;
}
.mnote2-3-2 {
  top: 163px;
  left: 390px;
}
.mnote2-3-3 {
  top: 122px;
  left: 720px;
}
.mnote3 {
  margin-bottom: 65px;
}
.mnote3-3 {
  text-align: center;
}
.mnote3-3-1,
.mnote3-3-2 {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.8em;
}
.mnote3-3-1 img,
.mnote3-3-2 img {
  border-radius: 8px;
  margin-bottom: 30px;
}
.mnote3-3-1 {
  margin-right: 88px;
}
.mnote3-3-b {
  text-align: left;
  width: 335px;
}
.mnote3-3-c {
  margin-bottom: 12px;
}
.mnote3-3-d li {
  margin-bottom: 10px;
}
.mnote4 {
  padding: 78px 0 88px 0;
  background: #f7f7f7;
  margin-bottom: 60px;
}
.mnote4-3a,
.mnote4-3b {
  display: inline-block;
}
.mnote4-3a {
  margin-left: 95px;
}
.mnote4-3b {
  font-size: 13px;
  width: 430px;
  height: 330px;
  margin-left: 50px;
  vertical-align: top;
}
.mnote4-3b p {
  margin-bottom: 20px;
}
.mnote5 {
  margin-bottom: 110px;
}
.mnote5-3 {
  margin: 0 auto;
  padding: 50px 0 67px 0;
  text-align: center;
  font-size: 13px;
  width: 730px;
  line-height: 1.8em;
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.mnote5-3a,
.mnote5-3c {
  margin-bottom: 20px;
}
.mnote5-3b {
  margin-bottom: 45px;
}
.mnote-mov {
  padding: 78px 0 88px 0;
  background: #f7f7f7;
}
.mnote6 {
  text-align: center;
  background: #a7a7a7;
  color: #ffffff;
  width: 100%;
  height: auto;
  padding: 100px 0;
}
.mnote6-1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.mnote6-2 {
  font-size: 12px;
  line-height: 2em;
  margin-bottom: 33px;
}
.mnote6-3a,
.mnote6-3b {
  display: inline-block;
  color: #000000;
  background: #ffffff;
  padding: 15px 0;
  border-radius: 6px;
  width: 220px;
}
.mnote6-3a {
  margin-right: 20px;
}
.mnote6-3a:hover,
.mnote6-3b:hover {
  background: #ffc65b;
  transition: 0.2s;
}

/* ModuleApps Engage */
.done1 {
  background: #f8f8f8;
}
.done1-1 {
  width: 1000px;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 80px 60px;
}
.done1-1-1 {
  width: 415px;
  height: auto;
  display: inline-block;
  vertical-align: top;
  margin-top: 32px;
}
.done1-1-1a {
  margin-bottom: 35px;
}
.done1-1-2b {
  color: #000000;
  font-size: 18px;
  line-height: 1.8em;
}
.done1-1-2 {
  display: inline-block;
  margin-left: 100px;
  width: 311px;
  height: 325px;
  background: url(/wp-content/uploads/done1-1.png) no-repeat;
}
h2.done2-2 {
  text-align: center;
  font-size: 26px;
  color: #000000;
  margin: 80px 0 50px 0;
}
.done2-3,
.done3-2,
.done4-2 {
  text-align: center;
  font-size: 15px;
  margin-bottom: 60px;
}
.done2-4 {
  margin-bottom: 30px;
  text-align: center;
}
.done2-4a,
.done2-4b,
.done2-4c {
  text-align: center;
  display: inline-block;
  width: 30%;
  height: auto;
  vertical-align: top;
}
.done2-4a-1,
.done2-4b-1,
.done2-4c-1 {
  margin-bottom: 20px;
}
.done2-4a-2,
.done2-4b-2,
.done2-4c-2 {
  font-weight: bold;
  color: #000000;
  font-size: 17px;
  margin-bottom: 10px;
}
.done2-4a-3,
.done2-4b-3,
.done2-4c-3 {
  font-size: 12px;
  line-height: 1.7em;
}
.done2-5 {
  text-align: center;
  color: #cccccc;
  font-size: 10px;
  margin-bottom: 130px;
  line-height: 1.5em;
}
.done3 {
  margin-bottom: 130px;
}
h2.done3-1,
h2.done4-1 {
  text-align: center;
  font-size: 26px;
  color: #000;
  margin-bottom: 50px;
}
.done3-3 {
  margin: 0 auto;
  padding: 45px;
  font-size: 14px;
  width: 760px;
  line-height: 1.8em;
  border-radius: 12px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}
.done3-3 ul {
  margin: 0;
}
.done3-3 ul li {
  margin-bottom: 10px;
  color: #000000;
}
.done3-3 ul li:last-child {
  margin-bottom: 0;
}
.done3-3 .color,
.done4-3b-1,
.done4-4b-1 {
  color: #42b7ea;
}
.done4 {
  margin-bottom: 120px;
}
.done4-3,
.done4-4 {
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.done4-3 {
  margin-bottom: 100px;
}
.done4-3a,
.done4-3b,
.done4-4a,
.done4-4b {
  display: inline-block;
  vertical-align: top;
}
.done4-3a,
.done4-4a {
  width: 480px;
  height: auto;
}
.done4-3a img {
  margin-left: 95px;
}
.done4-4a img {
  margin-left: 140px;
}
.done4-4b-2 {
  margin-bottom: 20px;
}
.done4-3b-1,
.done4-4b-1 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
.done4-3b-2,
.done4-4b-2 {
  font-size: 13px;
  line-height: 2em;
}
.done4-4b-3 {
  font-size: 10px;
  color: #cccccc;
  line-height: 1.8em;
}
.done5 {
  text-align: center;
  background: #a7a7a7;
  color: #ffffff;
  width: 100%;
  height: auto;
  padding: 100px 0;
}
.done5-1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.done5-2 {
  font-size: 12px;
  line-height: 2em;
  margin-bottom: 33px;
}
.done5-3a,
.done5-3b {
  display: inline-block;
  color: #000000;
  background: #ffffff;
  padding: 15px 0;
  border-radius: 6px;
  width: 220px;
}
.done5-3a {
  margin-right: 20px;
}
.done5-3a:hover,
.done5-3b:hover {
  background: #ea833d;
  color: #ffffff;
  transition: 0.2s;
}

/* Blue Base */
.bbase1 {
  background: #060743;
}
.bbase1-1 {
  width: 1000px;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 80px 60px;
}
.bbase1-1-1 {
  width: 320px;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.bbase1-1-1a {
  margin-bottom: 35px;
}
.bbase1-1-2b {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.8em;
}
.bbase1-1-2 {
  display: inline-block;
  margin-left: 100px;
  width: 324px;
  height: 333px;
  background: url(/wp-content/uploads/bbase1-1.png) no-repeat;
}
.bbase2 {
  margin-bottom: 130px;
}
h2.bbase2-2 {
  text-align: center;
  font-size: 26px;
  color: #000000;
  margin: 80px 0 50px 0;
}
.bbase2-3,
.bbase3-2,
.bbase4-2 {
  text-align: center;
  font-size: 15px;
  margin-bottom: 60px;
}
.bbase2-4 {
  margin-bottom: 30px;
  text-align: center;
}
.bbase2-4a,
.bbase2-4b,
.bbase2-4c {
  text-align: center;
  display: inline-block;
  width: 30%;
  height: auto;
  vertical-align: top;
}
.bbase2-4a-1,
.bbase2-4b-1,
.bbase2-4c-1 {
  margin-bottom: 20px;
}
.bbase2-4a-2,
.bbase2-4b-2,
.bbase2-4c-2 {
  font-weight: bold;
  color: #000000;
  font-size: 17px;
  margin-bottom: 10px;
}
.bbase2-4a-3,
.bbase2-4b-3,
.bbase2-4c-3 {
  font-size: 12px;
  line-height: 1.7em;
}
.bbase2-5 {
  text-align: center;
  color: #cccccc;
  font-size: 10px;
  margin-bottom: 130px;
  line-height: 1.5em;
}
.bbase3 {
  margin-bottom: 130px;
}
h2.bbase3-1,
h2.bbase4-1 {
  text-align: center;
  font-size: 26px;
  color: #000;
  margin-bottom: 50px;
}
.bbase3-3 {
  margin: 0 auto;
  padding: 45px;
  font-size: 14px;
  width: 490px;
  line-height: 1.8em;
  border-radius: 12px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}
.bbase3-3 ul {
  margin: 0;
}
.bbase3-3 ul li {
  margin-bottom: 10px;
  color: #000000;
}
.bbase3-3 ul li:last-child {
  margin-bottom: 0;
}
.bbase3-3 .color,
.bbase4-3b-1,
.bbase4-4b-1 {
  color: #4976ff;
  font-weight: bold;
}
.bbase4 {
  margin-bottom: 120px;
}
.bbase4-3,
.bbase4-4 {
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.bbase4-3 {
  margin-bottom: 100px;
}
.bbase4-3a,
.bbase4-3b,
.bbase4-4a,
.bbase4-4b {
  display: inline-block;
  vertical-align: top;
}
.bbase4-3a,
.bbase4-4a {
  width: 390px;
  height: auto;
}
.bbase4-3a img,
.bbase4-4a img {
  margin-left: 120px;
}
.bbase4-3b,
.bbase4-4b {
  width: 440px;
  height: auto;
  margin-left: 90px;
}
.bbase4-3b-1 {
  padding-top: 30px;
}
.bbase4-3b-1,
.bbase4-4b-1 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
.bbase4-3b-2,
.bbase4-4b-2 {
  font-size: 13px;
  line-height: 2em;
}
.bbase4-4a {
  padding-top: 50px;
}
.bbase4-4b-2 {
  margin-bottom: 20px;
}
.bbase4-4b-3 {
  font-size: 10px;
  color: #cccccc;
}
.bbase4-4b-3 a {
  color: #49abff;
  text-decoration: none;
}
.bbase5 {
  text-align: center;
  background: #a7a7a7;
  color: #ffffff;
  width: 100%;
  height: auto;
  padding: 100px 0;
}
.bbase5-1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.bbase5-2 {
  font-size: 12px;
  line-height: 2em;
  margin-bottom: 33px;
}
.bbase5-3a,
.bbase5-3b {
  display: inline-block;
  color: #000000;
  background: #ffffff;
  padding: 15px 0;
  border-radius: 6px;
  width: 220px;
}
.bbase5-3a {
  margin-right: 20px;
}
.bbase5-3a:hover,
.bbase5-3b:hover {
  background: #4976ff;
  color: #ffffff;
  transition: 0.2s;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media only screen and (max-width: 1250px) {
  /* Site Footer */
  #site-footer ul.menu {
    margin-top: 0;
  }
  #site-footer .footer-img img {
    width: 150px;
    height: auto;
  }
  #site-footer .copyright {
    margin-left: 15px;
    margin-top: 3px;
  }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media only screen and (max-width: 960px) {
  /* ----------------
  * Base Style
  * ---------------- */
  html {
    overflow-y: scroll;
    overflow-x: hidden;
  }

  body {
    width: 100%;
    padding: 0;
    min-width: 0;
    margin-top: 0;
  }

  /* ----------------
  * Site Header
  * ---------------- */
  #site-header {
    padding: 0;
  }
  #site-header .hSection.s1 {
    min-width: initial;
  }
  #site-header .nav-wrapper {
    padding: 20px 0;
    position: relative;
    /* padding:16px 0 6px 0; */
  }
  #site-header .nav-wrapper img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
  }
  #site-header .col-5.left {
    width: 40%;
    padding: 10px 0 0 10px;
  }
  #site-header .col-5 #logo img {
    width: 100%;
    max-width: 200px;
  }
  #site-header .col-7.right {
    width: 60%;
    padding-top: 0;
    padding-right: 15px;
  }
  #site-header .col-7.right :after {
    font-size: 0;
    content: " ";
    display: block;
    clear: both;
  }
  #site-header .col-7.right li {
    vertical-align: text-top;
  }
  #site-header .col-7.right img {
    position: static;
    margin: 0;
    padding: 0;
  }
  #site-header .col-7 .headMenu {
    gap: 0;
    margin-left: 12px;
  }
  #site-header .col-7 .headMenu li {
    display: inline-block;
    margin-left: 0;
    width: 47%;
  }
  #site-header .col-7 .headMenu li a {
    margin-left: 8%;
  }
  #site-header .col-7 .headMenu img {
    width: 100%;
  }
  #site-header .center {
    float: none;
    position: static;
    width: 100%;
    /* max-width:1020px; */
    max-width: unset;
    border-top: 1px solid #ccc;
    padding: 10px 30px;
    margin: 0;
  }
  #site-header .center {
    padding: 11px 10px;
  }
  #access ul {
    width: 100%;
    margin-bottom: 3px;
    padding-inline: 20px;
  }
  #access ul li:first-child {
    margin-left: 0;
  }

  /* ----------------
  * Site Footer
  * ---------------- */
  #site-footer .fSection.s2 {
    padding: 16px 30px;
    min-width: initial;
  }
  #site-footer .main-wrapper {
    padding-inline: 0;
  }
  #site-footer .col-6.right {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
  }
  #site-footer ul.menu {
    width: 100%;
    margin: 0 auto;
    height: 20px; /*指定しないとul:afterで【padding】のように下が広がる*/
    letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する。 */
    text-align: justify;
    text-justify: distribute-all-lines;
  }
  #site-footer ul.menu:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
  }
  #site-footer ul.menu li {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 12px;
    line-height: 2.2;
    letter-spacing: normal;
    text-align: center;
  }
  #site-footer .col-6.left {
    width: 100%;
    padding-top: 15px;
  }
  #site-footer .footer-img img {
    width: 97px;
    height: auto;
  }
  #site-footer .copyright {
    font-size: 8px;
  }
  #topicFooter .btn img {
    width: 100%;
    height: auto;
  }
  #topicFooter .contant2 ul {
    margin: 15px 0;
  }
  #contents {
    width: 100%;
    min-height: 400px;
    position: relative;
    z-index: 2;
    background: #ffffff;
  }

  /* ----------------
   * 記事詳細テンプレート
   * ---------------- */
  /* 詳細ページ共通 */
  h1.entry-title,
  h2.entry-title {
    -webkit-line-clamp: 4;
  }
  h1.entry-title,
  h2.entry-title,
  .topic .cHeader h1,
  .topic .cHeader h2 {
    font-size: 18px;
  }
  span.subtitle {
    font-size: 11px;
  }
  .entry-content iframe {
    width: 100%;
  }

  /* 記事詳細、アーカイブテンプレート */
  .pc {
    display: none;
  }
  .sp {
    display: inherit;
  }

  .blog-one-sidebar {
    min-width: initial;
    display: block;
    width: 100%;
    float: initial;
    word-wrap: break-word;
  }

  /* single-mobile-marketing,archive-mobile-marketing */
  body.single-mobile-marketing,
  body.post-type-archive-mobile-marketing {
    width: 100%;
    min-width: 0;
    margin-top: 0;
  }
  body.post-type-archive-mobile-marketing .blog-one-sidebar,
  body.single-mobile-marketing .blog-one-sidebar,
  body.single-mobile-marketing .main-wrapper,
  body.post-type-archive-mobile-marketing .main-wrapper {
    max-width: 100%;
    min-width: initial;
    width: 100%;
    padding: 0 5px;
    float: none;
  }
  body.single-mobile-marketing .sidebar-right,
  body.post-type-archive-mobile-marketing aside,
  .mobile-marketing .entry-summary,
  .aTopics .entry-summary,
  body.single-mobile-marketing aside,
  body.single-post aside {
    display: none;
  }
  .sidebar-right {
    display: none;
  }
  .post-title {
    width: 100%;
  }
  .entry-summary {
    color: #6a6a6a;
    font-size: 14px;
  }
  .entry-summary p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  /* content-mobile-marketing, content-topics */
  .aModule,
  .aTopics {
    padding: 15px 0;
  }
  .aModule .date,
  .aTopics .date {
    bottom: 13px;
  }
  .aTopics .left.block {
    height: 120px;
    width: 120px;
  }
  a.btn.btnTn {
    height: 120px;
    width: 120px;
  }

  /* archive-mobile-marketing */
  .aSolomoPickups .block img {
    max-width: 100%;
    height: auto;
  }
  .aSolomoPickups .block {
    float: none;
    margin: 0 auto;
    width: 334px;
    max-width: 100%;
    clear: both;
    display: block;
    margin-bottom: 10px;
  }
  .aSolomoPickups .block:last-child {
    margin-right: auto;
  }
  .box.sns .facebook,
  .postFooter .box.sns .facebook {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 70px;
  }
  .monule-mndo2-1 {
    display: block;
    margin: 20px 0 20px 0;
  }
  .monule-mndo2-1 img {
    width: 100%;
    height: auto;
  }

  .blog-one-sidebar #content,
  .topic .content {
    padding: 0 10px;
  }
  .blog-one-sidebar header {
    display: block;
  }
  body.single-attachment #contents,
  body.single-attachment p,
  body.single-attachment p a img,
  #respond {
    display: none;
  }
  .single-mobile-marketing div.page-title,
  .mobile-marketing div.page-title,
  h1.archive-title,
  h2.archive-title {
    background: url(../img/blog/TitleLogo.png) no-repeat center top;
    padding-left: 0;
    padding-top: 80px;
    text-align: center;
    border-bottom: 10px solid #57c4c7;
  }
  body.single-mobile-marketing div#primary,
  body.post-type-archive-mobile-marketing div#primary {
    margin-top: 20px;
  }
  body.single-mobile-marketing div#content img,
  body.post-type-archive-mobile-marketing div#content img {
    max-width: 100%;
  }
  div.relate {
    height: 115px;
    /* display: block; */
    clear: both;
    margin-bottom: 15px;
  }
  div.related {
    /* margin-left:127px; */
    color: #4065ff;
  }

  /* bottom-mobile-marketing */
  .relatedPosts .relatedPost {
    float: none;
    width: 100%;
  }
  .mobile-marketingFooter .box.sns .facebook {
    width: 100%;
    margin-bottom: 20px;
  }
  .mobile-marketingFooter .right.block.googlePlus {
    float: none;
    margin: 0 auto;
    width: 180px;
    margin-top: 5px;
  }

  /* bottom-topic */
  .contant1 {
    margin: 0 5px;
    padding: 10px;
    line-height: 1.8em;
    font-size: 12px;
  }

  /* archive - ページネーション */
  .wp-pagenavi .page,
  .wp-pagenavi .current {
    width: 10%;
  }

  /* 詳細記事（導入事例） */
  .cCase {
    padding: 30px 0;
  }
  .case .main {
    font-size: 14px;
    width: 100%;
  }
  .case .mainleft {
    width: 100%;
    line-height: 2.2em;
    margin-bottom: 15px;
  }
  .case .mainleft-title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    padding-left: 15px;
  }
  .case .mainright {
    display: block;
    width: 100%;
  }
  .case .mainright img {
    width: 100%;
    height: auto;
  }
  .case .subcent {
    line-height: 1.8em;
    width: 100%;
    padding: 0 15px;
  }
  .case .case-table th,
  .case .case-table td {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
  }

  /* スマートフォン公式アプリ一覧系 */
  .anav {
    width: 85%;
  }
  .anavb,
  .anavc {
    display: block;
  }
  .anavb a {
    width: 100%;
    margin: 20px 0;
    font-size: 16px;
  }
  .anavc a {
    width: 100%;
    margin: 20px 0;
    font-size: 16px;
  }

  .cMobile-marketing div.page-title,
  .cMobile-marketing h2.page-title,
  h1.archive-title,
  h2.archive-title {
    padding-top: 70px;
    font-size: 20px;
  }
  .afterm1 h2,
  .content h1,
  .content h2,
  article.mobile-marketing .entry-content h1,
  article.mobile-marketing .entry-content h2 {
    font-size: 18px;
    line-height: 1.5em;
  }
  a.btn.btnTn {
    height: 120px;
    width: 120px;
  }
  .postFooter .tag {
    margin-bottom: 30px;
  }
  div#content {
    margin-bottom: 0;
  }
  .content ul,
  .entry-content ul {
    padding: 0 8px;
  }

  /* single-mobile-marketing */
  .banner ul {
    display: block;
  }
  .box.banner li {
    width: 80%;
    height: 40px;
    display: block;
    line-height: 1.3em;
    margin-bottom: 15px;
  }
  .box.banner li a {
    width: 100%;
    height: 100%;
    font-size: 16px;
    padding-top: 9px;
  }
  /* form */
  .MAform {
    min-width: inherit;
  }
  .MAform.contact {
    padding-top: 1950px;
  }
  .MAform.document {
    padding-top: 1600px;
  }
  .afterm1 {
    width: 100%;
    padding: 0 15px;
  }
  .afterm2 {
    margin-bottom: 25px;
  }
  .afterm2 img {
    width: 100%;
    height: auto;
  }
  .afterm3-1,
  .afterm3-2 {
    display: initial;
  }
  .afterm3-1 {
    padding-right: 0;
  }
  .fst1-1-1 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  /* 404ページ */
  div#contents.error404 {
    padding-top: 0;
  }
  div#primary.error404-1 {
    margin: 0;
  }
  .error404-2 {
    border: none;
  }
  .error404-2 h2 {
    font-size: 15px;
  }
  .error404-2 br {
    display: none;
  }
  .attachment-jpeg a {
    display: none;
  }

  .menu-main2-container {
    display: none;
  }

  /* First Page */
  .topimg-pc {
    display: none;
  }
  .topimg-sp {
    display: inherit;
  }
  .ma-top .top-sc1 {
    padding-top: 100px;
    height: 320px;
    margin-bottom: 50px;
    background: url(/wp-content/uploads/top_bg1_sp.jpg) no-repeat;
  }
  .ma-top .top-sc1 h1 {
    min-width: 100%;
    font-size: 5.2vw;
  }
  .ma-top .top-sc1 h2 {
    min-width: 100%;
    font-size: 3vw;
  }
  .ma-top .top-sc1 h3 {
    min-width: inherit;
    font-size: 21px;
    margin-bottom: 18px;
  }
  .ma-top .top-sc1 h4 {
    min-width: inherit;
    font-size: 16px;
    margin: 0 10%;
  }
  .ma-top .top-sc2,
  .ma-top .top-sc3,
  .ma-top .top-sc5,
  .ma-top .sc6,
  .ma-top .top-sc7 {
    min-width: inherit;
    margin: 0 auto 70px auto;
  }
  .ma-top .top-sc2,
  .ma-top .top-sc3,
  .ma-top .top-sc6,
  .ma-top .top-sc7,
  .top-sc8,
  .top-sc9 {
    min-width: inherit;
  }
  .ma-top .top-sc2 h3,
  .ma-top .top-sc3 h3,
  .ma-top .top-sc5 h3,
  .ma-top .top-sc6a h3,
  .ma-top .top-sc7 h3,
  .ma-top .top-sc8 h3,
  .ma-top .top-sc10 h3 {
    min-width: inherit;
    font-size: 25px;
    margin: 0 auto 20px auto;
  }
  .ma-top .top-sc2 h4,
  .ma-top .top-sc3 h4,
  .ma-top .top-sc5 h4,
  .ma-top .top-sc6a h4,
  .ma-top .top-sc7 h4,
  .ma-top .top-sc8 h4,
  .ma-top .top-sc10 h4 {
    min-width: inherit;
    font-size: 16px;
    margin: 0 8% 50px 8%;
  }
  .top-sc2 h4 br,
  .top-sc3 h4 br,
  .top-sc5 h4 br,
  .top-sc6a h4 br,
  .top-sc7 h4 br,
  .top-sc8 h4 br,
  .top-sc10 h4 br {
    display: none;
  }
  .ma-top .top-sc4 {
    height: 700px;
    margin-bottom: 60px;
    background: url(/wp-content/uploads/top_bg2_sp.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 30px;
  }
  .ma-top .top-sc4 h3 {
    min-width: inherit;
    font-size: 24px;
    margin-bottom: 30px;
  }
  .ma-top .top-sc4 h4 img {
    min-width: inherit;
  }
  .ma-top .top-sc4 .sc-btn {
    min-width: inherit;
  }
  .ma-top .top-sc2 .sc-img img,
  .ma-top .top-sc5 .sc-img img {
    width: 100%;
    height: auto;
  }
  .ma-top .top-sc6,
  .ma-top .top-sc6a {
    min-width: inherit;
  }
  .ma-top .top-sc7 .sc-img img {
    width: 90%;
    height: auto;
  }
  .ma-top .top-block {
    width: 90%;
    margin: 0 5% 60px 5%;
  }
  .ma-top .top-sc6,
  .top-sc9 {
    display: inherit;
    align-items: inherit;
    flex-wrap: inherit;
    margin-bottom: 30px;
  }
  .ma-top .top-block01 {
    width: 90%;
    margin: inherit;
  }
  .top-sc10 h4 {
    width: 85%;
  }

  /* サービス概要 */
  .ma-service h3 {
    font-size: 25px;
    line-height: 1.5em;
  }
  .ma-service .disc {
    font-size: 16px;
    margin-bottom: 80px;
  }
  .ma-service .disc br {
    display: none;
  }
  .ma-service .block-left {
    display: block;
    flex-direction: initial;
    min-width: inherit;
  }
  .ma-service .blocks {
    width: 100%;
  }
  .ma-service .block-left .blocks img {
    float: inherit;
    width: 100%;
    height: auto;
    padding: 0 5%;
  }
  .ma-service .blocks .sub-min {
    margin: 26px auto 30px auto;
    text-align: center;
  }
  .ma-service .blocks .sub-min1 {
    display: block;
    margin: 0 0 36px 0;
  }
  .ma-service .blocks .sub-min2 {
    display: block;
    font-size: 28px;
    font-weight: 600;
  }
  .ma-service .blocks .sub-tit {
    margin: 20px;
    text-align: center;
    font-size: 20px;
  }
  .ma-service .blocks .sub-dsc {
    font-size: 16px;
    margin: 0 20px;
    text-align: center;
  }
  .ma-service .block-right {
    display: inherit;
    flex-direction: inherit;
    min-width: inherit;
  }
  .ma-service .block-right .blocks img {
    float: initial;
    width: 100%;
    height: auto;
    padding: 0 5%;
  }

  /* アプリ機能一覧 */
  .ma-module .disc {
    font-size: 16px;
    margin: 0 25px 80px 25px;
  }
  .ma-module .disc br {
    display: none;
  }
  .ma-module .disc2 {
    margin: 0 5% 20px 5%;
    font-size: 16px;
    text-align: left;
  }
  .ma-module .disc3 {
    font-size: 12px;
    margin: 0 5% 50px 5%;
    text-align: left;
  }
  .ma-module .disc4 {
    font-size: 18px;
    margin: 0 5% 30px 5%;
  }
  .ma-module .mod_ttl {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .ma-module .mod_bx {
    max-width: 100%;
  }
  .ma-module .mod_bx1 {
    width: 90%;
    margin: 0 5%;
    height: initial;
    margin-bottom: 40px;
  }
  .ma-module .mod_bx1a img {
    width: 120px;
    height: auto;
  }
  .ma-module .mod_cx1 {
    width: 26%;
  }

  /* アプリ開発費用・期間 */
  .ma-cat h3 {
    font-size: 25px;
  }
  .ma-cat .disc {
    font-size: 16px;
    margin-bottom: 80px;
  }
  .ma-cat .disc br,
  .ma-cat .disc2 br {
    display: none;
  }
  .ma-cat .catimg1,
  .ma-cat .catimg2 {
    display: none;
  }
  .ma-cat .catimg1sp,
  .ma-cat .catimg2sp {
    display: inherit;
    text-align: center;
    margin-bottom: 80px;
  }
  .ma-cat .catimg1sp img,
  .ma-cat .catimg2sp img,
  .ma-cat .catimg3 img {
    max-width: 100%;
    height: auto;
  }

  /* スマホ公式アプリ一覧系 */
  .ma-app {
    min-width: inherit;
  }
  .ma-app .app-sc1 h4 {
    text-align: left;
    font-size: 16px;
    margin: 0 5%;
  }
  .ma-app .app-sc2 {
    display: inherit;
  }
  .ma-app .app-block {
    width: 90%;
    margin: 0 5% 60px 5%;
  }
  .ma-app .app-sc1 h3 {
    font-size: 25px;
    line-height: 1.5em;
  }

  /* 導入事例 */
  .ma-case {
    min-width: inherit;
  }
  .ma-case .case-sc1 h4 {
    text-align: left;
    font-size: 16px;
    margin: 0 5%;
  }
  .ma-case .case-sc2 {
    display: inherit;
  }
  .ma-case .case-block {
    width: 90%;
    margin: 0 5% 60px 5%;
  }

  /* SNSボタン */
  span.social_icon {
    margin-right: 3px;
    font-size: 16px;
  }
  a.sfacebook_btn {
    background: #3b5998;
  }
  a.stwitter_btn {
    background: #33ccff;
  }
  a.shatebu_btn {
    background: #00a4de;
  }
  a.spocket_btn {
    background: #ee4056;
  }
  span.shatebu_icon {
    margin-right: 3px;
    font-size: 16px;
  }
  a.shatebu_btn span {
    position: relative;
    top: -1px;
  }
  a.sline_btn {
    background: #00c300;
  }

  /* measAR note */
  .bg-pc {
    display: none;
  }
  .bg-sp {
    display: initial;
  }
  .mnote1,
  .mnote2,
  .mnote2-3,
  .mnote3,
  .mnote4_cont,
  .mnote4-3,
  .mnote5 {
    margin: 0 auto;
    width: 100%;
  }
  .content h3.mnote2-1,
  .content h3.mnote3-1,
  .content h3.mnote4-1,
  .content h3.mnote5-1,
  .content h3.mnote-mov1 {
    font-size: 22px;
    margin: 0 0 10px;
  }
  .mnote2-2,
  .mnote3-2,
  .mnote4-2,
  .mnote5-2 {
    font-size: 12px;
    width: 80%;
    margin: 0 auto 45px auto;
  }
  .mnote1 {
    display: block;
    height: 727px;
    background: url(/wp-content/uploads/mnote-sp-bg01.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 45px;
  }
  .content .mnote1-1 {
    position: relative;
    top: 245px;
    font-size: 13px;
    text-align: center;
    width: 80%;
    left: initial;
  }
  .mnote2 {
    margin-bottom: 80px;
  }
  .mnote2-3 {
    display: block;
    height: 405px;
    background: url(/wp-content/uploads/mnote-sp-bg02.png) no-repeat center;
    background-size: cover;
    text-align: center;
    font-size: 12px;
  }
  .mnote2-3-1,
  .mnote2-3-2,
  .mnote2-3-3 {
    width: 170px;
  }
  .mnote2-3-1 {
    top: 20px;
    left: 48%;
    right: initial;
    text-align: left;
  }
  .mnote2-3-2 {
    top: 136px;
    left: 48%;
    text-align: left;
  }
  .mnote2-3-3 {
    top: 234px;
    left: 48%;
    text-align: left;
  }
  .mnote3-3-1 {
    margin-right: 0;
  }
  .mnote3-3-a img {
    width: 85%;
    height: auto;
    margin-bottom: 14px;
  }
  .mnote3-3-b {
    width: 85%;
    margin: 0 auto;
  }
  .mnote3-3-c {
    display: none;
  }
  .mnote3-3-csp {
    display: initial;
    margin-bottom: 25px;
    display: block;
    font-size: 16px;
  }
  .mnote3-3-d {
    margin-left: 15px;
  }
  .content .mnote3-3-d ul {
    padding: 0;
    margin: 0 0 50px 0;
  }
  .mnote4 {
    padding: 50px 0 54px 0;
    margin-bottom: 50px;
  }
  .mnote4-3a .imgpc {
    display: none;
  }
  .mnote4-3a .imgsp {
    display: initial;
    margin-bottom: 22px;
  }
  .mnote4-3a {
    margin-left: 0;
    text-align: center;
    width: 100%;
  }
  .mnote4-3b {
    width: initial;
    margin: 0 10%;
    display: inline-table;
    line-height: 1.8em;
  }
  .mnote5-3 {
    width: 85%;
    padding: 30px 15px;
    margin-bottom: 80px;
  }
  .mnote-mov iframe {
    width: 300px;
    height: 169px;
  }
  .mnote6 {
    padding: 50px 35px;
  }
  .mnote6-1 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .mnote6-3a,
  .mnote6-3b {
    display: block;
    width: 100%;
    border-radius: 12px;
    padding: 10px 0;
  }
  .mnote6-3a {
    margin: 0 0 20px 0;
  }
  .mnote6-3 a:hover {
    text-decoration: none;
  }

  /* ModuleApps Engage */
  .done1-1 {
    width: 100%;
    padding: 80px 0;
  }
  .done1-1-1 {
    width: 100%;
    display: initial;
    text-align: center;
  }
  .done1-1-1a img {
    width: 215px;
    height: auto;
  }
  .done1-1-1a {
    margin-bottom: 25px;
  }
  h1.done1-1-2b {
    font-size: 15px;
  }
  .done1-1-2 {
    display: none;
  }
  .done2 {
    padding: 0 35px;
  }
  h2.done2-2 {
    margin: 50px 0 25px 0;
  }
  .done2-3,
  .done3-2,
  .done4-2 {
    margin-bottom: 35px;
  }
  .done2-4 {
    margin-bottom: 15px;
  }
  .done2-4a-3,
  .done2-4b-3 {
    margin-bottom: 30px;
  }
  .done2-4a-1,
  .done2-4b-1,
  .done2-4c-1 {
    margin-bottom: 10px;
  }
  .done2-4a,
  .done2-4b,
  .done2-4c {
    display: block;
    width: 100%;
  }
  .done2-5 {
    margin-bottom: 75px;
  }
  .done3 {
    padding: 0 30px;
    margin-bottom: 80px;
  }
  h2.done3-1,
  h2.done4-1 {
    margin-bottom: 20px;
  }
  .done3-3 {
    width: 100%;
    padding: 20px;
  }
  .done4 {
    padding: 0 35px;
    margin-bottom: 80px;
  }
  .done4-3 {
    margin-bottom: 75px;
  }
  .done4-3,
  .done4-4,
  .done4-3a,
  .done4-4a {
    width: 100%;
  }
  .done4-3a,
  .done4-4a {
    margin-bottom: 35px;
  }
  .done4-3a,
  .done4-3b,
  .done4-4a,
  .done4-4b {
    display: block;
    text-align: center;
  }
  .done4-3a img,
  .done4-4a img {
    margin: 0;
    max-width: 100%;
    height: auto;
  }
  .done4-4b-2 {
    margin-bottom: 10px;
  }
  .done4-4b-3 {
    line-height: 1.5em;
  }
  .done5 {
    padding: 50px 35px;
  }
  .done5-1 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .done5-3a,
  .done5-3b {
    display: block;
    width: 100%;
    border-radius: 12px;
    padding: 10px 0;
  }
  .done5-3a {
    margin: 0 0 20px 0;
  }
  .done5-3 a:hover {
    text-decoration: none;
  }

  /* Blue Base */
  .bbase1-1 {
    width: 100%;
    padding: 80px 0;
  }
  .bbase1-1-1 {
    width: 100%;
    display: initial;
    text-align: center;
  }
  .bbase1-1-1a img {
    width: 215px;
    height: auto;
  }
  .bbase1-1-1a {
    margin-bottom: 25px;
  }
  h1.bbase1-1-2b {
    font-size: 15px;
  }
  .bbase1-1-2 {
    display: none;
  }
  .bbase2 {
    padding: 0 35px;
    margin-bottom: 70px;
  }
  h2.bbase2-2 {
    margin: 50px 0 25px 0;
  }
  .bbase2-3,
  .bbase3-2,
  .bbase4-2 {
    margin-bottom: 55px;
  }
  .bbase2-4a-3,
  .bbase2-4b-3 {
    margin-bottom: 60px;
  }
  .bbase2-4a-1,
  .bbase2-4b-1,
  .bbase2-4c-1 {
    margin-bottom: 10px;
  }
  .bbase2-4a,
  .bbase2-4b,
  .bbase2-4c {
    display: block;
    width: 100%;
  }
  .bbase2-5 {
    margin-bottom: 75px;
  }
  .bbase3 {
    padding: 0 30px;
    margin-bottom: 80px;
  }
  h2.bbase3-1,
  h2.bbase4-1 {
    margin-bottom: 20px;
  }
  .bbase3-3 {
    width: inherit;
    padding: 20px;
  }
  .bbase4 {
    padding: 0 35px;
    margin-bottom: 80px;
  }
  .bbase4-3 {
    margin-bottom: 75px;
  }
  .bbase4-3,
  .bbase4-4,
  .bbase4-3a,
  .bbase4-4a {
    width: 100%;
  }
  .bbase4-3a,
  .bbase4-4a {
    margin-bottom: 35px;
  }
  .bbase4-3a,
  .bbase4-3b,
  .bbase4-4a,
  .bbase4-4b {
    display: block;
    text-align: center;
  }
  .bbase4-3a img,
  .bbase4-4a img {
    margin: 0;
    width: 210px;
    max-width: 100%;
    height: auto;
  }
  .bbase4-3b,
  .bbase4-4b {
    width: initial;
    margin: initial;
  }
  .bbase4-4b-2 {
    margin-bottom: 10px;
  }
  .bbase4-4b-3 {
    line-height: 1.5em;
  }
  .bbase5 {
    padding: 50px 35px;
    width: initial;
  }
  .bbase5-1 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .bbase5-3a,
  .bbase5-3b {
    display: block;
    width: 100%;
    border-radius: 12px;
    padding: 10px 0;
  }
  .bbase5-3a {
    margin: 0 0 20px 0;
  }
  .bbase5-3 a:hover {
    text-decoration: none;
  }

  /* 詳細記事（スマホ公式アプリ） */
  div.cAppMain .block_right img {
    display: none;
  }
  .cApp {
    padding: 0 15px 30px 15px;
    text-align: center;
  }
  .cAppMain {
    width: 100%;
  }
  .cApp .block_left {
    float: none;
    width: 100%;
    height: auto;
  }
  .cApp .block_left img {
    margin: 0;
  }
  .cApp .block_left .dis2 {
    width: 100%;
    margin-top: 30px;
    font-size: 17px;
  }
  .cApp .block_left2 {
    float: none;
    margin: 5px 0 0 0;
    height: 75px;
  }
  .cApp .block_left2 img {
    height: 75px !important;
    width: auto !important;
  }
  .cApp .block_right {
    margin-left: 0;
    width: 100%;
    height: 0;
  }
  .cApp .block_right2 {
    width: 100%;
    margin-left: 0;
  }
  .cApp .block_right2 h2 {
    margin: 17px 0 4px 0;
    padding: 0;
    color: #333333;
    font-size: 24px;
  }
  .cApp .block_right2 .dis1 {
    font-size: 19px;
    line-height: 1.4em;
  }
  .cApp .howto {
    padding: 25px 0 0 0;
  }
  .cApp .howto .dis1 {
    width: 100%;
    margin-bottom: 25px;
  }
  .cApp .howto .cap {
    float: none;
    margin: 0 0 20px 0;
  }
  .cApp .howto .howto_right {
    margin-left: 0;
    width: 100%;
  }
  .cApp.s2 {
    padding: 30px 15px;
  }

  /* お問い合わせ、資料請求 */
  .entry-content iframe.contact {
    width: 100%;
    height: 1750px;
  }
  .entry-content iframe.document {
    width: 100%;
    height: 1260px;
  }

  .attachment-jpeg a {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #site-header .col-7 .headMenu li.hdbtn + .hdbtn {
    margin-left: 6px;
  }
  #site-header .col-7 .headMenu li.hdbtn a {
    width: 100%;
    font-size: 12px;
    padding: 6px 0;
    font-weight: bold;
    border: 1px solid #4065ff;
    margin-left: 0;
  }
  #site-header .col-7 .headMenu li.text_tel {
    display: none;
  }
  #access .header_service,
  #access .header_module,
  #access .header_cost_and_time,
  #access .header_app,
  #access .header_case,
  #access .header_mobile-marketing {
    padding: 0;
  }
  #access .header_service a,
  #access .header_module a,
  #access .header_cost_and_time a,
  #access .header_app a,
  #access .header_case a,
  #access .header_mobile-marketing a {
    font-weight: initial;
    font-size: 11px;
    line-height: 1.7;
  }
  #access ul {
    padding-inline: 0;
  }
  #access ul li {
    margin-left: 0;
    padding: 7px 0;
  }
  #access li a {
    font-size: 3vw;
    letter-spacing: -1px;
  }

  /* ----------------
  * Footer Navi
  * ---------------- */
  .fnav {
    width: 85% !important;
    padding: 40px 0;
    margin-top: 0;
  }
  .fnavb {
    display: block;
  }
  .fnavb a {
    width: 100%;
    margin: 20px 0;
    font-size: 16px;
  }

  /* ----------------
  * Footer Contact
  * ---------------- */
  .mob50_disp {
    display: block !important;
  }
  .mob50_pc_disp {
    display: none !important;
  }
  .contant2 .mob50_disp {
    max-width: 360px !important;
    margin-inline: auto !important;
  }
  .contant2 {
    padding: 40px 16px 25px;
  }
  .contant2 ul li {
    width: 100%;
    margin: 0;
  }
  .contant2 div.bottom_page_tel {
    display: none;
  }
  .contant2 ul li.bottom_page_tel_mob {
    display: inline-block;
    width: 60%;
    max-width: 261px;
  }
  .contant2 a.btn.btnContact2 {
    width: 100%;
    height: auto;
  }
  .postFooter .contant2 ul li {
    margin: 1%;
  }
  #footer_message_title {
    font-size: 28px;
  }
  #footer_message_body {
    font-size: 16px;
    margin-bottom: 0;
  }
  #footer_message_menu {
    padding: 15px;
    margin-top: 5px;
  }
  #footer_message_menu img {
    width: 100%;
    height: auto;
  }
  #btn_contact2 {
    margin: 15px auto;
  }
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ---------------------------------- */
@media only screen and (max-width: 420px) {
  /* ----------------
  * Footer Contact
  * ---------------- */
  #footer_message_title {
    font-size: 24px;
  }
  #footer_message_body {
    font-size: 14px;
  }

  .aModule{
    flex-direction: column;
    gap: 12px;
  }

  .aModule .left.block {
    width: 100%;
    height: unset;
    position: static;
    float: unset;
  }
  .aModule .left.block img {
    height: 100% !important;
  }
}
@media only screen and (max-width: 375px) {
  /* Site Header */
  #site-header .nav-wrapper {
    padding: 10px 0;
    position: relative;
  }

  /* Site Footer */
  #site-footer .col-6.right ul li {
    font-size: 10px;
  }
}

/* ---------------------------------- */
@media print {
  #site-header {
    position: initial;
  }
  .sidebar-right {
    display: none;
  }
  .blog-one-sidebar {
    width: 100%;
  }
  .relatedPost.clearfix {
    display: none;
  }
}
/* ---------------------------------- */

/* カテゴリータグ */
.category-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  a {
    display: block;
    box-sizing: border-box;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-right: 8px;
    padding-left: 8px;
    background-color: #f2f2f2;
    border: solid 1px #f2f2f2;
    border-radius: 12px;
    font-weight: bold;
    font-size: 12px;
    color: #595959;
    line-height: 1.4;
  }
}