@charset "UTF-8";
/* Reset CSS */
/* ブラウザのデフォルトのマージンやパディングをリセット */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
figure,
figcaption,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  margin: 0;
  padding: 0;
}

/* リストスタイルをリセット */
ul, ol {
  list-style: none;
}

/* a要素のテキストデコレーションをリセット */
a {
  text-decoration: none;
}

/* 画像のボーダーをリセット */
img {
  border: 0;
}

/* テーブルのボーダーコラプスをリセット */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*   
Theme Name: XeoryBase
Theme URI: http://xeory.jp/
Description: Xeoryベーステーマ
Author: バズ部
Author URI: http://bazubu.com/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-feature-settings: "palt";
  letter-spacing:1px;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

/* HTML5
-------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

/* all
-------------------------------------------------- */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

body {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-wrap: break-word;
  word-break: normal;
}

a {
  transition: all ease-in-out 0.3s;
}

a:focus, a:active, a:hover {
  outline: 0;
}

* {
  box-sizing: border-box;
}

/* clear
-------------------------------------------------- */
.clear {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before {
  display: inline-table;
}

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

/* text
-------------------------------------------------- */
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  clear: both;
  margin: 0 0 28px;
  padding: 30px 20px 35px 55px;
  position: relative;
  border: 1px #e5e5e5 solid;
  background: #fafafa;
}

blockquote:before {
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 36px;
  color: #e7e7e7;
  position: absolute;
  top: 10px;
  left: 10px;
}

blockquote cite {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 12px;
  color: #808080;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
  overflow-x: scroll;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* list
-------------------------------------------------- */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

.inline-list li {
  display: inline-block;
}

/* embed
-------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

/* form
-------------------------------------------------- */
form {
  margin: 0;
}

fieldset {
  border: 1px solid #e5e5e5;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit],
.btn {
  cursor: pointer;
  *overflow: visible;
  -webkit-appearance: none;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: border-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
}

/* form
---------------------------------------- */
/* search */
/* table
-------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #e5e5e5;
}

th, td {
  border: 1px solid #e5e5e5;
  padding: 8px 13px;
}

/* ----------------------------------------
* レスポンシブ
* ~ / 1200px / 991px / 767px
* desctop / laptop / tablet / phone
---------------------------------------- */
@media screen and (max-width: 1200px) {
  /* laptop */
  /* laptop end */
}
@media screen and (max-width: 991px) {
  /* tablet */
  /* tablet end */
}
@media screen and (max-width: 767px) {
  /* phone */
  h1 {
    font-size: 22px;
    margin: 36px 0;
    clear: both;
  }
  .post-content h2 {
    font-size: 18px;
    margin: 2em 0 1em;
    clear: both;
  }
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6 {
    font-size: 16px;
    margin: 2em 0 1em;
  }
  /* phone end */
}
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
  margin-left: 12px;
  margin-bottom: 12px;
}

.alignleft {
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}

.aligncenter {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* header */
#logo {
  margin: 0;
}

/* post */
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  font-weight: bold;
  line-height: 1.4;
}

.post-content h1 {
  font-size: 36px;
  margin: 1em 0;
  clear: both;
}

.post-content h2 {
  font-size: 28px;
  margin: 2em 0 1em;
  clear: both;
}

.post-content h3 {
  font-size: 24px;
  margin: 2em 0 1em;
}

.post-content h4 {
  font-size: 18px;
  margin: 2em 0 1em;
}

.post-content h5 {
  font-size: 16px;
  margin: 2em 0 1em;
}

.post-content h6 {
  font-size: 14px;
  margin: 2em 0 1em;
}

.post-content p,
.post-content pre {
  margin: 0 0 1.6em;
  line-height: 1.6;
}

.post-content dl,
.post-content menu,
.post-content ol,
.post-content ul {
  margin: 0 0 2em;
}

.post-content li {
  margin: 6px 0;
}

.post-content dd {
  margin: 0 0 20px 0;
}

.post-content ol,
.post-content ul {
  padding: 0 0 0 20px;
}

.post-content ol ol,
.post-content ol ul,
.post-content ul ol,
.post-content ul ul {
  margin: 0;
}

.post-content blockquote {
  clear: both;
  margin: 0 0 28px;
  padding: 30px 20px 35px 55px;
  position: relative;
  border: 1px #eee solid;
}

.post-content blockquote:before {
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 32px;
  color: #e7e7e7;
  position: absolute;
  top: 20px;
  left: 12px;
}

.post-content blockquote cite {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 12px;
  color: #808080;
}

.post-content blockquote *:last-child {
  margin-bottom: 0;
}

.post-content table {
  border: 1px #ddd solid;
  max-width: 100%;
  margin-bottom: 48px;
}

.post-content table th,
.post-content table td {
  padding: 8px 10px;
  border: #ddd solid 1px;
}

.post-content table th {
  color: #fff;
}

.post-content table thead th {
  background: #5e6265;
}

.post-content table tbody th {
  background: #919598;
}

.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
  border-color: #fff;
}

.post-content table.table-line th {
  background: transparent;
  color: #333;
  font-weight: bold;
}

.post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}

.post-content table.table-line tr {
  background: #eee;
}

.post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}

.post-title {
  margin: 0 0 36px;
  font-size: 28px;
  clear: both;
  font-weight: bold;
}

body.page .post-title {
  margin-bottom: 0;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 10px;
  max-width: 100%;
  box-sizing: border-box;
  /* optional rounded corners for browsers that support it */
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

/* ----------------------------------------
* content-none
---------------------------------------- */
.content-none #searchform {
  max-width: 400px;
}

/* ----------------------------------------
* pagetop
---------------------------------------- */
.pagetop {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  bottom: 50px;
  right: 50px;
  color: #fff;
}

.pagetop span {
  display: block;
  border-radius: 25px;
  background: #2b2b2b;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 40px;
  font-size: 36px;
}

.pagetop span i {
  color: #fff;
}

.pagetop.show {
  visibility: visible;
  opacity: 0.8;
}

@media screen and (max-width: 991px) {
  /* tablet */
  .pagetop {
    right: 20px;
    bottom: 70px;
  }
  /* tablet end */
}
.row {
  *zoom: 1;
}

.row:before {
  display: inline-table;
}

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

.gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gld-sub,
.gld-main,
.gr1-5 {
  float: left;
  box-sizing: border-box;
}

.gr1 {
  width: 8.33%;
}

.gr2 {
  width: 16.66%;
}

.gr3 {
  width: 25%;
}

.gr4 {
  width: 33.33%;
}

.gr5 {
  width: 41.66%;
}

.gr6 {
  width: 50%;
}

.gr7 {
  width: 58.33%;
}

.gr8 {
  width: 66.66%;
}

.gr9 {
  width: 75%;
}

.gr10 {
  width: 83.33%;
}

.gr11 {
  width: 91.33%;
}

.gr12 {
  width: 100%;
}

.gr1-5 {
  width: 20%;
}

.gld-sub {
  width: 37.31%;
}

.gld-main {
  width: 62.68%;
}

@media screen and (max-width: 1200px) {
  /* laptop */
  .gr1.lt-flat,
  .gr2.lt-flat,
  .gr3.lt-flat,
  .gr4.lt-flat,
  .gr5.lt-flat,
  .gr6.lt-flat,
  .gr7.lt-flat,
  .gr8.lt-flat,
  .gr9.lt-flat,
  .gr10.lt-flat,
  .gr11.lt-flat,
  .gr12.lt-flat,
  .gld-sub.lt-flat,
  .gld-main.lt-flat,
  .gr1-5.lt-flat {
    width: 100% !important;
  }
  /* laptop end */
}
@media (min-width: 992px) and (max-width: 1200px) {
  /* laptop only */
  .gr1-lt {
    width: 8.33% !important;
  }
  .gr2-lt {
    width: 16.66% !important;
  }
  .gr3-lt {
    width: 25% !important;
  }
  .gr4-lt {
    width: 33.33% !important;
  }
  .gr5-lt {
    width: 41.66% !important;
  }
  .gr6-lt {
    width: 50% !important;
  }
  .gr7-lt {
    width: 58.33% !important;
  }
  .gr8-lt {
    width: 66.66% !important;
  }
  .gr9-lt {
    width: 75% !important;
  }
  .gr10-lt {
    width: 83.33% !important;
  }
  .gr11-lt {
    width: 91.33% !important;
  }
  .gr12-lt {
    width: 100% !important;
  }
  .gr1-5-lt {
    width: 20% !important;
  }
  .gld-sub-lt {
    width: 37.31% !important;
  }
  .gld-main-lt {
    width: 62.68% !important;
  }
  /* laptop only end */
}
@media screen and (max-width: 991px) {
  /* tablet */
  .gr1.tb-flat,
  .gr2.tb-flat,
  .gr3.tb-flat,
  .gr4.tb-flat,
  .gr5.tb-flat,
  .gr6.tb-flat,
  .gr7.tb-flat,
  .gr8.tb-flat,
  .gr9.tb-flat,
  .gr10.tb-flat,
  .gr11.tb-flat,
  .gr12.tb-flat,
  .gld-sub.tb-flat,
  .gld-main.tb-flat,
  .gr1-5.tb-flat {
    width: 100% !important;
  }
  .gr1-tb {
    width: 8.33% !important;
  }
  .gr2-tb {
    width: 16.66% !important;
  }
  .gr3-tb {
    width: 25% !important;
  }
  .gr4-tb {
    width: 33.33% !important;
  }
  .gr5-tb {
    width: 41.66% !important;
  }
  .gr6-tb {
    width: 50% !important;
  }
  .gr7-tb {
    width: 58.33% !important;
  }
  .gr8-tb {
    width: 66.66% !important;
  }
  .gr9-tb {
    width: 75% !important;
  }
  .gr10-tb {
    width: 83.33% !important;
  }
  .gr11-tb {
    width: 91.33% !important;
  }
  .gr12-tb {
    width: 100% !important;
  }
  .gr1-5-tb {
    width: 20% !important;
  }
  .gld-sub-tb {
    width: 37.31% !important;
  }
  .gld-main-tb {
    width: 62.68% !important;
  }
  /* tablet end */
}
@media (min-width: 768px) and (max-width: 991px) {
  /* tablet only */
  .gr1-tb {
    width: 8.33% !important;
  }
  .gr2-tb {
    width: 16.66% !important;
  }
  .gr3-tb {
    width: 25% !important;
  }
  .gr4-tb {
    width: 33.33% !important;
  }
  .gr5-tb {
    width: 41.66% !important;
  }
  .gr6-tb {
    width: 50% !important;
  }
  .gr7-tb {
    width: 58.33% !important;
  }
  .gr8-tb {
    width: 66.66% !important;
  }
  .gr9-tb {
    width: 75% !important;
  }
  .gr10-tb {
    width: 83.33% !important;
  }
  .gr11-tb {
    width: 91.33% !important;
  }
  .gr12-tb {
    width: 100% !important;
  }
  .gr1-5-tb {
    width: 20% !important;
  }
  .gld-sub-tb {
    width: 37.31% !important;
  }
  .gld-main-tb {
    width: 62.68% !important;
  }
  /* tablet only end */
}
@media screen and (max-width: 767px) {
  /* phone */
  .gr1,
  .gr2,
  .gr3,
  .gr4,
  .gr5,
  .gr6,
  .gr7,
  .gr8,
  .gr9,
  .gr10,
  .gr11,
  .gr12,
  .gr1-5,
  .gld-sub,
  .gld-main {
    width: 100%;
  }
  .gr1-sp {
    width: 8.33% !important;
  }
  .gr2-sp {
    width: 16.66% !important;
  }
  .gr3-sp {
    width: 25% !important;
  }
  .gr4-sp {
    width: 33.33% !important;
  }
  .gr5-sp {
    width: 41.66% !important;
  }
  .gr6-sp {
    width: 50% !important;
  }
  .gr7-sp {
    width: 58.33% !important;
  }
  .gr8-sp {
    width: 66.66% !important;
  }
  .gr9-sp {
    width: 75% !important;
  }
  .gr10-sp {
    width: 83.33% !important;
  }
  .gr11-sp {
    width: 91.33% !important;
  }
  .gr12-sp {
    width: 100% !important;
  }
  .gr1-5-sp {
    width: 20% !important;
  }
  .gld-sub-sp {
    width: 37.31% !important;
  }
  .gld-main-sp {
    width: 62.68% !important;
  }
  .post-content table {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
  }
  /* phone end */
}
body {
  color: #333;
}

.ebook-btn,
.nlp-lesson-btn {
  color: #fff;
  border-radius: 50px;
  padding: 0 16px;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  display: inline-block;
}

.ebook-btn {
  background-color: #00b7ef;
}

.nlp-lesson-btn {
  background-color: #f2a93e;
}

.ebook-btn:hover,
.nlp-lesson-btn:hover {
  text-decoration: none;
  opacity: 0.7;
}

#header {
  padding: 14px 0;
}

#header #logo {
  float: none;
}

#header #logo img {
  vertical-align: initial;
}

.text-under-logo {
  font-size: 14px;
  padding-top: 11px;
  position: relative;
  left: -6px;
  margin-bottom: 14px;
}

#header .text-under-logo {
  margin-bottom: 12px;
}

#footer .text-under-logo {
  padding-top: 17px;
}

#header .text-under-logo span,
#footer .text-under-logo span {
  color: #00b7ef;
  letter-spacing: 1.68px;
  font-size: inherit;
}

@media screen and (max-width: 1120px) {
  #header .header-right-area .ebook-btn,
  #header .header-right-area .nlp-lesson-btn {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  #header {
    padding: 15px 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }
  #header .text-under-logo {
    padding-top: 0;
  }
}
#header .wrap {
  position: relative;
}

@media only screen and (max-width: 991px) {
  #header .wrap {
    position: static;
  }
}
#header #logo {
  display: block;
  font-family: "Noto Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

#header #logo a:hover {
  text-decoration: none;
}

#header #logo img {
  /*width: 288px;*/
  width: 200px;
  margin-bottom: -8px;
}

#header #logo span {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 52.4px;
}

body:not(.home) #header #logo {
  margin-bottom: 8px;
}

@media only screen and (max-width: 991px) {
  #header #logo {
    width: 150px;
  }
}
#header .operation {
  float: left;
  padding: 22px 0 22px 22px;
}

@media only screen and (max-width: 991px) {
  #header .operation {
    padding: 12px 0 12px 22px;
  }
}
@media only screen and (max-width: 767px) {
  #header .operation {
    font-size: 14px;
  }
}
@media screen and (max-width: 550px) {
  #header .operation {
    display: none;
  }
}
#header .operation-sp {
  display: none;
}

@media screen and (max-width: 550px) {
  #header .operation-sp {
    display: block;
    font-size: 10px;
    float: left;
    padding: 12px 0 12px 22px;
  }
}
@media screen and (max-width: 400px) {
  #header .operation-sp {
    padding: 12px 0 12px 6px;
  }
}
#gnav,
#footer-nav {
  border: none;
  background: #000;
  font-size: 12px;
}

@media only screen and (max-width: 991px) {
  #gnav {
    margin: 0;
    display: none;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 69px;
    left: 0;
  }
}
#gnav ul,
#footer-nav {
  font: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#gnav li,
#footer-nav li {
  flex-grow: 1;
  text-align: center;
  padding: 0;
}

#gnav li a,
#footer-nav li a {
  border: none;
  background: #000;
  color: #fff;
  padding: 6px;
  margin-top: 0;
  display: block;
  position: relative;
}

#gnav li a:hover,
#footer-nav li a:hover {
  color: #fff;
  border: none;
}

#gnav li a:hover::after,
#footer-nav li a:hover::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #00b7ef;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 991px) {
  #gnav li a,
  #footer-nav li a {
    position: relative;
  }
  #gnav li a:before,
  #footer-nav li a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
  }
}
@media only screen and (max-width: 767px) {
  #footer-nav li a {
    font-size: 12px;
  }
}
@media only screen and (max-width: 375px) {
  #gnav li a:before {
    content: none;
  }
}
#gnav li.current-menu-item a,
#footer-nav li.current-menu-item a {
  border: none;
}

#gnav #sp-nav-ebook-btn {
  display: none;
  padding: 14px 4px;
  color: #000;
  background: #ffed24;
  margin-bottom: 16px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  #gnav #sp-nav-ebook-btn {
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  #header-menu-tog {
    float: none;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    height: 69px;
    padding: 23px 17px;
  }
  #header-menu-tog a {
    color: #fff;
  }
}
#footer {
  background: #fff;
  padding-bottom: 70px;
}

.footer-01 #footer-nav,
.footer-02 .wrap,
.footer-03 .wrap,
.footer-04 .wrap {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}

.footer-02,
.footer-03 {
  border: none;
  border-bottom: 1px solid #ebebeb;
}

.footer-01 {
  border: none;
  background: #000;
}

@media only screen and (max-width: 767px) {
  .footer-01 ul {
    text-align: center;
  }
}
@media only screen and (max-width: 550px) {
  .footer-01 ul li {
    margin-right: 0;
    display: block;
    border-bottom: 1px solid #e3e3e3;
  }
  .footer-01 ul li:nth-child(odd) {
    border-right: 1px solid #e3e3e3;
  }
}
@media only screen and (max-width: 550px) {
  .footer-03 .wrap {
    display: block;
  }
}
#footer a:hover {
  text-decoration: none;
  color: #00b7ef;
}

#footer .wrap {
  padding: 0;
}

#footer .footer-01 a {
  padding: 9px 0;
  color: #fff;
  display: block;
}

.footer-02 {
  padding: 32px 0 30px;
}

.footer-logo-area {
  float: left;
}

.footer-logo-area img {
  max-width: 200px;
  /* max-width: 202px; */
}

.footer-logo-area a:hover {
  color: #333;
}

#flogo span {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.footer02-right-area {
  position: absolute;
  top: 10px;
  right: 0;
}

.footer02-right-area a {
  display: inline-block;
  vertical-align: top;
}

.footer02-right-area a:hover {
  opacity: 0.7;
}

.footer-fb {
  margin-right: 56px;
}

.footer-fb .fa {
  width: 57px;
  height: 57px;
  background: #1877f2;
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin-right: 24px;
}

.footer-fb .fa:before {
  font-size: 50px;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
}

.footer-twitter .fa {
  text-align: center;
  margin-right: 24px;
}

.footer-twitter .fa:before {
  font-size: 58px;
  color: #1da1f2;
}

.footer-fb span,
.footer-twitter span {
  line-height: 57px;
  vertical-align: top;
  font-weight: bold;
}

.footer-fb span {
  color: #1877f2;
}

.footer-twitter span {
  color: #1da1f2;
}

.footer-03 {
  padding: 24px 0;
}

.footer-03 .wrap {
  display: flex;
  justify-content: space-between;
}

.footer-03 .wrap:after {
  content: none;
}

#footer .footer-03 a {
  color: #fff;
  border-radius: 50px;
  margin: 6px 0;
  padding: 2px 16px;
  line-height: 14px; /* 40px */
  height: auto; /* 40px */
  font-size: 14px;
  margin-right: 20px;
  width: 100%;
  max-width: 293px;
  text-align: center;
  min-height: 40px;
  /*display: inline-table;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer .footer-03 a:nth-child(3),
#footer .footer-03 a:nth-child(4) {
  width: 240px;
  max-width: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#footer .footer-03 a:nth-child(2) {
  margin-right: 23px;
}

#footer .footer-03 a:nth-child(3) {
  margin-right: 17px;
}

/*#footer .footer-03 a:last-of-type {
  margin: 0;
  padding: 0;
}*/
.footer-03 a img {
  max-width: 293px;
  width: 100%;
}

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

#footer-nav04 {
  display: flex;
  justify-content: center;
  padding: 28px 0;
}

@media only screen and (max-width: 767px) {
  #footer-nav04 {
    flex-direction: column;
    padding: 28px 16px;
  }
}
#footer-nav04 li {
  margin: 0 13px;
}

@media only screen and (max-width: 767px) {
  #footer-nav04 li {
    margin: 0;
    margin-bottom: 3px;
  }
}
#footer-nav04 li:before {
  content: "\f105";
  font-size: 12px;
  font-family: "FontAwesome";
  background-color: #3c3c3c;
  color: #fff;
  border-radius: 50%;
  padding: 1px 5px;
  margin-right: 7px;
}

#footer .footer-copy {
  text-align: center;
  font-size: 10px;
  padding: 5px 0;
  margin-bottom: 22px;
}

@media only screen and (max-width: 991px) {
  .footer-logo-area {
    float: none;
  }
  #footer .footer-03 a {
    width: 240px;
    max-width: initial;
    margin-bottom: 16px;
  }
  #footer .footer-03 .wrap {
    justify-content: space-between;
  }
  #footer .footer-03 a,
  #footer .footer-03 a:nth-child(2) {
    margin-right: 0;
  }
  #footer .footer-03 .wrap {
    width: 500px;
    max-width: 100%;
    text-align: center;
  }
  #footer .footer-03 a {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  #flogo {
    margin: 0 auto;
    width: 175px;
  }
  .footer-01 #footer-nav {
    flex-wrap: wrap;
    max-width: 100%;
  }
  #footer-nav li {
    width: 25%;
  }
  .footer-01 .wrap {
    margin: 0;
  }
  .footer-03 .wrap {
    flex-wrap: wrap;
  }
  .footer02-right-area {
    position: static;
    text-align: center;
  }
  #footer .text-under-logo {
    text-align: center;
    margin-bottom: 35px;
  }
  #header .text-under-logo,
  #footer .text-under-logo {
    font-size: 13px;
  }
  #header #logo a {
    padding-top: 16px;
    padding-top: 0;
  }
  #footer #footer-nav04 li a {
    font-size: 12px;
  }
  #footer .footer-copy {
    font-size: 10px;
    margin: 0 auto 22px;
  }
  .footer-03 {
    padding: 40px 16px;
  }
  .footer-02 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 550px) {
  #footer-nav li {
    width: 50%;
  }
  #footer .footer-03 .wrap {
    width: 100%;
    justify-content: center;
    padding: 0;
  }
  #footer .footer-03 a {
    width: 100%;
    min-height: 48px;
  }
  #footer .footer-03 a {
    width: 343px;
    max-width: 100%;
    margin: 0 0 32px;
  }
  #footer .footer-03 a:nth-child(3), #footer .footer-03 a:nth-child(4) {
    width: auto;
    margin: 0 0 27px;
  }
  #footer .footer-03 a:nth-child(4) {
    margin: 0;
  }
  #footer-nav04 li {
    margin: 0 8px;
  }
  .footer-03 a img {
    width: 343px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  #header .text-under-logo {
    font-size: 12px;
  }
}
body.home #content {
  padding-top: 0;
}

@media screen and (max-width: 991px) {
  body.home #content {
    padding-top: 69px !important;
  }
}
@media only screen and (max-width: 767px) {
  body.home #content .wrap {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  body.home #content .first-post .wrap {
    margin-left: 10px;
    margin-right: 10px;
  }
}
body.single #content {
  padding-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  body.single #content {
    padding-bottom: 40px;
  }
}
#content {
  background: #f7fcff;
}

@media only screen and (max-width: 991px) {
  #content {
    padding-bottom: 0;
    padding-top: 100px;
  }
}
.wrap {
  max-width: 1120px;
  width: auto;
}

#sp-nav-ebook-btn .fa {
  margin-left: 8px;
}

.main-inner {
  margin-right: 350px;
}

.page .main-inner {
  border: 1px solid #e3e3e3;
}

.page-id-28 .main-inner {
  border: none;
}

.error404 article.post {
  background: none;
}

.single .post-header,
.single .post-content, .page .post-header,
.page .post-content, article.page .post-header,
article.page .post-content {
  padding: 30px;
}

.single .post-header,
.page .post-header {
  padding-bottom: 0px;
}

.single .post-content,
.page .post-content {
  padding-top: 5px;
}

@media only screen and (max-width: 767px) {
  .single .post-header,
  .single .post-content, .page .post-header,
  .page .post-content, article.page .post-header,
  article.page .post-content {
    font-size: 15px;
  }
}
.single .main-inner article {
  border: 1px solid #e3e3e3;
}

.single .main-inner .pc_cv_link,
.single .main-inner .sp_cv_link {
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  .single .main-inner .pc_cv_link,
  .single .main-inner .sp_cv_link {
    margin: 0 8px 32px;
  }
}
.single .main-inner .pc_cv_link a,
.single .main-inner .sp_cv_link a {
  display: block;
  border: 1px solid #18a5df;
  padding: 8px;
  font-size: 15px;
  background-color: #fff;
  color: #015db2;
}

@media screen and (max-width: 767px) {
  .single .main-inner .pc_cv_link a,
  .single .main-inner .sp_cv_link a {
    font-size: 13px;
  }
}
.single .main-inner .pc_cv_link a .atention,
.single .main-inner .sp_cv_link a .atention {
  background: #fc8e18;
  padding: 8px 12px;
  color: #fff;
  font-weight: 700;
  margin-right: 8px;
}

@media screen and (max-width: 767px) {
  .single .main-inner .pc_cv_link a .atention,
  .single .main-inner .sp_cv_link a .atention {
    font-size: 13px;
    padding: 3px 8px;
  }
}
.single .main-inner .pc_cv_link a .link_text,
.single .main-inner .sp_cv_link a .link_text {
  line-height: 1.8;
}

.single .main-inner .pc_cv_link a:hover,
.single .main-inner .sp_cv_link a:hover {
  text-decoration: none;
}

.single .main-inner .pc_cv_link a:hover .link_text,
.single .main-inner .sp_cv_link a:hover .link_text {
  text-decoration: underline;
}

.single .main-inner .pc_cv_link {
  display: block;
}

@media screen and (max-width: 767px) {
  .single .main-inner .pc_cv_link {
    display: none;
  }
}
.single .main-inner .sp_cv_link {
  display: none;
}

@media screen and (max-width: 767px) {
  .single .main-inner .sp_cv_link {
    display: block;
  }
}
article.post,
article.page {
  margin-bottom: 0;
}

/*コメント修正*/
.comments-area .comment-body {
  padding: 20px !important;
}

.comments-area .comment-meta .comment-metadata {
  left: 0;
  margin-right: 0;
}

.comments-area .comment-meta .comment-metadata a {
  position: absolute;
  left: 5.5em;
}

.comments-area .comment-meta .comment-metadata .comment-edit-link {
  display: none;
}

.comments-area .comment-content {
  margin-left: 0 !important;
}

.comments-area .comment-content p {
  line-height: 22px;
}

.comments-area .vcard, .comments-area .reply {
  margin-left: 0 !important;
}

@media only screen and (max-width: 767px) {
  div.side-widget-area a img {
    display: inline-block;
  }
}
@media screen and (max-width: 480px) and (min-width: 320px) {
  #xeory_recommend_posts-2 .side-widget-inner img {
    width: 109px;
    height: 73px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.page-id-28 #side,
.archive #side {
  margin-top: 37px;
}

#side {
  width: 300px;
  margin-left: -300px;
}

#side .side-widget-inner {
  margin-bottom: 32px;
}

@media screen and (max-width: 991px) {
  #side .side-widget-inner p.bnr {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  #side {
    width: 100%;
    margin-left: 0;
  }
}
#side .fa {
  margin-right: 0.4em;
  font-size: 18px;
}

#side .post-thumbnail {
  float: left;
  margin: 0 10px 0 0;
  border: 5px solid #e3e3e3;
  padding: 0;
  width: 150px;
}

@media only screen and (max-width: 767px) {
  #side .post-thumbnail {
    float: none;
    border: none;
    width: 100%;
  }
}
#side aside {
  margin-bottom: 50px;
}

#side [class*=post-item-] {
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  border: none;
}

@media only screen and (max-width: 767px) {
  #side [class*=post-item-] {
    border-bottom: 1px solid black;
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 480px) and (min-width: 320px) {
  div.side-inner div.side-widget-area img {
    width: 70%;
    margin: 0 auto 0px;
  }
}
#side [class*=post-item-]:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

#side [class*=post-item-] a {
  color: #000;
}

#side [class*=post-item-] a:hover {
  color: #0075a9;
  text-decoration: none;
}

#side .date {
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  #side a {
    padding: 0;
  }
}
.side-title {
  background: #00b7ef;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
  margin-bottom: 1.2em;
}

@media only screen and (max-width: 767px) {
  .side-title {
    margin-bottom: 0 !important;
    text-align: center;
  }
}
[id^=xeory_recommend_posts] {
  margin-top: 32px;
}

[id^=xeory_recommend_posts] .side-widget-inner {
  text-align: left !important;
}

@media only screen and (max-width: 767px) {
  [id^=xeory_recommend_posts] .recommend-list {
    padding: 0 10px;
    background: #fff;
  }
}
.reco-content {
  margin-left: 160px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .reco-content {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .reco-content .date {
    display: none;
  }
}
.wrap-img {
  position: relative;
  float: left;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .wrap-img {
    float: left;
    width: 107px;
    margin-right: 10px;
  }
}
.wrap-img .post-cat {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: calc(100% - 10px);
}

@media only screen and (max-width: 767px) {
  .wrap-img .post-cat {
    position: static;
    width: 100%;
    text-align: center;
    margin-top: 12px;
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .wrap-img .post-cat {
    margin-top: 0px;
    display: none;
  }
}
.side-post-title {
  font-size: 14px;
  margin-bottom: 0.5em;
}

@media only screen and (max-width: 767px) {
  .side-post-title {
    font-size: 14px;
    margin: 10px 0 0;
  }
}
[class*=post-item-]:after {
  display: block;
  width: 22px;
  height: 18px;
  background: #5f5f5f;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  [class*=post-item-]:after {
    margin-top: 14px;
  }
}
.post-item-1:after {
  content: "1";
  padding: 2px 0;
}

.post-item-2:after {
  content: "2";
  padding: 2px 0;
}

.post-item-3:after {
  content: "3";
  padding: 2px 0;
}

.post-item-4:after {
  content: "4";
  padding: 2px 0;
}

.post-item-5:after {
  content: "5";
  padding: 2px 0;
}

.post-item-6:after {
  content: "6";
  padding: 2px 0;
}

.post-item-7:after {
  content: "7";
  padding: 2px 0;
}

.post-item-8:after {
  content: "8";
  padding: 2px 0;
}

.post-item-9:after {
  content: "9";
  padding: 2px 0;
}

.post-item-10:after {
  content: "10";
  padding: 2px 0;
}

.side-social {
  margin: 30px -4px;
}

@media only screen and (max-width: 767px) {
  .side-social {
    margin: 30px 0px;
  }
}
.side-widget {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .side-widget ul.recommend-list li a {
    margin-bottom: 0px !important;
  }
}
.side-social-link-list {
  display: table;
  width: 100%;
}

.side-social-link-list li {
  display: table-cell;
  padding: 0 4px;
}

.side-social-link-list li a {
  display: block;
  text-align: center;
  border-radius: 5px;
}

.side-social-link-list li a:hover {
  text-decoration: none;
}

.side-social-link-list li .fa-facebook-official {
  background: #3d5b94;
}

.side-social-link-list li .fa-twitter {
  background: #53cdf3;
}

.side-social-link-list li .fa-google-plus {
  background: #cd4138;
}

.side-social-link-list li .fa-rss {
  background: #87bf31;
}

.side-social-link-list li .fa {
  color: #fff;
  padding: 12px 0;
  display: block;
  border-radius: 5px;
  font-size: 18px;
  width: 100%;
}

.single #side .date {
  text-align: left;
  margin-top: 0;
}

#side .newpost .newpost-list li:after {
  display: none;
}

.pagetop {
  bottom: 25px;
}

.btn {
  width: 284px;
  margin: 60px auto 0;
}

.btn a {
  text-align: center;
  background: #000;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 12px 0;
  position: relative;
}

.post-cta .post-cta-btn {
  margin: 0;
}

.post-cta .post-cta-btn a {
  background: #454545;
  border-bottom: 5px solid #313131;
  border-radius: 5px;
  padding: 15px;
  margin: 0 auto 40px;
  position: relative;
}

.post-cta .post-cta-btn a:hover {
  background: #454545;
  border-bottom: 5px solid #313131;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.post-cta .post-cta-btn a:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 20%;
  background: url(../images/arrow.png) no-repeat;
  background-size: 20px;
  transform: translateY(-50%);
}

.form-submit #submit {
  background: #454545;
  border-bottom: 5px solid #313131;
  border-radius: 5px;
  padding: 15px;
  line-height: 1.4em;
}

@media only screen and (max-width: 767px) {
  .form-submit #submit {
    font-size: 14px;
    width: 80%;
  }
}
.form-submit #submit:hover {
  background: #454545;
  border-bottom: 5px solid #313131;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.pagination {
  margin: 45px auto 18px;
  display: table;
}

.pagination .current {
  background: #0075a9;
  border-radius: 5px;
  border: 1px solid #0075a9;
  color: #fff;
  padding: 6px 14px;
}

.pagination span, .pagination a {
  margin: 0 5px;
  padding: 6px 14px;
}

.pagination a {
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  background: #fff;
}

.pagination a:hover {
  border: 1px solid #00b7ef;
  background: #00b7ef;
  color: #fff;
}

#content .first-post {
  background: url(../images/firstpost_bg.jpg);
  background-size: cover;
  padding: 60px 0;
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  #content .first-post {
    padding: 30px 0;
  }
}
#content .first-post .post {
  background: none;
  border: none;
}

.first-post-thumbnail {
  margin-bottom: 0;
  margin-left: 52px;
  width: 300px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .first-post-thumbnail {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
    position: relative;
  }
}
.first-post-thumbnail:before {
  content: "";
  padding: 0px;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 0px;
  left: 0px;
  border-top: 50px solid #000;
  border-right: 50px solid transparent;
  z-index: 1;
}

.first-post-thumbnail:after {
  content: "NEW";
  color: #fff;
  font-size: 11px;
  position: absolute;
  font-weight: bold;
  top: 7%;
  left: 6px;
  z-index: 1;
  transform: rotate(-44deg);
  /* Safari */
  -webkit-transform: rotate(-44deg);
  /* Firefox */
  -moz-transform: rotate(-44deg);
  /* IE */
  -ms-transform: rotate(-44deg);
  /* Opera */
  -o-transform: rotate(-44deg);
}

@media only screen and (max-width: 767px) {
  .first-post-thumbnail:after {
    top: 3%;
    left: 4px;
  }
}
@media screen and (max-width: 550px) {
  .first-post-thumbnail:after {
    top: 4%;
    left: 5px;
  }
}
@media screen and (max-width: 375px) {
  .first-post-thumbnail:after {
    top: 5%;
    left: 7px;
  }
}
@media screen and (max-width: 991px) {
  .post-thumbnail {
    margin-left: 20px;
    margin-bottom: 20px;
    float: right;
  }
}
.first-post .post-tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .first-post .post-tit {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.first-post .post-tit a {
  color: #2b2b2b;
}

.first-post .post-tit a:hover {
  color: #00b7ef;
  text-decoration: none;
}

.first-post p {
  margin-bottom: 1.5em;
  color: #565656;
  line-height: 24px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .first-post p {
    display: none;
  }
}
.first-post .post-cat {
  color: #fff;
  line-height: 14px;
}

.first-post .date {
  text-align: right;
  margin-top: -42px;
}

@media only screen and (max-width: 767px) {
  .first-post .date {
    text-align: left;
    margin-top: -1em;
  }
}
@media only screen and (max-width: 767px) {
  .first-post .date {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .first-post .post-detail .post-cat {
    display: none;
  }
}
.first-post .sp-cat {
  display: none;
}

@media only screen and (max-width: 767px) {
  .first-post .sp-cat {
    position: static;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 12px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 100%;
  }
}
.post-cat {
  padding: 5px 10px;
  color: #fff;
  display: inline-block;
  background: #0075a9;
  font-size: 12px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

a.post-cat:hover {
  background: #00b7ef;
  text-decoration: none;
}

.sp-cat {
  display: none;
}

@media only screen and (max-width: 991px) {
  .sp-cat {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.date {
  font-size: 13px;
  display: block;
  font-weight: bold;
  color: #333;
}

@media only screen and (max-width: 767px) {
  .date {
    color: #777;
    font-size: 12px;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .post-loop-wrap article .post-thumbnail .date {
    padding-top: 14px;
  }
}
.alpha:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.home #main .firstpost {
  display: none;
}

.cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {
  border: none;
}

.post-loop-wrap {
  background: #fff;
  border: solid 1px #e3e3e3;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .post-loop-wrap {
    padding: 10px 5px;
    background-color: #e6e6e6;
  }
}
.post-loop-wrap article {
  margin-bottom: 27px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e3e3e3;
}

@media only screen and (max-width: 767px) {
  .post-loop-wrap article {
    margin-bottom: 2px;
    padding: 20px 12px 0px 12px;
    border-bottom: 0;
  }
}
.post-loop-wrap article:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

@media only screen and (max-width: 767px) {
  .post-loop-wrap article:last-child {
    margin-bottom: 12px;
    padding: 20px 12px 0px 12px;
    border-bottom: 0;
  }
}
.post-loop-wrap article .post-content {
  padding: 0 !important;
}

.post-loop-wrap article .post-content p {
  margin-bottom: 6px;
  font-size: 13.5px;
  line-height: 21px;
  color: #777;
}

@media only screen and (max-width: 767px) {
  .post-loop-wrap article .post-content p {
    display: none;
  }
}
.post-loop-wrap article .post-content a {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .post-loop-wrap article .post-content a {
    margin-top: 10px;
    display: block;
  }
}
.post-loop-wrap article .post-content .date {
  color: #999;
}

@media only screen and (max-width: 767px) {
  .post-loop-wrap article .post-content .time_pc {
    display: none;
  }
}
@media only screen and (min-width: 767px) {
  .post-loop-wrap article .post-header .time_sp {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .post-loop-wrap article .post-content .date {
    color: #999;
    padding-top: 14px;
    font-size: 12px;
    text-align: left;
  }
}
.post-loop-wrap article .post-cat {
  position: absolute;
  top: 12px;
  left: -10px;
}

@media only screen and (max-width: 767px) {
  .post-loop-wrap article .post-cat {
    position: static;
    display: block;
    margin-top: 12px;
    text-align: center;
    width: 45%;
    padding: 4px 6px;
    font-size: 12px;
    float: left;
    margin-right: 11px;
  }
}
.post-loop-wrap .post-thumbnail {
  width: 264px;
  height: auto;
  float: left;
  margin: 0;
  border: 1px solid #e3e3e3;
  padding: 1px;
  box-sizing: content-box;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .post-loop-wrap .post-thumbnail {
    width: 100%;
    position: relative;
    margin-right: 10px;
    float: none;
    border: none;
  }
  .post-loop-wrap .post-thumbnail img {
    width: 100%;
  }
}
.post-header {
  padding: 0;
  position: relative;
}

.post-content {
  padding: 0;
}

.post-content h2 {
  border: none;
  font-weight: bold !important;
  line-height: 30px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .post-content h2 {
    line-height: 25px;
  }
}
.post-content h2:first-child {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .post-content h2:first-child {
    margin-top: 15px;
  }
}
.post-content h2 a {
  color: #2b2b2b;
}

.post-content h2 a:hover {
  color: #00b7ef;
}

.home .post-content h2,
.archive .post-content h2,
.page-id-28 .post-content h2,
.search .post-content h2 {
  border: none;
  padding: 0;
  font-size: 18px;
  margin-top: -5px;
  line-height: 30px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .home .post-content h2,
  .archive .post-content h2,
  .page-id-28 .post-content h2,
  .search .post-content h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.page .post-title,
.single .post-title {
  font-size: 32px;
  margin: 0.6em 0 0.8em;
}

@media only screen and (max-width: 767px) {
  .page .post-title,
  .single .post-title {
    font-size: 20px;
    margin-top: 1em;
  }
}
.page-id-28 .post-header,
.page-id-28 .post-content {
  padding: 0 !important;
}

.page-id-28 .date {
  text-align: left;
  margin-top: 0;
}

.single .date {
  text-align: right;
  margin-top: -20px;
}

@media screen and (max-width: 400px) {
  .single .date {
    font-size: 10.5px;
    margin-top: -18px;
  }
}
@media only screen and (max-width: 991px) {
  .single .post-header {
    padding: 20px;
  }
}
@media screen and (max-width: 400px) {
  .single .post-header .post-cat {
    padding: 5px;
    font-size: 10px;
  }
}
.single .post-content .post-thumbnail {
  margin-left: 0;
  float: none;
  margin: 0 -30px;
  margin-bottom: 3em;
  width: auto;
}

@media screen and (max-width: 991px) {
  .single .post-content .post-thumbnail {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 991px) {
  .single .post-content .post-thumbnail {
    margin-bottom: 30px;
  }
}
.post-footer {
  padding: 0 30px;
}

@media only screen and (max-width: 767px) {
  .post-footer {
    padding: 0 10px;
  }
}
.post-footer .bzb-sns-btn {
  margin-bottom: 50px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .post-footer .bzb-sns-btn {
    margin-bottom: 30px;
  }
}
.post-footer-list {
  margin-bottom: 20px;
}

.post-cta {
  background: none;
  margin: 0 30px 60px;
  border: 1px solid #e3e3e3;
  border-top: 4px solid #0075a9;
}

@media only screen and (max-width: 991px) {
  .post-cta {
    margin: 0 20px 60px;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .post-cta {
    margin: 0 10px 30px;
    font-size: 14px;
  }
}
.post-cta .cta-post-title {
  font-size: 32px;
  padding: 24px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .post-cta .cta-post-title {
    font-size: 20px;
    padding: 20px;
  }
}
.post-cta .post-cta-inner {
  padding: 40px 30px 0;
  background: #fbfbfb;
}

.post-cta .post-cta-img {
  text-align: center;
}

#main .post-cta .cta-post-title {
  padding-top: 20px !important;
}

.post-share, .related-article, .post-author {
  margin: 0 30px 60px;
  border: none;
  padding: 0;
}

@media only screen and (max-width: 991px) {
  .post-share, .related-article, .post-author {
    margin: 0 20px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .post-share, .related-article, .post-author {
    margin: 0 10px 30px;
  }
}
.post-share .post-share-title, .related-article .post-share-title, .post-author .post-share-title, .post-share .related-article h4, .related-article .post-share h4, .related-article h4 {
  font-size: 20px;
  background: none;
  border-bottom: 3px double #e3e3e3;
  text-align: left;
  color: #000;
  background: none;
  margin: 0 0 20px;
}

@media only screen and (max-width: 991px) {
  #main .post-share-title, #main .related-article h4, .related-article #main h4 {
    margin-bottom: 20px !important;
  }
}
.social-wrap {
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .social-wrap {
    margin: 0 -20px;
  }
}
.social-wrap .fb-area,
.social-wrap .tw-area {
  width: 49%;
}

@media only screen and (max-width: 767px) {
  .social-wrap .fb-area,
  .social-wrap .tw-area {
    width: 100%;
    float: none;
  }
}
.social-wrap .fb-area {
  float: left;
}

.social-wrap .tw-area {
  float: right;
}

@media only screen and (max-width: 767px) {
  .social-wrap .tw-area {
    margin-top: 30px;
  }
}
.post-social {
  margin: 35px -5px;
}

@media only screen and (max-width: 991px) {
  .post-social {
    margin: 20px -25px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .post-social {
    margin-bottom: 0;
  }
}
.post-social-link-list {
  display: table;
  width: 100%;
}

.post-social-link-list li {
  display: table-cell;
  padding: 0 5px;
  width: 25%;
  margin: 10px 0;
}

@media only screen and (max-width: 767px) {
  .post-social-link-list li {
    width: 50%;
    display: block;
    float: left;
    margin: 5px 0;
  }
}
.post-social-link-list li a {
  display: block;
  text-align: center;
  border-radius: 5px;
  padding: 16px 0;
  display: block;
  font-size: 18px;
  width: 100%;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .post-social-link-list li a {
    font-size: 16px;
  }
}
.post-social-link-list li a:hover {
  text-decoration: none;
}

.post-social-link-list li .fa {
  color: #fff;
}

.post-social-link-list .fb-ico a {
  background: #3d5b94;
}

.post-social-link-list .tw-ico a {
  background: #53cdf3;
}

.post-social-link-list .g-ico a {
  background: #cd4138;
}

.post-social-link-list .feed-ico a {
  background: #87bf31;
}

.related-article h4 {
  padding: 10px 0;
}

.related-article .row {
  margin: 0 -10px;
}

@media only screen and (max-width: 767px) {
  .related-article .row {
    margin: 0 -5px;
  }
}
.related-article .gr3 {
  padding: 0 10px;
}

@media only screen and (max-width: 767px) {
  .related-article .gr3 {
    margin-bottom: 20px;
    width: 50%;
    padding: 0 5px;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}
.related-article .gr3 a {
  color: #000;
}

.related-article .gr3 a:hover {
  text-decoration: none;
  color: #356ebf;
}

.related-article .gr3 a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.related-article .gr3 a .title {
  font-size: 12px;
  display: inline-block;
  margin-top: 1em;
}

@media only screen and (max-width: 767px) {
  .related-article .gr3 a .title {
    font-size: 14px;
  }
}
.related-article .cat {
  display: none;
}

.post-author {
  border: 1px solid #e3e3e3;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0px;
}

.post-author .post-author-img {
  width: 110px;
}

@media only screen and (max-width: 767px) {
  .post-author .post-author-img {
    margin-left: auto;
    margin-right: auto;
  }
}
.post-author .post-author-meta {
  margin-left: 140px;
}

.post-author .post-author-meta h4 {
  color: #333;
}

@media only screen and (max-width: 767px) {
  .post-author .post-author-meta h4 {
    text-align: center;
    margin-right: 0;
  }
}
#comments {
  padding: 0 30px 40px;
}

@media only screen and (max-width: 767px) {
  #comments {
    padding: 20px 10px !important;
  }
}
#comments .comment-content,
#comments .reply {
  margin-left: 10px;
}

.comments-title {
  font-size: 20px;
  background: none;
  border-bottom: 3px double #e3e3e3;
  text-align: left;
  color: #000;
  background: none;
  margin: 0 0 30px;
  padding: 10px 0;
}

.cat-content {
  background: none;
  padding: 0;
}

.comment-list > .comment {
  border: none;
}

.comment-list > .comment > .comment-body {
  padding: 0;
}

.comment-author img {
  margin-right: 15px;
}

.comment-metadata {
  padding-top: 20px;
  position: relative;
  left: -9em;
  margin-right: -9em;
}

.comment-metadata a {
  color: #868686;
}

.comment-list .children {
  margin-left: 0;
}

.comment-list .children .comment-body {
  padding: 20px;
  background: #fdfdfd;
  border: 1px solid #e3e3e3;
}

@media only screen and (max-width: 767px) {
  .comment-list .children .comment-body {
    padding: 15px 10px 10px;
  }
}
.post-content .post-thumbnail {
  width: 264px;
  margin-left: 30px;
  margin-bottom: 3em;
}

@media only screen and (max-width: 767px) {
  .post-content .post-thumbnail {
    margin-left: 0;
    width: 100%;
    margin-bottom: 30px;
  }
}
.post-content .bzb_right {
  width: 264px;
  margin-left: 30px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .post-content .bzb_right {
    margin-left: 0;
    width: 100%;
    margin-bottom: 30px;
  }
}
.post-content .bzb_center {
  width: 100%;
}

.post-content .bzb_center img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .post-content .bzb_center {
    padding-left: 0;
    width: 100%;
  }
}
.post-content .bzb_left {
  float: left;
  margin: 0 30px 0 0;
  margin-bottom: 3.2em;
}

@media only screen and (max-width: 767px) {
  .post-content .bzb_left {
    margin-left: 0;
    margin-bottom: 30px;
    width: 100%;
  }
}
.post-content h2 {
  font-size: 26px;
  font-weight: bold;
  border: 1px solid #dedede;
  border-left: 4px solid #4277ba;
  padding: 1em;
  margin: 3.6em 0 30px;
}

@media only screen and (max-width: 767px) {
  .post-content h2 {
    font-size: 18px;
    margin-top: 4em;
  }
}
.post-content h3 {
  font-size: 22px;
  border: none;
  border-bottom: 3px double #dedede;
  margin-top: 3em;
  padding: 0 0 0.7em;
}

@media only screen and (max-width: 767px) {
  .post-content h3 {
    font-size: 17px;
    margin-top: 4em;
  }
}
.post-content h4 {
  color: #333;
  margin-top: 66px;
}

@media screen and (max-width: 767px) {
  .post-content h4 {
    margin-top: 68px;
  }
}
.post-content .mb08 {
  margin-bottom: 8px !important;
}

.post-content .mb16 {
  margin-bottom: 1.6em !important;
}

.post-content .mb32 {
  margin-bottom: 3.2em !important;
}

.post-content .mb48 {
  margin-bottom: 4.8em !important;
}

.post-content ul {
  list-style: none;
}

.post-content ul li {
  color: #00b7ef;
  font-weight: bold;
}

.post-content ul li:before {
  content: "●";
  font-size: 10px;
  vertical-align: 3px;
}

.post-content li {
  color: #00b7ef;
  font-weight: bold;
}

.post-content li:before {
  content: "●";
  font-size: 10px;
  vertical-align: 3px;
}

.post-content ol li {
  color: #00b7ef;
  font-weight: bold;
}

.post-content ol li:before {
  display: none;
}

.post-content dt {
  border: 1px solid #ededed;
  padding: 1em 2em;
  display: inline-block;
  font-weight: normal;
}

.post-content dl dd {
  margin: 1.5em 0 1.5em 3em;
  border: none;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .post-content dl dd {
    margin-left: 0;
  }
}
.post-content .tu {
  text-decoration: underline;
}

.post-content table {
  width: 100%;
  border: none;
  margin-bottom: 48px;
  overflow: visible;
  white-space: normal;
}

@media only screen and (max-width: 767px) {
  .post-content table {
    margin-bottom: 2em;
  }
}
.post-content table ul li {
  color: #000;
  font-weight: normal;
}

.post-content table ol li {
  color: #000;
  font-weight: normal;
}

.post-content table tbody tr:nth-child(2n-1) {
  background: #f5f5f5;
}

.post-content table tbody th {
  background: #0069ba;
  padding: 8px 10px;
  color: #fff;
  text-align: left;
}

.post-content table tbody th ul li {
  color: #fff;
}

.post-content table tbody th ol li {
  color: #fff;
}

.post-content table tbody td {
  border: none;
  padding: 8px 10px;
}

.post-content blockquote {
  margin: 0 0 28px;
  padding: 30px 20px 35px 55px;
  border: 1px #eee solid;
  background: #fafafa;
}

.post-content blockquote p {
  margin-bottom: 1em;
}

.post-content blockquote p a {
  display: block;
  text-align: right;
}

.post-content .attention {
  margin-bottom: 1.2em;
}

.post-content .attention ul {
  padding: 0;
  margin: 0;
}

.post-content .attention ul li {
  color: #000;
  font-weight: normal;
}

.post-content .a-1 {
  border: 2px solid #c5d3dd;
  background: #f5f9fe;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .post-content .a-1 {
    padding: 20px;
  }
}
.post-content .a-2 {
  border: 2px solid #dadada;
  background: #f7f7f7;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .post-content .a-2 {
    padding: 20px;
  }
}
.post-content .a-3 {
  border: 3px solid #dadada;
  background: #fff5cc;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .post-content .a-3 {
    padding: 20px;
  }
}
.post-content img.alignleft {
  margin-right: 25px;
}

.post-content img.alignright {
  margin-left: 25px;
}

@media only screen and (max-width: 767px) {
  .post-content ul {
    padding-left: 0;
  }
}
.post-content a {
  text-decoration: underline;
}

.post-content #toc_container {
  padding: 20px;
  background: #fdfdfd;
  border: 1px solid #dcdcdc;
}

@media only screen and (max-width: 767px) {
  .post-content #toc_container {
    padding: 10px;
  }
}
.post-content #toc_container .toc_list li {
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .post-content #toc_container .toc_list {
    margin-left: 0.5em;
  }
}
.post-content #toc_container .toc_list > li {
  margin-bottom: 18px;
}

@media only screen and (max-width: 767px) {
  .post-content #toc_container .toc_list > li {
    margin-bottom: 25px;
  }
}
.post-content #toc_container .toc_list > li:last-child {
  margin-bottom: 0;
}

.post-content #toc_container .toc_list li ul {
  margin-left: 1.5em;
}

@media only screen and (max-width: 767px) {
  .post-content #toc_container .toc_list li ul {
    margin-left: 0.5em;
  }
}
.post-content #toc_container .toc_list li ul li {
  font-weight: normal;
}

.post-content #toc_container .toc_list li ul li:first-child {
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .post-content #toc_container .toc_list li ul li:first-child {
    margin-top: 7px;
  }
}
.post-content #toc_container ul li:before {
  display: none;
}

p.btn .fa {
  display: contents;
}

#side #tag_cloud-2 .tagcloud {
  text-align: left;
  margin: 8px 0 32px;
}

#side #tag_cloud-2 .tagcloud a {
  font-size: 14px !important;
  color: #2581c4;
  background-color: white;
  padding: 4px 10px 4px;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 4px 2px 4px;
  border-radius: 3px;
  text-decoration: none;
}

#side #tag_cloud-2 .tagcloud a:hover {
  color: white;
  background-color: #2581c4;
}

#side #tag_cloud-2 .tagcloud a:before {
  content: "\f02b";
  font-family: FontAwesome;
  color: #2581c4;
  padding: 0 5px 0 0;
  font-size: 14px;
}

#side #tag_cloud-2 .tagcloud a:hover:before {
  color: white;
}

#single-tagcloud h3 {
  font-size: 20px;
  background: none;
  border-bottom: 3px double #e3e3e3;
  text-align: left;
  color: #000;
  background: none;
  margin: 0 0 20px;
}

#single-tagcloud .single-tag a {
  font-size: 14px !important;
  color: #2581c4;
  background-color: white;
  padding: 4px 10px 4px;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 4px 2px 4px;
  border-radius: 3px;
  text-decoration: none;
}

#single-tagcloud .single-tag a:hover {
  color: white;
  background-color: #2581c4;
}

#single-tagcloud .single-tag a:before {
  content: "\f02b";
  font-family: FontAwesome;
  color: #2581c4;
  padding: 0 5px 0 0;
  font-size: 14px;
}

#single-tagcloud .single-tag a:hover:before {
  color: white;
}

#single-tagcloud {
  margin: 0 30px 60px;
  border: none;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  #single-tagcloud {
    margin: 0 10px 30px;
  }
  #single-tagcloud h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
/* add CTA communication cat
------------------------------*/
.post-cta-14612 .post-cta-img {
  max-width: 167px;
}

.post-cta-14612 .bullet-area {
  padding: 0;
  text-align: center;
  margin: 0;
  height: auto;
}

.post-cta-14612 .bullet-area br,
.post-cta-14612 form br {
  display: none;
}

.post-cta-14612 .bullet-area ul {
  margin: 0;
}

.post-cta-14612 .bullet-area ul li {
  margin: 20px 0;
  text-decoration: underline;
  text-indent: -0.5em;
  padding: 0 0 0 1em;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

.post-cta-14612 .bullet-area ul li:before {
  content: none;
}

.post-cta-14612 .post-cta-inner .ebook-contents-area p {
  font-size: 16px;
}

.post-cta-14612 .cta-btn-wrap {
  background: #cb0003;
  border-radius: 4px;
  border-bottom: 5px solid #b40704;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  text-align: center;
}

.post-cta-14612 .cta-btn-wrap:hover {
  background: #cb0003;
  opacity: 0.8;
  cursor: pointer;
}

.post-cta-14612 .cta-btn-wrap:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 48%;
  right: 5%;
  background: url(../images/arrow.png) no-repeat;
  background-size: 16px;
  transform: translateY(-50%);
}

.post-cta-14612 .post-cta-cont {
  margin: 0;
}

.post-cta-14612 .post-cta-btn {
  padding: 20px 0;
  background: #cb0003;
  display: block;
  width: 100%;
  text-align: center;
}

.post-cta-14612 form {
  max-width: 617px;
  margin: 0 auto;
}

.post-cta-14612 .icon {
  width: 26px;
  height: 18px;
  background-image: url(../images/cta-communication-icon.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 auto 10px;
}

.post-cta-14612 .icon + br {
  display: none;
}

.post-cta-14612 label {
  display: block;
  font-weight: 700;
}

.post-cta-14612 label:before {
  content: "*";
  color: #EA5D5F;
  padding-right: 4px;
}

.post-cta-14612 input[type=text] {
  /*width: 456px;*/
  width: 100%;
  margin-bottom: 13px;
  background: #ffffff;
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
.post-cta-14612 input[type=text]:-moz-placeholder-shown {
  font-weight: 700;
  color: #AFAFAF;
}
.post-cta-14612 input[type=text]:placeholder-shown {
  font-weight: 700;
  color: #AFAFAF;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
.post-cta-14612 input[type=text]::-webkit-input-placeholder {
  font-weight: 700;
  color: #AFAFAF;
}

/* Firefox 18- */
.post-cta-14612 input[type=text]:-moz-placeholder {
  font-weight: 700;
  color: #AFAFAF;
}

/* Firefox 19+ */
.post-cta-14612 input[type=text]::-moz-placeholder {
  font-weight: 700;
  color: #AFAFAF;
}

/* IE 10+ */
.post-cta-14612 input[type=text]:-ms-input-placeholder {
  font-weight: 700;
  color: #AFAFAF;
}

.post-cta-14612 .post-cta-cont + p {
  font-size: 16px;
  margin: 0 10px 1em;
}

@media screen and (max-width: 1178px) {
  .post-cta-14612 .bullet-area {
    padding: 1px 0 0;
    margin: 0;
    text-align: center;
  }
  .post-cta-14612 .bullet-area ul {
    margin: 0;
  }
  .post-cta-14612 .bullet-area ul li {
    margin: 20px 0;
    text-decoration: underline;
    text-indent: -0.5em;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-align: left;
  }
}
.post-cta-14612 .cta-headline {
  font-size: 18px;
  font-weight: bold;
}

.post-cta-14612 .post-cta-cont {
  margin-top: 20px;
}

.post-cta-14612 .red {
  color: #cc0000;
}

.post-cta-14612 .blue {
  color: #00b7ef;
}

.post-cta-14612 .mb32 {
  margin-bottom: 3.2em;
}

.post-cta-14612 .tu {
  text-decoration: underline;
}

.post-cta-14612 .post-cta-btn a {
  background: #cb0003;
  border-bottom: 5px solid #b40704;
  width: 100%;
  padding-right: 30px;
}

.post-cta-14612 .post-cta-btn a:hover {
  background: #cb0003;
  border-bottom: 5px solid #b40704;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.post-cta-14612 .cta-post-title {
  border-left: #999 1px solid;
  border-bottom: #999 1px solid !important;
  border-right: #999 1px solid;
  margin: 0 -1px 0 -1px;
}

.post-cta-14612 .post-cta-btn a:after {
  right: 5%;
}

@media only screen and (max-width: 767px) {
  .post-cta-14612 .cta-headline {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .post-cta-14612 .ebook-contents-area {
    font-size: 14px;
  }
  .post-cta-14612 .bullet-area ul li {
    font-size: 14px;
  }
  .post-cta-14612 .post-cta-cont + p {
    font-size: 14px;
  }
  .post-cta-14612 label {
    font-size: 14px;
  }
}
@media screen and (max-width: 550px) {
  .post-cta-14612 .bullet-area {
    margin-bottom: 60px;
  }
  .post-cta-14612 .post-cta-btn {
    font-size: 14px;
  }
  .post-cta-14612 .cta-btn-wrap:after {
    top: 49%;
  }
  .post-cta-14612 .post-cta-img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 375px) {
  .post-cta-14612 .post-cta-btn {
    font-size: 12px;
  }
}
/*--------------------------------------

  20190405 著者一覧追加 - nagata
  add page author list

----------------------------------------*/
.page-author-list .post-author {
  display: block;
  border: 0;
  border-bottom: #e3e3e3 1px solid;
  margin: 0 0 24px;
  padding: 0 0 24px;
}

.page-author-list .post-author:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}

.page-author-list .post-header {
  display: none;
}

.page-author-list .post-content .clearfix {
  display: flex;
}

.page-author-list .post-author-img {
  flex-shrink: 0;
  width: 26.83%;
}

.page-author-list .post-author-img .inner {
  width: 100%;
  height: 0;
  padding-top: 110.52%;
  background-size: cover;
  background-position: center;
}

.page-author-list .post-author .post-author-meta {
  margin-left: 24px;
}

.page-author-list .post-author .post-author-meta h2 {
  color: #333333;
  font-size: 22px;
  font-weight: 700;
  line-height: 38px;
  border: 0;
  border-bottom: #00b7ef 2px solid;
  margin: 0 0 14px;
  padding: 0;
}

/*.page-author-list .lineh > br:first-child*/
.page-author-list .lineh > br {
  display: none;
  height: 0;
}

.page-author-list .author-post-list-btn {
  border-radius: 6px;
  background-color: #00b7ef;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  padding: 16px 24px;
  text-decoration: none;
  display: inline-block;
  float: right;
}

.page-author-list .author-post-list-btn:hover {
  opacity: 0.8;
}

.page-author-list .author-post-list-btn:after {
  content: "\f138";
  font-family: FontAwesome;
  font-size: 15px;
  padding-left: 4px;
  position: relative;
  bottom: 0;
}

.page-author-list div.post-author-meta div.lineh p {
  font-size: 16px;
  line-height: 27px !important;
  margin-bottom: 20px;
}

.page-author-list div.post-author-meta div.lineh p + br {
  display: none;
}

.page-author-list div.post-author-meta div.lineh p:first-of-type {
  font-size: 14px;
  line-height: 27px;
}

.page-author-list div.post-author-meta div.lineh p.default-font {
  font-size: 16px;
}

.page-author-list div.post-author-meta div.lineh p.remove-br br:nth-child(even) {
  display: none;
}

@media screen and (max-width: 767px) {
  .page-author-list .post-content .clearfix {
    display: block;
    clear: none;
    overflow: hidden;
  }
  .page-author-list #main .post-author .post-author-img {
    float: left;
    margin-right: 10px;
    min-width: 100px;
  }
  .page-author-list #main .post-author .post-author-meta {
    margin: 0;
  }
  .page-author-list .post-author .post-author-meta h2 {
    font-size: 15px;
    line-height: 30px;
    clear: none;
    display: block;
    float: right;
    width: calc(73.17% - 10px);
    margin-bottom: 8px;
  }
  .page-author-list .author-description {
    clear: right;
  }
  .page-author-list .author-post-list-btn {
    float: none;
    display: block;
    max-width: 339px;
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (max-width: 550px) {
  .page-author-list #main .post-author .post-author-img {
    width: 100px;
  }
  .page-author-list .post-author .post-author-meta h2 {
    width: calc(100% - 110px);
  }
  .page-author-list div.post-author-meta div.lineh p:first-of-type {
    line-height: 26px !important;
  }
}
@media screen and (max-width: 375px) {
  .page-author-list #main .post-author {
    padding: 0 0 24px !important;
  }
}
.archive.author h1 {
  margin: 24px 0 64px;
  background-color: #ffffff;
  padding: 4px 10px;
  font-size: 28px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .archive.author h1 {
    font-size: 22px;
    margin: 24px 0;
  }
}
/* 20190807 記事下 著者一覧へのリンク追加 */
.single .post-author .btn-area {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 16px;
}

.single .post-author .author-post-list-btn {
  border-radius: 6px;
  color: #ffffff;
  background-color: #00b7ef;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  padding: 16px 32px 16px 16px;
  text-decoration: none;
  width: 48%;
  position: relative;
  text-align: center;
}

.single .post-author .author-post-list-btn:hover {
  opacity: 0.8;
}

.single .post-author .author-post-list-btn:after {
  content: "\f138";
  font-family: FontAwesome;
  font-size: 15px;
  padding-left: 4px;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 18px;
}

.single .post-author .author-post-list-btn + .author-post-list-btn {
  background-color: #87bf31;
}

@media screen and (max-width: 550px) {
  .single .post-author .btn-area {
    display: block;
  }
  .single .post-author .author-post-list-btn {
    width: 100%;
    display: block;
    margin-bottom: 16px;
  }
  .single .post-author .author-post-list-btn {
    width: 100%;
  }
}
/* 20191202 pardot form*/
#pardotChild {
  min-height: 500px;
}

@media screen and (max-width: 750px) {
  #pardotChild {
    min-height: 560px;
  }
}
@media screen and (max-width: 350px) {
  #pardotChild {
    min-height: 600px;
  }
}
@media screen and (max-width: 330px) {
  #pardotChild {
    min-height: 640px;
  }
}
/* 20200204: accordion style */
.su-accordion .su-spoiler-style-default > .su-spoiler-title {
  background-color: #00b7ef;
  color: #ffffff;
  text-align: center;
  padding: 12px 18px;
  font-size: 15px;
}

.su-accordion .su-spoiler-icon {
  position: static;
  display: inline;
  padding-right: 8px;
}

.hentry .su-accordion .su-spoiler {
  margin-bottom: 0;
}

.su-accordion .su-spoiler-style-default > .su-spoiler-content {
  padding: 25px 0 24px;
}

.su-u-trim > :last-child {
  margin-bottom: 0 !important;
}

/* 20191202 pardot form*/
.post-cta-14612 #pardotChild {
  min-height: 248px;
  max-width: 100%;
}

@media screen and (max-width: 330px) {
  .post-cta-14612 {
    overflow: hidden;
  }
}
.com_cta_ic_sp2 {
  font-size: 15px;
  margin: 8px 0 12px;
}

.page-id-13977 #pardotChild {
  min-height: 260px;
}

.home .acf-article:after,
.home .acf-article:before {
  display: none;
}

.activeNew article:nth-child(1) .post-thumbnail {
  position: relative;
}

.activeNew article:nth-child(1) .post-thumbnail:before {
  content: "";
  padding: 0px;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 0px;
  right: 0px;
  border-top: 50px solid #000;
  border-left: 50px solid transparent;
  z-index: 1;
}

.activeNew article:nth-child(1) .post-thumbnail:after {
  content: "NEW";
  color: #fff;
  font-size: 11px;
  position: absolute;
  font-weight: bold;
  top: 7%;
  right: 6px;
  z-index: 1;
  transform: rotate(44deg);
  /* Safari */
  -webkit-transform: rotate(44deg);
  /* Firefox */
  -moz-transform: rotate(44deg);
  /* IE */
  -ms-transform: rotate(44deg);
  /* Opera */
  -o-transform: rotate(44deg);
}

@media only screen and (max-width: 767px) {
  .activeNew article:nth-child(1) .post-thumbnail:after {
    top: 3%;
    right: 4px;
  }
}
@media screen and (max-width: 550px) {
  .activeNew article:nth-child(1) .post-thumbnail:after {
    top: 4%;
    right: 5px;
  }
}
@media screen and (max-width: 375px) {
  .activeNew article:nth-child(1) .post-thumbnail:after {
    top: 5%;
    right: 7px;
  }
}
/*20200917吹き出し用*/
.balloon1 p,
.balloon2 p {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
}

.balloon1 {
  position: relative;
  padding: 0;
  margin: 0px 0 30px 0px;
  width: calc(100% - 165px);
  min-height: 90px;
}

.balloon1 .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
  color: #555;
}

.balloon1 .balloon-content {
  padding: 16px;
  color: #333;
  background-color: #def8ff;
  margin: 0 0 0 110px;
  position: relative;
  border-radius: 5px;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
}

.balloon1 .balloon-content::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #def8ff;
  border-top: 0 solid transparent;
  border-bottom: 15px solid transparent;
}

.balloon2 {
  position: relative;
  padding: 0;
  margin: 0px 0 30px 0px;
  width: 100%;
  min-height: 90px;
}

.balloon2 .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  color: #555;
}

.balloon2 .balloon-content {
  padding: 16px;
  color: #333;
  background-color: #f4f4f4;
  margin: 0 110px 0 0;
  position: relative;
  border-radius: 5px;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  float: right;
  width: calc(100% - 270px);
}

.balloon2 .balloon-content::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #f4f4f4;
  border-top: 0 solid transparent;
  border-bottom: 15px solid transparent;
}

@media screen and (max-width: 650px) {
  .balloon1 {
    width: 100%;
  }
  .balloon1 .balloon-content {
    margin: 0 0 0 100px;
    line-height: 24px !important;
  }
  .balloon1 .icon {
    width: 76px;
  }
  .balloon2 .icon {
    width: 76px;
  }
  .balloon2 .balloon-content {
    width: calc(100% - 100px);
    margin: 0 100px 0 0;
    line-height: 24px !important;
  }
}
@media screen and (max-width: 400px) {
  .balloon1 {
    width: 100%;
  }
  .balloon1 .balloon-content {
    margin: 0 0 0 90px;
    line-height: 24px !important;
  }
  .balloon2 .balloon-content {
    width: calc(100% - 90px);
    margin: 0 90px 0 0;
    line-height: 24px !important;
  }
}
@media screen and (min-device-width: 992px) and (max-device-width: 1120px) {
  .balloon1 {
    width: 100%;
  }
  .balloon1 .balloon-content {
    margin: 0 0 0 100px;
    line-height: 24px !important;
  }
  .balloon1 .icon {
    width: 70px;
  }
  .balloon2 .icon {
    width: 70px;
  }
  .balloon2 .balloon-content {
    width: calc(100% - 100px);
    margin: 0 100px 0 0;
    line-height: 24px !important;
  }
}
.balloon {
  clear: both;
}

.balloon .icon {
  line-height: 18px;
  font-size: 13px;
}

.balloon .icon img {
  box-shadow: 0 3px 5px silver;
  border-radius: 50%;
  margin-bottom: 4px;
}

/*
 * Header
**/
@media only screen and (max-width: 991px) {
  #header {
    padding: 0 !important;
    height: 86px;
  }
}
@media only screen and (max-width: 991px) {
  #header #logo img {
    margin-bottom: 0;
  }
  #header #logo a {
    width: 174px;
    padding-top: 11px;
    display: inline-block;
  }
}
@media only screen and (max-width: 991px) {
  #header .header-right-area {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .text-under-logo {
    font-size: 13px;
    padding-top: 6px;
    text-align: left;
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  #header-menu-tog {
    font-size: 20px;
    width: 54px;
    height: 54px;
    padding: 10px 18px;
  }
  #header-menu-tog i {
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 1px #000;
  }
}
@media only screen and (min-width: 1161px) {
  #header .header-btn > br {
    display: none;
  }
}
/* 2倍サイズにして縮小した画像が、retinaではきれいだけど普通のディスプレイではぼやける（Chrome）の対処  */
img {
  -webkit-backface-visibility: hidden;
}

/*SPメニュー*/
@media only screen and (max-width: 991px) {
  #gnav #sp-nav-ebook-btn .fa {
    display: none;
  }
  #gnav #sp-nav-ebook-btn {
    margin-bottom: 12px;
  }
  #gnav ul {
    background: #fff;
    padding: 16px 4px 16px 18px;
  }
  #gnav li {
    text-align: left;
  }
  #gnav ul li {
    width: 50%;
    margin-bottom: 0;
  }
  #gnav ul li:nth-child(2n+1) {
    width: 45%;
  }
  #gnav ul li a {
    padding: 12px 0 12px 24px;
    font-size: 14px;
    font-weight: bold;
    border: none;
  }
  #gnav li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #00b7ef;
    border-right: 2px solid #00b7ef;
    transform: rotate(45deg);
  }
  #gnav .searchform {
    margin-bottom: 12px;
  }
  #gnav .searchform input[type=text] {
    padding: 14px 13px;
  }
  #gnav .searchform button {
    top: 4px;
  }
  #gnav .searchform .fa-search {
    font-size: 18px;
  }
}
/*SPメニューにおすすめ記事遷移ボタン追加*/
.sp_nav_recommend_btn_box {
  display: none;
}

@media only screen and (max-width: 991px) {
  .sp_nav_recommend_btn_box {
    background: #fff;
    padding: 0 0 16px;
    display: block;
  }
  .sp_nav_recommend_btn {
    margin: 0 24px;
    background: #0ec1e7;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
  }
  .sp_nav_recommend_btn a {
    display: block;
    color: #fff;
    padding: 14px 4px;
    position: relative;
  }
  .sp_nav_recommend_btn a:before {
    position: absolute;
    content: "★";
    transform: translateX(-110px);
    left: 0;
    right: 0;
    margin: auto;
    top: 13px;
  }
}
body.home.blog .sp_nav_recommend_btn a:hover {
  color: #fff;
}

.single .post-content {
  content-visibility: auto;
}

.single .post-content .post-thumbnail {
  content-visibility: visible;
}

/*記事内ページネーション*/
.post-nav-links {
  text-align: center;
  padding: 16px 8px;
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

a.post-page-numbers {
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  padding: 8px 14px;
  color: #383838;
}

a.post-page-numbers:hover {
  background: #00b7ef;
  border: 1px solid #00b7ef;
  color: #fff;
  text-decoration: none;
}

.post-page-numbers.current {
  background: #0075a9;
  border-radius: 5px;
  border: 1px solid #0075a9;
  color: #fff;
  padding: 8px 14px;
}

.post-page-numbers.arrow {
  font-weight: bold;
}

@media only screen and (max-width: 550px) {
  .post-nav-links {
    gap: 8px 6px;
  }
}
/* CSS Document */
/*
Theme Name:     life-and-mind
Theme URI:      http://example.com/
Description:    Child theme for the Twenty Ten theme for WordPress
Author:         バズ部
Author URI:     http://buzubu.com/
Template:       xeory_base
Version:        0.1.0
*/
.post-content .attention {
  margin-bottom: 2.4em !important;
  overflow: hidden;
}

.post-content #toc_container {
  margin-top: 4.8em;
}

@media only screen and (max-width: 767px) {
  .post-content .attention {
    margin-bottom: 1.8em !important;
    overflow: hidden;
  }
  .post-content #toc_container {
    margin-top: 3.2em;
  }
}
#toc_container p.toc_title {
  font-size: 16px;
  background: #00b7ef;
  color: #fff;
  font-weight: 700;
  line-height: 30px;
}

#toc_container span.toc_toggle {
  font-size: 14px;
}

#toc_container span.toc_toggle > a {
  color: white;
}

#toc_container ul.toc_list > li > a {
  font-weight: 700;
}

#toc_container ul.toc_list > li > ul > li > a {
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  #toc_container p.toc_title {
    font-size: 16px;
  }
}
.post-content #toc_container .toc_list > li {
  margin-bottom: 12px !important;
}

@media only screen and (max-width: 767px) {
  .post-content #toc_container .toc_list > li {
    margin-bottom: 20px !important;
  }
}
.post-content ul li:before {
  margin-right: 7px;
}

@media only screen and (max-width: 767px) {
  .post-content ul li:before {
    margin-right: 5px;
  }
}
.post-content ul {
  margin-left: 1.5em;
}

.post-content ol {
  margin-left: 1.5em;
}

@media only screen and (max-width: 767px) {
  .post-content ol {
    margin-left: 0em;
  }
}
.post-content ul li {
  text-indent: -1em;
}

.post-content ul.blk li {
  color: #333;
}

.post-content ul.blk li a {
  color: #333;
  font-weight: 700;
}

.post-content ol.blk li {
  color: #333;
}

.post-content div ul.skyblue li {
  color: #00b7ef;
  font-weight: 700;
}

.post-content div ol.skyblue li {
  color: #00b7ef;
  font-weight: 700;
}

.post-content div ol.skyblue li.bluru {
  color: #00b7ef;
  font-weight: 700;
}

.post-content div ul li.skybold {
  color: #00b7ef;
  font-weight: 700;
}

#toc_container p.toc_title + ul.toc_list {
  margin-left: 20px;
}

.post-content .attention :last-child {
  margin-bottom: 5px !important;
}

.post-content .attention p:last-child {
  margin-bottom: 0px !important;
}

.post-content .attention ul li {
  margin-left: 17px;
}

.post-content .red {
  color: #cc0000;
}

.post-content ul.red li {
  color: #ff0000 !important;
  font-weight: 700;
}

.post-content p span.ftsz16 {
  font-size: 16px;
}

.post-content p span.ftsz18 {
  font-size: 18px;
}

.post-content p span.ftsz20 {
  font-size: 20px;
}

.post-content p span.ftsz22 {
  font-size: 22px;
}

.post-content p span.ftsz25 {
  font-size: 25px;
}

.post-content p span.ftsz27 {
  font-size: 27px;
}

.post-content p span.ftsz35 {
  font-size: 35px;
}

.post-content .red255 {
  color: #ff0000;
}

.post-content .mb00 {
  margin-bottom: 0em !important;
}

.post-content .mb05px {
  margin-bottom: 5px !important;
}

.post-content .mb05 {
  margin-bottom: 0.5em !important;
}

.post-content .attention ol {
  margin: 0 0 0 0;
}

.post-content .attention p.mr20indt {
  margin-left: 20px;
  padding-left: 2em;
  text-indent: -2em;
}

.post-content .attention p.mr15 {
  margin-left: 15px;
}

.post-content .pl30 {
  padding-left: 30px;
}

.post-content div.attention ol.nonebold li {
  font-weight: 700;
}

.post-content div.attention ol.nonebold li p.boldnone {
  font-weight: normal;
}

.post-content div.attention ul.nonebold li span.boldnone333, .post-content div.attention ol.nonebold li span.boldnone333, .post-content div.attention ul.skyblue li span.boldnone333 {
  font-weight: normal;
  color: #333;
}

.post-content ul.nonebold_prezen li {
  font-weight: normal;
  color: #333;
}

h5.bdb10 {
  border-bottom: double #cbcbcb;
  padding-bottom: 7px;
}

@media only screen and (max-width: 767px) {
  .post-content .attention ol {
    margin: 0 0 0 5px;
  }
}
.post-content .attention ol li {
  color: #000;
  font-weight: normal;
}

.post-content ul.black li {
  font-weight: normal;
  color: #333;
}

.post-content ol.black li {
  font-weight: normal;
  color: #333;
}

.post-content ul.black_bold li {
  font-weight: 700;
  color: #333;
}

.post-content ol.black_bold li {
  font-weight: 700;
  color: #333;
}

.post-content ol.lowerAlpha {
  margin-left: 1em;
}

@media only screen and (max-width: 767px) {
  .post-content ol.lowerAlpha {
    margin-left: 1.5em;
    margin-right: 0.2em;
  }
}
.post-content ol.lowerAlpha li {
  list-style-type: lower-alpha !important;
  font-weight: normal;
  color: #333;
  padding-left: 5px;
  text-indent: 0em;
}

.post-content ol.lowerAlpha li:before {
  content: initial;
}

.post-content ul.checkBox {
  margin-left: 1em !important;
}

.post-content ul.checkBox li {
  list-style: none;
  text-indent: -1.5em;
}

.post-content ul.checkBox li::before {
  content: "□";
  font-size: 100%;
  margin-right: 10px;
  vertical-align: 0px;
}

.post-content ul.check-mark {
  margin-left: 1em !important;
}

.post-content ul.check-mark li {
  list-style: none;
  text-indent: -1.5em;
}

.post-content ul.check-mark li::before {
  content: "✓";
  font-size: 100%;
  margin-right: 10px;
  vertical-align: 0px;
}

.post-content ul.square {
  margin-left: 1em !important;
}

@media screen and (max-width: 480px) {
  .post-content ul.square {
    margin-left: 1.6em !important;
  }
  .post-content div > ul.square {
    margin-left: 0.8em !important;
  }
  .post-content div > ul.square li:last-child {
    margin-bottom: 5px !important;
  }
}
.post-content ul.square li {
  list-style: none;
  text-indent: -1.5em;
}

.post-content ul.square li::before {
  content: "■";
  font-size: 100%;
  margin-right: 10px;
  vertical-align: 0px;
}

.post-content ul.rhombus {
  margin-left: 1.6em !important;
}

.post-content div > ul.rhombus {
  margin-left: 0.6em !important;
}

.post-content div > ul.rhombus li:last-child {
  margin-bottom: 5px !important;
}

.post-content ul.rhombus li {
  list-style: none;
  text-indent: -1.5em;
  color: #000;
}

.post-content ul.rhombus li::before {
  content: "♦";
  font-size: 100%;
  margin-right: 10px;
  vertical-align: 0px;
  color: #000;
}

div.divinlist ul.ulinlist li.pm0::before {
  content: "●";
  font-size: 10px;
  vertical-align: 3px;
}

div.divinlist ul.ulinlist li.pm0::after {
  content: none;
}

div.divinlist ul.ulinlist li.pm0rhombus {
  margin: 6px 0;
  color: #000;
}

div.divinlist ul.ulinlist li.pm0rhombus::before {
  content: "♦";
  font-size: 100%;
  margin-right: 10px;
  vertical-align: 0px;
  color: #000;
}

div.divinlist ul.ulinlist li.pm0rhombus::after {
  content: none;
  color: #000;
}

@media screen and (max-width: 480px) {
  .post-content ul.rhombus {
    margin-left: 1.6em !important;
  }
  .post-content div > ul.rhombus {
    margin-left: 0.6em !important;
  }
  .post-content div > ul.rhombus li:last-child {
    margin-bottom: 5px !important;
  }
}
.post-content ul.square-black {
  margin-left: 1em !important;
}

.post-content ul.square-black li {
  list-style: none;
  color: #333;
  text-indent: -1.5em;
}

.post-content ul.square-black li::before {
  content: "■";
  font-size: 100%;
  margin-right: 10px;
  vertical-align: 0px;
}

.post-content ul.triangle {
  margin-left: 1em !important;
}

.post-content ul.triangle li {
  list-style: none;
  text-indent: -1.5em;
}

.post-content ul.triangle li::before {
  content: url(http://life-and-mind.com/wp-content/uploads/2016/10/trgl.png);
  vertical-align: middle;
}

.post-content ul.triangle_gry {
  margin-left: 1em !important;
}

.post-content ul.triangle_gry li {
  list-style: none;
  text-indent: -1.5em;
}

.post-content ul.triangle_gry li::before {
  content: url(http://life-and-mind.com/wp-content/uploads/2016/12/trglgry.jpg);
  vertical-align: middle;
}

.post-content ul.circle {
  margin-left: 1em !important;
}

.post-content ul.circle li {
  list-style-type: circle;
  text-indent: 0em;
  color: #000;
}

.post-content ul.circle li::before {
  content: none;
}

.post-content ol.circledNumber {
  padding-left: 0px;
  counter-reset: circledNumber;
}

.post-content ol.circledNumber li.simplebold {
  font-weight: 700;
}

@media screen and (max-width: 480px) {
  .post-content div > ol.circledNumber {
    margin-left: 0 !important;
  }
}
.post-content ol.circledNumber li {
  position: relative;
  display: block;
  color: #333;
  font-weight: normal;
  counter-increment: circledNumber;
  padding: 5px 0px 0px 24px;
  line-height: 20px;
}

@media screen and (max-width: 480px) {
  .post-content ol.circledNumber li {
    position: relative;
    display: block;
    color: #333;
    font-weight: normal;
    counter-increment: circledNumber;
    padding: 5px 0px 0px 24px;
    line-height: 20px;
  }
}
.post-content ol.circledNumber li:first-child {
  margin: 0 0 6px;
}

.post-content ol.circledNumber li.skyblue {
  color: #00b7ef;
  font-weight: 700;
}

.post-content ol.circledNumber li:before,
.post-content ol.circledNumber li:after {
  position: absolute;
  left: 0px;
  top: 5px;
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 480px) {
  .post-content ol.circledNumber li:before,
  .post-content ol.circledNumber li:after {
    position: absolute;
    left: 0px;
    top: 5px;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
  }
}
.post-content ol.circledNumber li:before {
  content: counter(circledNumber);
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}

.post-content ol.circledNumber li:after {
  content: "";
  border-radius: 10px;
  border: 1px solid black;
  transform: scale(0.8, 0.8);
}

.post-content ol.circledNumber li.skyblue:after {
  border: #00b7ef 1px solid;
}

.post-content ol.noList {
  margin-left: 1em !important;
}

.post-content　ol_li_mb15 li {
  margin-bottom: 15px;
}

.post-content ul.noList li {
  list-style-type: none;
  text-indent: -2em;
  color: #000;
}

.post-content ul.noList li::before {
  content: none;
}

.post-content ul.noList li {
  list-style-type: none;
  text-indent: -2em;
}

.post-content ul.noList li::before {
  content: none;
}

.post-content ol.noList li {
  list-style-type: none;
  text-indent: -2em;
  color: #000;
}

.post-content ol.noList li::before {
  content: none;
}

.post-content .topic-title--square {
  margin-top: 2em;
  padding-bottom: 0px !important;
  border-bottom: none;
}

.post-content .topic-title--square:first-letter {
  color: #4277ba;
}

.post-content table.bgNoColor {
  background-color: #fff !important;
}

.post-content table.bgNoColor tbody th {
  border: none !important;
  background-color: #fff !important;
  padding: 8px 0 !important;
  color: #333;
  font-weight: bold !important;
  vertical-align: top !important;
}

.post-content table.bgNoColor2 {
  background-color: none !important;
}

.post-content table.bgNoColor2 tr td {
  background-color: none !important;
  vertical-align: top !important;
}

.post-content table.bgNoColor tbody tr:nth-child(2n-1) {
  background-color: #fff !important;
}

.post-content .my-aside {
  color: #888;
  font-size: 13px;
}

span.squear-blue {
  color: #4277ba;
}

.att06 {
  padding-left: 0.6em;
  text-indent: -0.6em;
}

.att {
  padding-left: 0.9em;
  text-indent: -0.9em;
}

.att1 {
  padding-left: 1em;
  text-indent: -1em;
}

.att2 {
  padding-left: 2em;
  text-indent: -2em;
}

.att3 {
  padding-left: 3em;
  text-indent: -3em;
}

.att4 {
  padding-left: 4em;
  text-indent: -4em;
}

.att5 {
  padding-left: 5em;
  text-indent: -5em;
}

.att16 {
  padding-left: 1.6em;
  text-indent: -1.6em;
}

/*運営者情報*/
#post-15 .post-content table tbody th {
  width: 27%;
}

/*書籍の紹介*/
.post-content .book-item {
  margin-top: 48px;
  margin-bottom: 48px;
  text-decoration: none;
  color: #00b7ef;
}

.post-content p a.book-item {
  margin: 0 0 0 0;
}

.post-content .book-item2 {
  margin-top: 10px;
  margin-bottom: 48px;
  text-decoration: none;
  color: #00b7ef;
}

.post-content .book-item3 {
  text-decoration: none;
  color: #00b7ef;
}

.post-content .book-item {
  display: flex;
  flex-direction: row;
}

.post-content .book-item2 {
  display: flex;
  flex-direction: row;
}

.post-content .book-item3 {
  display: flex;
  flex-direction: row;
}

.post-content .book-item ~ img {
  position: absolute;
}

.post-content .book-item2 ~ img {
  position: absolute;
}

.post-content .book-item3 ~ img {
  position: absolute;
}

.post-content .book-item__img-container {
  order: 1;
  width: 200px;
}

.post-content .book-item__img-container2 {
  order: 1;
  width: 200px;
}

.post-content .book-item__img-container img {
  display: block;
  width: 150px;
  margin: 0 auto;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 1px;
}

.post-content .book-item__img-container2 img {
  display: block;
  width: 130px;
  margin: 0 auto;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 1px;
}

.post-content .book-item__attrs-container {
  order: 2;
  display: flex;
  flex-direction: column;
  padding-top: 13px;
}

.post-content .book-item__author,
.post-content .book-item__subtitle,
.post-content .book-item__publisher,
.post-content .book-item__supervision {
  font-size: 13px;
}

.post-content .book-item__author,
.post-content .book-item__publisher,
.post-content .book-item__supervision {
  color: #888888;
}

.post-content .book-item__author {
  margin-top: 1em;
}

.post-content .book-item__indent {
  padding-left: 4.5em;
  text-indent: -4.5em;
}

.post-content .book-item__author:before,
.post-content .book-item__publisher:before,
.post-content .book-item__supervision:before {
  display: inline-block;
  width: 4em;
  margin-right: 0.5em;
  text-align: right;
}

.post-content .book-item__author:before {
  content: "著者：";
}

.post-content .book-item__supervision:before {
  content: "監修：";
}

.post-content .book-item__publisher:before {
  content: "出版社：";
}

.post-content .book-item__title {
  font-weight: 700;
  color: #00b7ef;
}

@media screen and (max-width: 767px) {
  .post-content .book-item {
    flex-direction: column;
  }
  .post-content .book-item2 {
    flex-direction: column;
  }
  .post-content .book-item3 {
    flex-direction: column;
  }
  .post-content .book-item {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .post-content .book-item2 {
    margin-top: 10px;
    margin-bottom: 40px;
  }
  .post-content .book-item3 {
    margin-top: 0px;
    margin-bottom: 1.5em;
  }
  .post-content .book-item__img-container {
    width: 100%;
    margin-bottom: 1em;
  }
  .post-content .book-item__img-container2 {
    width: 100%;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
  }
  .post-content .book-item__attrs-container {
    padding-top: 0px;
    text-align: center;
    margin-bottom: 0;
  }
  .post-content .book-item__author:before {
    content: "著者：";
    /* display: none;*/
  }
  /*.post-content .book-item__author:before {
    content: " 著者";
  }*/
  .post-content .book-item__publisher:before {
    content: "";
    display: none;
  }
}
div.side-widget-area, div.side-widget-area div.side-widget-inner {
  margin-bottom: 20px;
  text-align: center;
}

div.side-widget-area a {
  display: block;
  margin-bottom: 20px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  div.side-inner div.side-widget-area img {
    width: 70%;
    margin: 0 auto 20px;
  }
}
/* 著者情報 */
/*aside.post-author div.post-author-meta p{line-height:18px;}*/
section article.clrb {
  clear: both;
  overflow: hidden;
  margin: 0 0 32px;
}

section article.clrb dl dt.photo {
  float: left;
  border: none;
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  section article.clrb dl dt.photo {
    border: medium none;
    float: left;
    padding: 0 15px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
}
section article.clrb dl dd.qualification {
  float: right;
  width: 70%;
  margin: 0;
  padding-bottom: 1rem;
  background: #fffeee;
}

@media only screen and (max-width: 1000px) {
  section article.clrb dl dd.qualification {
    float: right;
    width: 60%;
    margin: 0;
    padding-bottom: 1rem;
    background: #fffeee;
  }
}
@media only screen and (max-width: 767px) {
  section article.clrb dl dd.qualification {
    float: right;
    width: 100%;
    margin: 0;
    padding-bottom: 1rem;
    background: #fffeee;
  }
}
section article.clrb dl dd.qualification p.qf-list-suply {
  margin: 0 1rem;
}

section article.clrb dl dd.qualification ul.qf-list {
  margin: 1rem;
}

@media only screen and (max-width: 767px) {
  section article.clrb dl dd.qualification ul.qf-list {
    margin: 1rem 1rem 1rem 1.5rem;
  }
}
section article.clrb dl.prof-semi {
  width: 100%;
  border: 1px dotted #99e7ff;
}

section article.clrb dl.prof-semi dt.traintrain {
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  background: #efefef;
  line-height: 1.2rem;
}

section article.clrb dl.prof-semi dt.traintrain::before {
  background: #2cb4f4 none repeat scroll 0 0;
  border-radius: 50%;
  height: 12px;
  width: 12px;
}

section article.clrb dl.prof-semi dt.traintrain::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent transparent #fff;
  -o-border-image: none;
     border-image: none;
  border-style: solid;
  border-width: 3px;
  box-sizing: border-box;
  height: 3px;
  left: 5px;
  width: 3px;
}

section article.clrb dl.prof-semi dt.arrow::before {
  bottom: 0;
  content: "";
  left: 19px;
  margin: auto;
  position: absolute;
  top: 0;
  vertical-align: middle;
}

section article.clrb dl.prof-semi dt.arrow::after {
  bottom: 0;
  content: "";
  left: 24px;
  margin: auto;
  position: absolute;
  top: 0;
  vertical-align: middle;
}

section article.clrb dl.prof-semi dd.traincontents {
  margin: 0;
}

section article.clrb dl.prof-semi dd.traincontents ul.traincontents-list {
  margin: 1.5rem;
}

section article.clrb div.prof-message {
  width: 100%;
  padding: 1.5rem;
  border: 1px dotted #eeeeee;
  background: #f8fbfe;
}

section article.clrb div.prof-message p span {
  font-weight: 700;
  color: #00b7ef;
}

section article.clrb div.prof-message p:last-child {
  margin: 0;
}

section article.clrb:last-child {
  margin: 0;
}

section article.clrb dl.prof-semi dt.arrow {
  position: relative;
  display: inline-block;
  padding: 1rem 1rem 1rem 2.2rem;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}

.post-content table.val_top td.val_top_td {
  vertical-align: top;
}

.post-content table.val_top td p.tabletdtxtblue, .post-content table.val_top td span.tabletdtxtblue {
  color: #00b7ef;
  font-weight: 700;
}

.post-content div.attention ul.boldstyle li {
  font-weight: 700;
}

.post-content div.attention table.youandme td span.tabletdtxtbluenonbld {
  color: #2581c4;
}

.post-content div.attention table.youandme td.inudog {
  background: #fff5cc;
  padding: 0;
  margin: 0;
  vertical-align: top;
  padding-bottom: 9px;
}

.post-content div.attention table.youandme td.momopeach {
  background: #fff5cc;
  padding: 0;
  margin: 0;
  vertical-align: top;
  padding-bottom: 9px;
  color: #2581c4;
}

.post-content div.attention table.youandme td.adjust {
  padding-left: 16px;
  text-indent: -1em;
}

p.indent2-5 {
  padding-left: 2.5em;
  text-indent: -2.5em;
}

p.indent1-italy {
  font-style: italic;
  padding-left: 1em;
  text-indent: -1em;
}

p.indent1-1em {
  padding-left: 1em;
  text-indent: -1em;
}

p.indent-3em {
  padding-left: 3em;
  text-indent: -3em;
}

p.indent-4em {
  padding-left: 4em;
  text-indent: -4em;
}

h4.indent-3em {
  padding-left: 3em;
  text-indent: -3em;
}

/*下固定バナーPC*/
div.underbnr {
  position: fixed;
  bottom: 0px;
  left: 0px;
  border-width: 0px;
  border-style: solid none none;
  border-color: rgba(0, 0, 0, 0.9) -moz-use-text-color -moz-use-text-color;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -o-border-image: none;
     border-image: none;
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
  width: 100%;
}

div.underbnr div.bnrbox {
  width: 930px;
  margin: 10px auto;
  font-weight: 700;
}

div.underbnr div.bnrbox_ver3 {
  width: 900px;
  margin: 10px auto;
  font-weight: 700;
}

div.underbnr div.bnrbox a {
  color: #FFF;
}

div.underbnr div.bnrbox_ver3 a {
  color: #FFF;
}

div.underbnr div.bnrbox .present_underbnr {
  float: left;
  width: 170px;
  margin-top: 2px;
}

div.underbnr div.bnrbox_ver3 .present_underbnr {
  float: left;
  width: 170px;
  margin-top: 2px;
}

div.underbnr div.bnrbox div.present_underbnr p.present_txt {
  text-align: center;
  background: #0ec1e7;
  border-radius: 1em;
  line-height: 24px;
  font-weight: 700;
  padding: 5px 0;
  color: #fff;
  font-size: 20px;
}

div.underbnr div.bnrbox_ver3 div.present_underbnr p.present_txt {
  text-align: center;
  background: #0ec1e7;
  border-radius: 1em;
  line-height: 24px;
  font-weight: 700;
  padding: 5px 0;
  color: #fff;
  font-size: 20px;
}

div.bnrbox div.popular_underbnr {
  float: left;
  width: 370px;
}

div.bnrbox_ver3 div.popular_underbnr_ver3 {
  float: left;
}

div.bnrbox div.popular_underbnr div.popular_txt_underbnr {
  line-height: 18px;
  color: #FFF;
  margin-top: 1px;
  text-align: center;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.bnrbox_ver3 div.popular_underbnr_ver3 div.popular_txt_underbnr_ver3 {
  font-size: 20px;
  line-height: 18px;
  color: #FFF;
  margin-top: 10px;
  text-align: center;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding-left: 5px;
}

div.bnrbox div.popular_underbnr div.popular_txt_underbnr span.reader_number {
  font-weight: 700;
  color: #fff606;
  font-size: 22px;
}

div.bnrbox_ver3 div.popular_underbnr_ver3 div.popular_txt_underbnr_ver3 span.reader_number_test {
  font-weight: 700;
  color: #fff606;
  font-size: 30px;
}

div.underbnr div.bnrbox div.download_btn_underbnr {
  float: left;
  width: 380px;
  background: #fea60e;
  padding: 6px 10px 6px 5px;
  display: block;
  border-radius: 6px;
  color: #FFF;
  text-align: center;
  line-height: 24px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}

div.underbnr div.bnrbox_ver3 div.download_btn_underbnr {
  float: left;
  width: 350px;
  background: #fea60e;
  padding: 6px 10px 6px 10px;
  display: block;
  border-radius: 6px;
  color: #FFF;
  text-align: center;
  line-height: 24px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}

div.post-author-meta div.lineh p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 15px;
}

div.post-author-meta div.lineh p.lastpharse {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0px;
}

div.underbnr_comuica {
  width: 100%;
  background: #000;
  padding: 10px 0 8px;
  opacity: 0.9;
}

div.underbnr_comuica-area {
  width: 640px;
  margin: 0 auto;
}

div.underbnr_comuica-area-txt {
  width: 640px;
  margin: 0 auto;
}

div.underbnr_comuica-area-botton {
  float: right;
  background: #fea60e;
  padding: 6px 0px 6px 10px;
  display: block;
  border-radius: 6px;
  color: #FFF;
  width: 200px;
  text-align: center;
  font-weight: 700;
}

div.underbnr-comuica {
  width: 100%;
  background: #000;
  padding: 10px 0 8px;
  opacity: 0.9;
}

div.underbnr-comuica-area {
  width: 600px;
  margin: 0 auto;
}

div.underbnr-comuica-area-txt {
  float: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
  color: #FFF;
}

div.underbnr-comuica-area-botton {
  float: right;
  background: #fea60e;
  padding: 6px 0px 6px 10px;
  display: block;
  border-radius: 6px;
  color: #FFF;
  width: 200px;
  text-align: center;
  font-weight: 700;
}

/*下固定バナースマホ*/
div.common_cta_sp .underbnr_aside_sp {
  width: 100%;
  text-align: center;
}

div.common_cta_sp .btn_link_tap_sp:hover {
  color: #FFF;
  text-decoration: none;
}

div.common_cta_sp .underbnr_aside_sp div.txt_wrap_sp {
  display: block;
  width: 100%;
  background: #000;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp {
  color: #FFF;
  font-size: 12px;
  line-height: 1.6em;
  background: #000;
  font-weight: 700;
  padding: 4px 7px 0;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_ver3 {
  color: #FFF;
  font-size: 12px;
  background: #000;
  font-weight: 700;
  padding: 4px 0px 2px;
  overflow: hidden;
  margin: 0 auto;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_ver3 div.reader_sp_ver3 {
  display: inline;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_ver3 .ebook_present_sp {
  float: left;
  background: #0ec1e7;
  text-align: center;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  padding: 1px 6px 0;
  line-height: 1.5em;
}

aside.underbnr-comuica-sp {
  background: #000;
  width: 100%;
  padding: 5px;
}

div.underbnr-comuica-area-sp {
  margin: 3px 0 5px;
}

.underbnr-comuica-area-txt-sp {
  font-size: 13px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  line-height: 1.2em;
}

div.underbnr-comuica-area-botton-sp {
  width: 100%;
  margin: 0 auto;
  background: #fea60e;
  text-align: center;
  border-radius: 4px;
  padding: 3px 0;
}

div.underbnr-comuica-area-botton-txt-sp {
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .ebook_present_sp {
  float: left;
  background: #0ec1e7;
  text-align: center;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  padding: 1px 6px 0;
  line-height: 1.5em;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .ebook_present_sp2 {
  float: left;
  background: #0ec1e7;
  text-align: center;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  padding: 1px 3px 0 5px;
  line-height: 1.5em;
  font-size: 11px;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .ebook_present_sp5 {
  float: right;
  background: #0ec1e7;
  text-align: center;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  padding: 1px 3px 0 5px;
  line-height: 1.5em;
  margin-right: 5px;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .ebook_present_sp6 {
  float: left;
  background: #0ec1e7;
  text-align: center;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  padding: 1px 15px 0 20px;
  line-height: 1.5em;
  margin-right: 5px;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_ver3 .ebook_present_sp6_ver3 {
  background: #0ec1e7;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 3px 3px 1px;
  line-height: 1.2em;
  font-size: 11px;
  display: inline;
  margin-right: 7px;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .reader_number_sp {
  font-size: 22px;
  color: #fff606;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .reader_number_sp2 {
  font-size: 16px;
  color: #fff606;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .pdl-2 {
  padding-left: 0px;
}

div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp {
  background: rgba(0, 0, 0, 0.8);
  padding: 4px 7px 7px;
}

div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp4 {
  background: #000;
  padding: 0px 7px 4px;
}

div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp4 div.dwnload_button_link_sp2_ver3 .fs20vs {
  color: #fff;
  font-size: 20px;
  vertical-align: sub;
}

div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp .dwnload_button_link_sp, div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp4 .dwnload_button_link_sp {
  width: 100%;
  padding: 5px;
  background: #fea60e;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  font-weight: 700;
  line-height: 16px;
  font-size: 13px;
}

div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp .dwnload_button_link_sp2, div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp4 .dwnload_button_link_sp2 {
  width: 100%;
  padding: 6px 5px 3px;
  background: #fea60e;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  font-weight: 700;
  line-height: 16px;
  font-size: 13px;
}

div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp .dwnload_button_link_sp2, div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp4 .dwnload_button_link_sp2_ver3 {
  width: 100%;
  padding: 8px 5px 6px;
  background: #fea60e;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  clear: both;
}

@media screen and (min-width: 330px) and (max-width: 600px) {
  div.common_cta_sp .underbnr_aside_sp {
    width: 100%;
    text-align: center;
  }
  div.common_cta_sp .btn_link_tap_sp:hover {
    color: #FFF;
    text-decoration: none;
  }
  div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp {
    color: #FFF;
    font-size: 13px;
    line-height: 1.6em;
    background: #000;
    font-weight: 700;
    padding: 6px 7px 3px;
  }
  div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp2 {
    color: #FFF;
    font-size: 14px;
    line-height: 1.6em;
    background: #000;
    font-weight: 700;
    padding: 6px 7px 3px;
  }
  div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .ebook_present_sp {
    float: left;
    background: #0ec1e7;
    text-align: center;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 1px 6px 0;
    line-height: 1.5em;
  }
  div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .ebook_present_sp2 {
    float: left;
    background: #0ec1e7;
    text-align: center;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 1px 4px 0;
    line-height: 1.5em;
    font-size: 13px;
  }
  div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .reader_number_sp {
    font-size: 24px;
    color: #fff606;
  }
  div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp .reader_number_sp2 {
    font-size: 22px;
    color: #fff606;
  }
  div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_ver3 .reader_number_sp2_ver3 {
    font-size: 13px;
    color: #fff606;
  }
  div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp {
    background: rgba(0, 0, 0, 0.8);
    padding: 4px 7px 7px;
  }
  div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp .dwnload_button_link_sp {
    width: 100%;
    padding: 5px;
    background: #fea60e;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-weight: 700;
    line-height: 16px;
    font-size: 14px;
  }
  div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp .dwnload_button_link_sp2 {
    width: 100%;
    padding: 6px 5px 3px;
    background: #fea60e;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-weight: 700;
    line-height: 16px;
    font-size: 14px;
  }
}
@media screen and (min-width: 320px) {
  div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_ver3 .reader_number_sp2_ver3 {
    font-size: 13px;
    color: #fff606;
  }
}
/*CTAタイトル*/
#main .post-cta .cta-post-title div.ctattl {
  font-weight: 700;
  font-size: 19px;
}

#main .post-cta .cta-post-title div.ctattl span.ctaf18 {
  font-size: 17px;
}

#main .post-cta .cta-post-title div.ctattl span.ctaf22 {
  font-size: 19px;
}

#main .post-cta .cta-post-title div.ctattl span.ctaf28 {
  font-size: 26px;
  color: #cc0000;
}

@media screen and (min-width: 500px) {
  #main .post-cta h4.cta-post-title {
    padding: 20px 0;
  }
  #main .post-cta .cta-post-title div.ctattl {
    font-weight: 700;
    font-size: 20px;
  }
  /*#main .post-cta .cta-post-title div.ctattl{font-weight: 700; font-size:25px;}*/
  #main .post-cta .cta-post-title div.ctattl span.ctaf15 {
    font-size: 20px;
  }
  #main .post-cta .cta-post-title div.ctattl span.ctaf17 {
    font-size: 22px;
  }
  #main .post-cta .cta-post-title div.ctattl span.ctaf18 {
    font-size: 21px;
  }
  #main .post-cta .cta-post-title div.ctattl span.ctaf19 {
    font-size: 24px;
  }
  #main .post-cta .cta-post-title div.ctattl span.ctaf22 {
    font-size: 24px;
  }
  #main .post-cta .cta-post-title div.ctattl span.ctaf25 {
    font-size: 28px;
    color: #cc0000;
  }
  #main .post-cta .cta-post-title div.ctattl span.ctaf26 {
    font-size: 30px;
    color: #cc0000;
  }
  #main .post-cta .cta-post-title div.ctattl span.ctaf28 {
    font-size: 32px;
    color: #cc0000;
  }
}
@media screen and (max-width: 480px) {
  .post-cta-sp .cta-post-title div.ctattl {
    font-size: 16px;
  }
  .post-cta-sp .cta-post-title .ctattl span.ctaf19 {
    font-size: 16px;
  }
  .post-cta-sp .cta-post-title .ctattl span.ctaf23 {
    font-size: 19px;
  }
}
@media screen and (max-width: 500px) {
  div.post-cta-img img {
    width: 70%;
  }
}
/*目次上バナー*/
div.widget_top_banner {
  width: 92%;
  margin: 0 auto 40px;
}

div.trainer_ph {
  margin: 0 15px 15px 0;
}

div.trainer_ph, div.trainer {
  float: left;
}

@media only screen and (max-width: 767px) {
  div.trainer_ph {
    margin: 0 auto 20px;
    text-align: center;
    width: 100%;
  }
}
p.fltr {
  float: right;
}

p.fltl {
  float: left;
}

p.simplesky {
  color: #00b7ef;
}

p span.simpleskyblue {
  color: #00b7ef;
}

li span.simpleskyli {
  color: #00b7ef;
}

p.clrboth {
  clear: both;
}

ol li span.skyblk, ul li span.skyblk {
  color: #333;
  font-weight: normal;
}

p.interview_ph {
  float: left;
  margin-right: 15px;
}

@media screen and (max-width: 480px) {
  p.interview_ph {
    float: none;
    margin: 0 auto 15px;
  }
  article div.post-cta-sp {
    margin: 0 10px 60px !important;
  }
  div.post-cta-sp div.post-cta-inner p.post-cta-btn {
    font-size: 14px;
  }
  div.post-cta-sp div.post-cta-inner p.post-cta-btn a {
    text-align: center;
    padding: 15px 30px 15px 1%;
  }
  div.post-cta-sp div.post-cta-inner p.post-cta-btn a::after {
    right: 4% !important;
  }
}
@media screen and (max-width: 320px) {
  div.post-cta-sp {
    margin: 0 10px 60px !important;
  }
  div.post-cta-sp div.post-cta-inner {
    padding: 20px 10px !important;
  }
  div.post-cta-sp div.post-cta-inner p.post-cta-btn a {
    letter-spacing: -1px;
  }
}
.post-content table tbody td.course_width {
  width: 12%;
  padding: 8px 0 8px 10px;
  background: #0069ba;
  color: #FFF;
  border-bottom: 1px solid #FFF;
}

.post-content table tbody td.course_width:last-child {
  width: 12%;
  padding: 8px 0 8px 10px;
  background: #0069ba;
  color: #FFF;
  border-bottom: none;
}

.post-content table tbody td.course_width_right {
  padding: 8px 0 8px 10px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .post-content table tbody td.course_width {
    width: 22%;
  }
}
@media screen and (min-width: 481px) and (max-width: 1160px) {
  .post-content table tbody td.course_width {
    width: 14%;
    padding: 8px 0 8px 10px;
  }
  .post-content table tbody td.course_width_right {
    padding: 8px 0 8px 5px;
  }
}
p.course_s1 {
  width: 100%;
  padding: 10px;
  background: #cb0003;
  text-align: center;
  border-bottom: 5px solid #b40704;
  border-radius: 5px;
}

p.course_s1 a.button_comunica {
  width: 100%;
  padding-right: 0;
  color: #FFF;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

p.course_s1 a.button_comunica::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  background: url(../xeory-child/images/arrow.png) no-repeat;
  background-size: 20px;
  transform: translateY(-50%);
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  p.course_s1 a.button_comunica::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0%;
    background: url(../xeory-child/images/arrow.png) no-repeat;
    background-size: 20px;
    transform: translateY(-50%);
  }
}
p.course_s1:hover {
  width: 100%;
  padding: 10px;
  background: #cb0003;
  text-align: center;
  border-bottom: 5px solid #b40704;
  border-radius: 5px;
  opacity: 0.7;
}

.post-content .post-taiken-btn {
  margin: 0;
}

.post-content .post-taiken-btn {
  margin: 0;
}

.post-content .post-taiken-btn a {
  background: #cb0003;
  border-bottom: 5px solid #b40704;
  width: 100%;
  padding-right: 30px;
  border-radius: 5px;
  padding: 10px;
  margin: 0 auto 20px auto;
  position: relative;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
}

.post-content .post-taiken-btn a:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 5%;
  background: url(../xeory-child/images/arrow.png) no-repeat;
  background-size: 20px;
  transform: translateY(-50%);
}

.post-content .post-taiken-btn a:hover {
  background: #cb0003;
  border-bottom: 5px solid #b40704;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

div.dtbt1 {
  border-bottom: 4px double #dedede;
  margin-bottom: 25px;
}

blockquote a {
  display: inline;
}

.post-content .simpleml1em {
  margin-left: 1em;
}

.post-content .simpleml2em {
  margin-left: 2em;
}

.post-content .simpleml3em {
  margin-left: 3em;
}

.post-content .attention ul.simpleml2emmb3em {
  margin-left: 2em;
  margin-bottom: 3.2em;
}

p.imgraph {
  margin-left: 60px;
}

.imgraph img {
  width: 280px;
}

.post-content table.table_matrix {
  border: 1px solid #333;
}

.post-content table.table_matrix td.table_matrix_tdr {
  border-right: 1px solid #000;
  vertical-align: top;
}

.post-content table.table_matrix td.table_matrix_tdb {
  border-bottom: 1px solid #000;
  vertical-align: top;
}

.post-content table.table_matrix td.table_matrix_td {
  vertical-align: top;
}

.post-content table.table_matrix p.table_matrix_txt {
  padding-left: 3em;
  text-indent: -3em;
  margin: 0;
}

div.matrixbox {
  overflow: hidden;
  margin-bottom: 2em;
}

div.matrixbox p.matrixbox_image_pc {
  float: left;
  width: 50%;
}

div.matrixbox p.matrixbox_image_sp {
  display: none;
}

div.matrixbox p.matrixbox_txt {
  float: right;
  width: 45%;
}

@media screen and (min-width: 641px) {
  div.matrixbox p.matrixbox_image_sp {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .br-sp {
    display: block;
  }
  .imgraph img {
    width: 100%;
  }
  .post-content table.table_matrix p.table_matrix_txt {
    padding-left: 0em;
    text-indent: 0em;
    margin: 0;
  }
  div.matrixbox p.matrixbox_image_pc {
    display: none;
  }
  div.matrixbox p.matrixbox_image_sp {
    display: block;
  }
  div.matrixbox p.matrixbox_txt {
    float: none;
    width: 100%;
  }
  .post-content h4 {
    font-size: 17px !important;
  }
}
.post-content h4.mbh4 {
  margin-bottom: 1.7em;
}

div.course_s1_linkbox {
  width: 90%;
  border: 4px #CCC solid;
  box-sizing: border-box;
  padding: 50px 0 0;
  margin: 0 auto 40px;
}

.post-content .course_s1_button_base {
  margin: 0 auto 50px;
  width: 70%;
  height: 50px;
  background: #cb0003;
  border-bottom: 3px solid #b40704;
  text-align: center;
  border-radius: 5px;
}

.post-content .course_s1_button_base .course_s1_button {
  width: 100%;
  height: 50px;
  color: #FFF;
  display: block;
  line-height: 3em;
  position: relative;
  text-decoration: none;
}

.course_s1_button:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 5%;
  background: url(https://life-and-mind.com/wp-content/themes/xeory-child/images/arrow.png) no-repeat;
  background-size: auto auto;
  background-size: 20px;
  transform: translateY(-50%);
}

.post-content .link {
  margin-left: 0px;
}

@media screen and (max-width: 480px) {
  .post-content .link {
    margin-left: 20px;
  }
  p.course_s1 a.button_comunica {
    width: 100%;
    padding-right: 0;
    color: #FFF;
    text-decoration: none;
    position: relative;
    display: block;
  }
  p.course_s1 a.button_comunica:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0%;
    background: url(../xeory-child/images/arrow.png) no-repeat;
    background-size: 20px;
    transform: translateY(-50%);
  }
  p.imgraph {
    margin: 0 20px 50px;
  }
}
p.training-txt {
  width: 31%;
  padding: 1% 0;
  margin-bottom: 1em;
  color: #FFF;
  font-weight: 700;
  background: #00b7ef;
  text-align: center;
}

@media screen and (max-width: 480px) {
  p.training-txt {
    width: 40%;
    padding: 1% 0;
    margin-bottom: 1em;
    color: #FFF;
    font-weight: 700;
    background: #00b7ef;
    text-align: center;
  }
}
div.training-box {
  border: 3px solid #00b7ef;
  padding: 4%;
  box-sizing: border-box;
  margin-bottom: 2.6em;
}

div.course-box {
  width: 100%;
  padding: 3% 3% 0;
  border: 3px solid #bde8ee;
  margin-bottom: 20px;
}

p.course-title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 15px;
}

p.title-komidashi {
  font-size: 16px;
  text-align: center;
  margin-bottom: 0.8em;
}

.post-content table.comutra {
  margin: 0 0 20px;
  padding: 0;
}

.post-content table.comutra tr.comutra-bgnon {
  background: none;
}

.post-content table.comutra td.comutra-bgnon-td:first-child {
  width: 55px;
  padding: 0;
  white-space: nowrap;
  vertical-align: top;
}

.post-content table.comutra td.comutra-bgnon-td:last-child {
  padding: 0;
  white-space: break-word;
  vertical-align: top;
}

div.display_pc {
  display: block;
  overflow: hidden;
  margin-bottom: 46px;
}

div.display_pc p:first-child {
  float: left;
  width: 40%;
}

div.display_pc p:last-child {
  float: right;
  width: 55%;
}

div.display_sp {
  display: none;
}

@media screen and (max-width: 480px) {
  div.display_pc {
    display: none;
  }
  div.display_sp {
    display: block;
    margin-bottom: 50px;
  }
  div.display_sp p:last-child {
    width: 70%;
    margin: 20px auto;
  }
}
table.eigou-talk-table td {
  vertical-align: top;
}

table.positive-psychology-table {
  background: #FFF !important;
  border: 1px #eee solid !important;
}

table.positive-psychology-table tr {
  background: #FFF;
}

table.positive-psychology-table td {
  vertical-align: top;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

table.positive-psychology-table td:last-child {
  border-right: none;
}

.bzb-sns-btn li {
  margin-bottom: 0px !important;
}

div.assertive-case01 {
  border: 3px solid #00B7EF;
  margin-bottom: 30px;
}

div.assertive-case01 dl.assertive-case01-txtbox {
  overflow: hidden;
  margin: 0;
}

div.assertive-case01 dl.assertive-case01-txtbox dt.assertive-case01-case {
  background-color: #00B7EF;
  color: #fff;
  float: left;
  border: none;
  margin: 0;
  padding: 0 5px;
  line-height: 2;
  font-size: 18px;
}

div.assertive-case01 dl.assertive-case01-txtbox dd.assertive-case01-casemidashi {
  float: left;
  margin: 0;
  font-size: 20px;
  padding-left: 7px;
  line-height: 1.8;
}

@media screen and (max-width: 480px) {
  div.assertive-case01 dl.assertive-case01-txtbox dt.assertive-case01-case {
    width: 100%;
    float: none;
  }
  div.assertive-case01 dl.assertive-case01-txtbox dt.assertive-case01-case {
    background-color: #00B7EF;
    color: #fff;
    float: left;
    border: none;
    margin: 0;
    padding: 0 10px;
    line-height: 1.5;
    font-size: 16px;
  }
  div.assertive-case01 dl.assertive-case01-txtbox dd.assertive-case01-casemidashi {
    float: left;
    margin: 0;
    font-size: 18px;
    padding: 10px;
    line-height: 1.5;
  }
}
div.assertive-case02 {
  border-bottom: 3px solid #00B7EF;
  padding-bottom: 5px;
  overflow: hidden;
  margin-bottom: 30px;
}

div.assertive-case02 p.assertive-case02-case {
  color: #fff;
  overflow: hidden;
  float: left;
  background: #00B7EF;
  padding: 5px 10px;
  line-height: 1.5;
  margin: 0;
  font-size: 18px;
}

div.assertive-case02 p.assertive-case02-casetxt {
  float: left;
  line-height: 1.7;
  margin: 0 0 0 15px;
  font-size: 20px;
}

@media screen and (max-width: 480px) {
  div.assertive-case02 {
    border-bottom: 3px solid #00B7EF;
    padding-bottom: 5px;
    margin-bottom: 30px;
  }
  div.assertive-case02 p.assertive-case02-case {
    width: 70%;
    color: #fff;
    background: #00B7EF;
    padding: 5px 10px;
    line-height: 1.2;
    margin: 0 auto 10px;
    font-size: 16px;
    text-align: center;
    float: none;
  }
  div.assertive-case02 p.assertive-case02-casetxt {
    float: left;
    line-height: 1.7;
    margin: 0;
    font-size: 18px;
    text-align: center;
  }
}
div.step01-box {
  overflow: hidden;
  margin: 0 0 20px;
}

div.step01-box dt.step01-box-image {
  float: left;
  border: none;
  padding: 3px 10px;
  margin: 0;
  text-align: center;
  background: #ff4e4e;
  color: #fff;
  font-weight: 700;
  box-sizing: content-box;
  font-size: 16px;
}

div.step01-box dd.step01-box-txt {
  float: left;
  color: #ff4e4e;
  margin: 0 0 0 10px;
  padding: 3px 5px;
  font-weight: 700;
  font-size: 17px;
}

@media screen and (max-width: 480px) {
  dl.step01-box {
    overflow: hidden;
  }
  dl.step01-box dt.step01-box-image {
    float: none;
    border: none;
    padding: 5px 10px;
    margin: 0;
    width: 100%;
    height: auto;
    border: 2px solid #ff4e4e;
    text-align: center;
    color: #ff1313;
    font-weight: 700;
    box-sizing: border-box;
    font-size: 18px;
  }
  dl.step01-box dt.step01-box-image img {
    margin: 0;
    padding: 0;
  }
  dl.step01-box dd.step01-box-txt {
    float: none;
    background: #ff4e4e;
    color: #FFF;
    margin: 0;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 16px;
  }
  div.step01-box dt.step01-box-image {
    float: none;
    border: none;
    padding: 1px 5px;
    margin: 0;
    text-align: center;
    background: #ff4e4e;
    color: #fff;
    font-weight: 700;
    box-sizing: content-box;
    font-size: 16px;
  }
  div.step01-box dd.step01-box-txt {
    float: none;
    color: #ff4e4e;
    margin: 0;
    padding: 5px 0;
    font-weight: 700;
    font-size: 16px;
  }
  div.step01-box dl {
    margin: 0;
  }
}
p.ninsyo {
  font-size: 18px;
  margin: 0 0 5px 12px;
}

.post-content table.method_purpose {
  width: 70%;
  margin: 0 auto;
}

.post-content ul.ft17ul {
  font-size: 17px;
}

@media only screen and (max-width: 767px) {
  .post-content table.method_purpose {
    width: 100%;
    margin: 0 auto;
  }
  .post-content table.method_purpose .th_method_left {
    width: 35%;
  }
  .post-content table.method_purpose .th_purpose_right {
    width: 45%;
  }
  .post-content ul.checkBox {
    margin-left: 1.8em !important;
  }
  .post-content ul.ft17ul {
    font-size: 17px;
  }
  .post-content ul.checkBox li {
    list-style: none;
    text-indent: -1.6em;
  }
  .post-content ul.checkBox li::before {
    content: "□";
    font-size: 100%;
    margin-right: 10px;
    vertical-align: 0px;
  }
  p.ninsyo {
    font-size: 17px;
    margin: 0 0 5px 4px;
  }
}
@media screen and (max-width: 480px) {
  p.ninsyo {
    font-size: 17px;
    margin: 0 0 5px 3px;
  }
  .post-content table.method_purpose .th_method_left {
    width: 25%;
  }
  .post-content table.method_purpose .th_purpose_right {
    width: 45%;
  }
  .post-content table.method_purpose {
    width: 100%;
    margin: 0 auto;
  }
  .post-content ul.checkBox {
    margin-left: 1.8em !important;
  }
  .post-content ul.ft17ul {
    font-size: 17px;
  }
  .post-content ul.checkBox li {
    list-style: none;
    text-indent: -1.6em;
  }
  .post-content ul.checkBox li::before {
    content: "□";
    font-size: 100%;
    margin-right: 10px;
    vertical-align: 0px;
  }
}
@media screen and (min-width: 1024px) {
  p.leaderPicture img {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 1024px) {
  p.leaderPicture img {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 480px) {
  p.leaderPicture img {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
#speechUl li {
  list-style: none;
  font-weight: normal;
  color: #000000;
  margin-bottom: 0px;
}

#speechUl {
  display: fixed table;
  table-layout: fixed;
  margin: 0px 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

.table-first-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin-left: 10px;
  border: 1px solid #56b3f7;
  background-color: #a8d5f6;
}

.table-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin: 0 auto;
  border-right: 1px solid #56b3f7;
  border-left: 1px solid #56b3f7;
}

#speechUl li.table-column::before, #speechUl li.table-first-column::before {
  content: none;
}

#talking01 li {
  list-style: none;
  font-weight: normal;
  color: #000;
  margin-bottom: 0px;
}

#talking01 {
  display: fixed table;
  table-layout: fixed;
  margin: 0px 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

.talking01-first-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin: 0 auto;
  border-right: 1px solid #3b69be;
  border-left: 1px solid #3b69be;
  background: #3b69be;
}

.talking01-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin-left: 10px;
  border-right: 1px solid #3b69be;
  border-top: 1px solid #3b69be;
  border-left: 1px solid #3b69be;
  background-color: #fff;
}

#talking01 li.talking01-first-column::before, #talking01 li.talking01-column::before {
  content: none;
  color: #000;
}

#talking02 li {
  list-style: none;
  color: #000;
  margin-bottom: 0px;
}

#talking02 {
  display: fixed table;
  table-layout: fixed;
  margin: 0px 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

.talking02-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin-left: 10px;
  border-right: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  background-color: #a8d5f6;
}

#talking02 li.talking02-column::before {
  content: none;
  color: #000;
}

#talking03 li {
  list-style: none;
  color: #000;
  margin-bottom: 0px;
}

#talking03 {
  display: fixed table;
  table-layout: fixed;
  margin: 0px 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

.talking03-first-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin: 0 auto;
  border-right: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  background: #4ea2df;
}

.talking03-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin-left: 10px;
  border-right: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  background-color: #fff;
}

#talking03 li.talking03-first-column::before, #talking03 li.talking03-column::before {
  content: none;
  color: #000;
}

.pcdn {
  display: none;
}

@media screen and (max-width: 480px) {
  .pcdn {
    display: block;
  }
  .bracket p.att1 {
    padding-left: 0.5em;
  }
}
.talkingPcImage img {
  display: inline-block;
}

.talkingSpImage img {
  display: inline-block;
}

.talkingPcImage img {
  display: inline-block; /*PC画像を表示する*/
}

.talkingSpImage img {
  display: none; /*スマホ画像は非表示にする*/
}

@media screen and (max-width: 640px) {
  .talkingPcImage img {
    display: none; /*PC画像は非表示する*/
  }
  .talkingSpImage img {
    display: inline-block; /*スマホ画像を表示する*/
  }
}
p.leaderPcImage {
  text-align: center;
}

.leaderPcImage img {
  display: inline-block;
}

.leaderSpImage img {
  display: inline-block;
}

.leaderPcImage img {
  display: inline-block; /*PC画像を表示する*/
}

.leaderSpImage img {
  display: none; /*スマホ画像は非表示にする*/
}

@media screen and (max-width: 640px) {
  .leaderPcImage img {
    display: none; /*PC画像は非表示する*/
  }
  .leaderSpImage img {
    display: inline-block; /*スマホ画像を表示する*/
  }
}
@media screen and (max-width: 640px) {
  .post-content ul.pLeft {
    padding-left: 15px !important;
  }
}
.post-content ul.noListnew li {
  list-style-type: none;
  text-indent: 0em !important;
}

.post-content ul.noListnew li::before {
  content: none;
}

@media screen and (min-width: 640px) {
  ul.noListnew {
    margin-left: 0 !important;
  }
}
.post-content .attention ul.noListnew li {
  margin-left: 0px !important;
}

@media screen and (min-width: 640px) {
  .influencePctable {
    display: block;
  }
  .influenceSptable {
    display: none;
  }
}
/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 640px) {
  .influenceSptable {
    display: block;
  }
  .post-content table.influencePctable {
    display: none;
  }
}
.post-content p.pList:before {
  content: "⚫";
  font-size: 10px;
  margin-right: 7px;
  vertical-align: 3px;
}

@media screen and (max-width: 640px) {
  .post-content p.pList:before {
    content: "⚫";
    font-size: 0.5em;
    margin-right: 5px;
    vertical-align: 3px;
  }
}
.post-content p.blueList::before {
  content: "●";
  color: #00b7ef !important;
  font-size: 10px;
  margin-right: 7px;
  vertical-align: 3px;
}

@media screen and (max-width: 640px) {
  .post-content p.blueList::before {
    content: "●";
    color: #00b7ef !important;
    font-size: 0.5em;
    margin-right: 5px;
    vertical-align: 3px;
  }
}
@media screen and (min-width: 640px) {
  .post-content p.ml17 {
    margin-left: 17px;
  }
}
@media screen and (min-width: 640px) {
  .post-content .ulLeft {
    margin-left: 0 !important;
  }
}
.post-content .pLeft-25 {
  margin-left: -25px !important;
}

@media screen and (min-width: 640px) {
  .post-content p.olLeft {
    margin-left: 18px;
    padding-left: 21px;
    text-indent: -21px;
  }
}
.post-content p.ml00 {
  margin-left: -1.2em !important;
}

#increase li {
  list-style: none;
  color: #000;
  margin-bottom: 0px;
}

#increase {
  display: fixed table;
  table-layout: fixed;
  margin: 0px 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

.increase-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin-left: 10px;
  border-right: 1px solid #A5A5A5;
  border-top: 1px solid #A5A5A5;
  border-left: 1px solid #A5A5A5;
  background-color: #fff;
}

#increase li.increase-column::before {
  content: none;
  color: #000;
}

h4.h4-hr {
  border: none;
  border-bottom: 3px double #dedede;
  margin-top: 3em;
  padding: 0 0 0.7em;
}

/*20200512 香取追加*/
h4.h4-fs22-line {
  font-size: 22px !important;
  border: none !important;
  border-bottom: 3px double #dedede !important;
  margin-top: 3em !important;
  padding: 0 0 0.7em !important;
}

@media only screen and (max-width: 767px) {
  h4.h4-fs22-line {
    font-size: 17px !important;
    margin-top: 4em !important;
  }
}
table td ul.table-inside-ul li::before {
  color: #00b7ef;
}

@media screen and (min-width: 640px) {
  table td ul.table-inside-ul li::before {
    color: #00b7ef;
  }
}
@media screen and (min-width: 641px) {
  .pcdn {
    display: none;
  }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
  .pcdn {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .spdn {
    display: none;
  }
  .post-content table.spdn {
    display: none;
  }
  .post-content .pLeft-25 {
    margin-left: -15px !important;
  }
}
.post-content ol.ls-none-blk {
  list-style: none;
  padding-left: 0;
}

.post-content ol.ls-none-blk li {
  font-weight: normal;
  color: #181818;
}

@media screen and (max-width: 480px) {
  .post-content ol.ls-none-blk {
    list-style: none;
    padding-left: 0;
  }
  .post-content ol.ls-none-blk li {
    font-weight: normal;
    color: #181818;
  }
}
.post-content p.prezen-txt-center {
  margin-left: 30px;
}

@media screen and (max-width: 480px) {
  .post-content p.prezen-txt-center {
    margin-left: 0;
    text-align: center;
  }
}
ul.ulTable {
  display: fixed table;
  table-layout: fixed;
  margin: 0px 0;
  padding: 0;
  border-bottom: 1px solid #a5a5a5;
  border-top: 1px solid #a5a5a5;
  outline: 0;
  vertical-align: baseline;
}

li.ulTable-first-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin: 0 auto;
  border-right: 1px solid #a5a5a5;
  border-left: 1px solid #a5a5a5;
  background: #61d7fc;
  list-style: none;
  color: #333;
  margin-bottom: 0px;
}

li.ulTable-column {
  flex-direction: column;
  padding: 8px 10px 8px 25px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-right: 1px solid #a5a5a5;
  border-top: 1px solid #a5a5a5;
  border-left: 1px solid #a5a5a5;
  background-color: #fff;
  font-weight: normal;
}

.post-content ul.ulTable li.ulTable-first-column:before, .post-content ul.ulTable li.ulTable-column:before {
  content: none;
  color: #333;
}

.post-content li.ulTable-first-column:before, .post-content li.ulTable-column:before {
  content: none;
  color: #333;
}

.youtube_video {
  position: relative;
  width: 80%;
  padding-top: 56.25%;
  margin: 0 auto 45px;
}

.youtube_video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 480px) {
  .youtube_video {
    position: relative;
    width: 80%;
    padding-top: 56.25%;
    margin: 0 auto 45px;
  }
  .youtube_video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .post-content .a-4 {
    padding: 20px !important;
  }
}
.post-content div.a-4 {
  border: 2px solid #00496b;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 2.6em;
}

.post-content .attention ul li.no-mg {
  text-indent: 0em;
  margin-left: 0.2em;
}

.post-content .rule-box {
  margin-bottom: 2.6em;
  padding: 7px;
  border: 5px solid #ffb8b8;
  background: #fff3f3;
}

@media only screen and (min-width: 481px) {
  .post-content table tbody th.taiken-td {
    width: 28%;
  }
}
@media only screen and (max-width: 480px) {
  .post-content table tbody th.taiken-td {
    width: 100%;
    margin-bottom: -1em;
  }
}
@media only screen and (max-width: 480px) {
  .post-content table tbody th {
    margin-bottom: -1em;
  }
}
.post-content .tbl-r02 th {
  padding: 10px;
}

.post-content .tbl-r02 td {
  padding: 10px;
}

@media screen and (max-width: 640px) {
  .post-content .last-td td:last-child {
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .post-content .tbl-r02 th,
  .post-content .tbl-r02 td {
    　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .post-content .a-5 {
    padding: 18px 20px !important;
  }
}
.post-content div.a-5 {
  border: 1px solid #e1e1e1;
  padding: 21px 33px;
  box-sizing: border-box;
  margin-bottom: 2.6em;
}

/*-- コミュニケCTA下固定バナーCSS  --*/
div.underbnr-comuicacta-area {
  width: 760px;
  margin: 0 auto;
}

.present_underbnr_comcta {
  float: left;
  width: 150px;
  margin: 0 10px 0 0;
}

.com_cta_ic {
  float: left;
  width: 150px;
  background: #ff2e2e;
  text-align: center;
  border-radius: 1em;
  line-height: 24px;
  font-weight: 700;
  padding: 5px 0;
  color: #fff;
  font-size: 19px;
}

.com_cta_ic_sp2,
.com_cta_ic_sp3 {
  float: left;
  width: 90px;
  background: #ff2e2e;
  text-align: center;
  padding: 5px 0 5px 3px;
  line-height: 1.1em;
  font-size: 13px;
  display: inline;
  margin: 0 8px 0 0;
  color: #FFF;
  font-weight: 700;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.com_cta_ic_sp2 {
  margin: 0 0 20px;
}

div.underbnr-comuica-area-botton-sp3 {
  width: 100%;
  margin: 0 auto;
  background: #fea60e;
  text-align: center;
  border-radius: 4px;
  padding: 5px 0;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
}

div.underbnr-comuica-area-botton-txt-sp3 {
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  float: left;
}

.underbnr-comuic-wrap {
  margin: 0 auto;
  max-width: 230px;
  overflow: hidden;
}

.com_cta_ic_sp {
  float: left;
  width: 40px;
  background: #ff2e2e;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 2px 0;
  line-height: 1.1em;
  font-size: 11px;
  display: inline;
  margin: 0;
  color: #fff;
  font-weight: 700;
}

.cta-lettersp {
  letter-spacing: -0.5px;
}

/*-- タグ上販売心理学バナーCSS  --*/
.bnrpc-special-seminar {
  width: 550px;
  text-align: center;
  margin: 70px auto 30px;
}

.bnrsp-special-seminar {
  width: 100%;
  text-align: center;
  margin: 60px auto 30px;
}

.post-content h4.h2view {
  font-size: 26px;
  font-weight: bold !important;
  border: 1px solid #dedede;
  border-left: 4px solid #4277ba;
  padding: 1em;
  margin: 3.6em 0 30px;
  line-height: 30px;
  border-bottom: 1px solid #dedede;
}

@media only screen and (max-width: 480px) {
  .post-content h4.h2view {
    font-size: 18px;
    font-weight: bold !important;
    border: 1px solid #dedede;
    border-left: 4px solid #4277ba;
    padding: 1em;
    margin: 4em 0 30px;
    line-height: 30px;
    border-bottom: 1px solid #dedede;
  }
}
@media only screen and (min-width: 481px) {
  .post-content img.avatar-image,
  .post-content img.avatar-image01 {
    width: 77px;
    height: 77px;
  }
}
@media only screen and (max-width: 480px) {
  .post-content img.avatar-image,
  .post-content img.avatar-image01 {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .post-content p.p13 {
    font-size: 13px;
  }
  .post-content p.p-13 {
    font-size: 13px;
    text-align: center;
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .post-content div.a-5 strong.p13 {
    font-size: 13px;
  }
}
@media only screen and (min-width: 481px) {
  .post-content p.p13 {
    font-size: 14px !important;
  }
  .post-content p.p-13 {
    font-size: 14px !important;
    text-align: center;
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 481px) {
  .post-content div.a-5 strong.p13 {
    font-size: 14px !important;
  }
}
@media only screen and (min-width: 481px) {
  .post-content ul.ulLeft {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .post-content table.authorInfo td.authorTd01,
  .post-content table.authorInfo td.authorTd02 {
    width: 68px;
  }
}
.post-content img.avatar-image {
  margin-right: 6px;
}

.post-content img.avatar-image01 {
  margin-right: 7px;
}

.post-content table.authorInfo tbody td,
.post-content table.authorInfo01 tbody td {
  padding: 0px !important;
}

.post-content table.authorInfo td,
.post-content table.authorInfo01 td {
  padding: 0px !important;
}

.post-content table.authorInfo th, .post-content table.authorInfo td,
.post-content table.authorInfo01 th, .post-content table.authorInfo01 td {
  padding: 0px !important;
}

@media only screen and (min-width: 768px) {
  .post-content table.authorInfo td.authorTd,
  .post-content table.authorInfo td.authorTd01 {
    width: 99px;
  }
}
@media screen and (min-width: 481px) {
  p.interview_ph02 {
    float: left;
    margin-right: 18px;
  }
}
@media screen and (max-width: 480px) {
  p.interview_ph02 {
    float: none;
    margin: 0 auto 15px;
  }
}
.post-content p.mb04 {
  margin-bottom: 0.4em;
  margin-top: -0.4em;
}

.post-content p.rhomPleft {
  margin: 0 0 1.6em 1em !important;
}

.post-content p.rhomPleft {
  margin: 1.6em 0 1.6em 1.2em !important;
}

.post-content ol.navy_bold li {
  font-weight: 700;
  color: #003399;
}

@media screen and (max-width: 480px) {
  .post-content table tbody td.td01 {
    width: 16%;
    text-align: center;
  }
}
@media screen and (min-width: 481px) {
  .post-content table tbody td.td01 {
    width: 8%;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .post-content table tbody td.td02 {
    width: 30%;
  }
}
@media screen and (min-width: 481px) {
  .post-content table tbody td.td02 {
    width: 17%;
  }
}
@media screen and (max-width: 480px) {
  .post-content table tbody th.th01 {
    width: 30%;
  }
}
@media screen and (min-width: 481px) {
  .post-content table tbody th.th01 {
    width: 17%;
  }
}
@media screen and (max-width: 480px) {
  .post-content table tbody th.th02 {
    width: 8em;
  }
}
@media screen and (min-width: 481px) {
  .post-content table tbody th.th02 {
    width: 17%;
  }
}
@media screen and (max-width: 480px) {
  .post-content table tbody td.td03 {
    width: 29%;
  }
}
@media screen and (min-width: 481px) {
  .post-content table tbody td.td03 {
    width: 22%;
  }
}
@media screen and (max-width: 480px) {
  .post-content table tbody td.td04 {
    width: 12%;
    text-align: center;
  }
}
@media screen and (min-width: 481px) {
  .post-content table tbody td.td04 {
    width: 5%;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .post-content table tbody td.td05 {
    padding-right: 44px;
  }
}
.post-content p.pRes01 {
  background: #006699;
  border-radius: 20px;
  color: #fff;
  padding: 0 0 0 15px;
}

.post-content p.pRes02 {
  background: #006699;
  border-radius: 20px;
  color: #fff;
  padding: 0 0 0 14px;
  width: 34%;
}

@media screen and (min-width: 481px) {
  .post-content table tbody th.proTh {
    vertical-align: top;
    background: none;
    color: #333;
    border: none;
    width: 19%;
  }
}
@media screen and (max-width: 480px) {
  .post-content table tbody th.proTh {
    vertical-align: top;
    background: none;
    color: #333;
    border: none;
    width: 38%;
  }
}
@media screen and (min-width: 481px) {
  .post-content .tbl-r02 td.proTd {
    padding-top: 0px !important;
  }
}
.post-content .pLeft-18 {
  margin-left: -18px !important;
}

.post-content img.avatar-image02 {
  margin-right: 1em;
}

@media screen and (min-width: 481px) {
  .post-content ul.li13 li {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 480px) {
  .post-content ul.li13 li {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 481px) {
  .post-content ol.li13 li {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 480px) {
  .post-content ol.li13 li {
    font-size: 13px !important;
  }
}
/*20200429 香取追加*/
.post-content ul.li13 li:before {
  vertical-align: 1px;
}

.post-content ul.ulLeft01 {
  margin-left: 0px !important;
  padding-left: 0px !important;
}

@media only screen and (max-width: 480px) {
  .post-content .a-6 {
    padding: 8px !important;
  }
}
.post-content div.a-6 {
  border: 2px solid #a0e695;
  padding: 18px;
  box-sizing: border-box;
  margin-bottom: 2.6em;
}

.post-content .box-bg {
  border-style: solid;
  border-width: 2px;
  border-color: #cc0000;
  border-radius: 25px;
  padding: 0px 11px 0px 11px;
}

@media only screen and (max-width: 480px) {
  .post-content .a-3 p.ml00 {
    margin-left: 0px !important;
  }
}
.youtube_video01 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 auto 15px;
}

.youtube_video01 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 480px) {
  .youtube_video01 {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 auto 15px;
  }
  .youtube_video01 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}
.youtube_video02 {
  position: relative;
  width: 85%;
  padding-top: 56.25%;
  margin: 0 auto 15px;
}

.youtube_video02 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 480px) {
  .youtube_video02 {
    position: relative;
    width: 85%;
    padding-top: 56.25%;
    margin: 0 auto 15px;
  }
  .youtube_video02 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}
/*youtubecss20190815 追加*/
.youtube_side_bnr {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 0 20px 0;
}

.youtube_side_bnr iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.youtube_side_bnrtxt {
  margin: 5px 0 0 0;
  font-size: 15px;
  line-height: 1.2;
}

.post-content .mb-08 {
  margin-bottom: -0.8em;
}

@media only screen and (min-width: 481px) {
  .post-content span.txt13 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  .post-content span.txt13 {
    font-size: 13px;
  }
}
.post-content .attention ul.noListnew li.li-3indent {
  padding-left: 3em;
  text-indent: -3em !important;
}

/*20191101 下固定バナー用追加*/
.underbnr-cta.double-bnr {
  width: 100%;
  background: #000;
  padding: 10px 0 8px;
  opacity: 0.9;
}

.double-bnr div.cta-area {
  width: 990px;
  max-width: 100%; /* レスポンシブ対応のため追加 */
  margin: 0 auto;
  font-weight: 700;
}

.double-bnr .present_cta {
  float: left;
  width: 49%;
  margin: 0 4px 0 0;
  transition: 0.7s;
}

.double-bnr .present_cta_ic {
  float: left;
  width: 100%;
  background: #fea60e;
  padding: 6px 10px 6px 10px;
  display: block;
  border-radius: 6px;
  color: #FFF;
  text-align: center;
  line-height: 24px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 14px;
  transition: 0.7s;
}

.double-bnr div.underbnr-nlp {
  float: left;
  background: #0098e8;
  padding: 6px 10px;
  display: block;
  border-radius: 6px;
  color: #FFF;
  width: 49%;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  /* height: 39px; レスポンシブ対応のため削除 */
  transition: 0.7s;
}

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

.double-bnr .btn-txt {
  font-size: 16px;
  margin-left: -6px;
}

.double-bnr .btn-txt01 {
  font-size: 16px;
  margin: 0 -5px;
}

.double-bnr .fa01 {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 23px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding-right: 7px;
}

.double-bnr .fa02 {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 23px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding-left: 9px;
}

.double-bnr .present_cta_ic:hover {
  background: #ffc258;
}

.double-bnr .underbnr-nlp:hover {
  background: #56c5ff;
}

.underbnr-cta-sp.double-bnr {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding: 2px 0px 2px 0px;
  display: block;
}

.double-bnr div.cta-area-sp {
  width: 99%;
  height: auto;
  margin: 0 auto;
  font-weight: 700;
}

.double-bnr .present_cta_sp {
  float: left;
  width: 49%;
  transition: 0.7s;
  background: #fea60e;
  padding: 8px 5px 7px 7px;
  display: block;
  border-radius: 6px;
  margin-right: 3px;
}

.double-bnr .present_cta_ic_sp {
  width: 160px;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
  line-height: 15px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.double-bnr table.present_cta_ic_sp {
  border: none;
  font-weight: 700;
}

.double-bnr table.present_cta_ic_sp th,
.double-bnr table.present_cta_ic_sp td {
  border: none;
  font-weight: 700;
  padding: 0px;
  text-align: center;
}

.double-bnr .underbnr-nlp-sp {
  float: left;
  background: #0098e8;
  padding: 8px 2px 7px 4px;
  display: block;
  border-radius: 6px;
  color: #FFF;
  width: 50%;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
}

.double-bnr .underbnr-nlp-sp table {
  border: none;
  margin: 0 auto;
}

.double-bnr .underbnr-nlp-sp table td {
  text-align: center;
}

.double-bnr .underbnr-nlp-sp table td,
.double-bnr .underbnr-nlp-sp table th {
  border: none;
  font-weight: 700;
  padding: 0px;
}

.double-bnr .fa03 {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: -5px;
}

.double-bnr .fa04 {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 3px;
}

.double-bnr .txt-sp01 {
  font-size: 12px;
}

@media screen and (max-width: 375px) {
  /* .double-bnr table tr td:first-child {
     display: none;
   }*/
  .double-bnr table.present_cta_ic_sp th, .double-bnr table.present_cta_ic_sp td {
    text-align: initial;
  }
}
@media screen and (max-width: 320px) {
  .double-bnr .txt-sp01 {
    font-size: 11px;
  }
}
.post-content p.url-break {
  word-break: break-all;
}

/*20200210 目次上バナー用追加 野川*/
.post-content div.tagupperbanner {
  margin: 3.2em auto 0;
}

.post-content div.tagupperbanner p, .post-content div.tagupperbanner p img {
  margin: 0;
  text-align: center;
}

/*20200226 まとめ上バナー用追加 内藤*/
.single .post-content div.bnr-text-nlp {
  margin: 3.2em 0 40px !important;
}

/*20200306 テスト用バナー追加 野川*/
div.bnr-test-catgoly {
  width: 100%;
  padding: 30px;
  background: #03366f;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
}

div.bnr-test-catgoly a {
  color: #FFF;
  font-weight: 700;
}

@media only screen and (max-width: 480px) {
  div.bnr-test-catgoly {
    width: 100%;
    padding: 30px;
    background: #d37700;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
  }
  div.bnr-test-catgoly a {
    color: #FFF;
    font-weight: 700;
  }
}
/*20200309 NGHIA*/
.toc-btn01 {
  cursor: pointer;
  color: #000000;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px !important;
  border: 1px solid #cccccc;
  background-color: #fff;
  position: relative;
  padding: 15px;
  text-align: center;
  margin: 0 auto 13px !important;
  border-top: 0;
}

.toc-btn01 br {
  display: none;
}

@media only screen and (max-width: 550px) {
  .toc-btn01 br {
    display: block;
  }
}
.toc-btn01:after {
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  font-size: 18px;
  content: "\f105";
  font-family: FontAwesome;
  color: #3e3e3e;
  text-align: center;
}

.toc-btn01.active:after {
  content: "\f107";
}

.box-top-toc01 {
  border: 1px solid #ebebeb;
  border-top: 3px solid #00b7ef;
  margin: 0 auto 24px;
  display: none;
}

.box-top-toc01 .ttl01 {
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  background: #fff;
  padding: 21px 0 4px 0;
  margin: 0;
}

@media only screen and (max-width: 550px) {
  .box-top-toc01 .ttl01 {
    padding: 21px 24px 4px;
  }
}
@media only screen and (max-width: 350px) {
  .box-top-toc01 .ttl01 {
    padding: 21px 16px 4px;
    font-size: 15px;
  }
}
.box-top-toc01 .ttl01 .br-style01 {
  display: none;
}

@media only screen and (max-width: 550px) {
  .box-top-toc01 .ttl01 .br-style01 {
    display: block;
  }
}
.box-top-toc01 .txt01 {
  color: #666666;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  background: #fff;
  margin: 0 0 15px 0;
}

@media only screen and (max-width: 550px) {
  .box-top-toc01 .txt01 {
    padding: 0 24px 0;
  }
}
@media only screen and (max-width: 350px) {
  .box-top-toc01 .txt01 {
    padding: 0 16px 0;
    font-size: 12px;
  }
}
.box-top-toc01 .box-form01 {
  background: #f9f9f9;
  padding: 32px 20px 31px;
}

@media only screen and (max-width: 550px) {
  .box-top-toc01 .box-form01 {
    padding: 32px 24px 31px;
  }
}
@media only screen and (max-width: 350px) {
  .box-top-toc01 .box-form01 {
    padding: 32px 16px 31px;
  }
}
.box-top-toc01 .box-form01 .wpcf7-form {
  margin: 0 auto;
}

.box-top-toc01 .box-form01 .wpcf7-form p {
  margin-bottom: 0;
}

.box-top-toc01 .box-form01 .wpcf7-form dl {
  margin: 0;
}

.box-top-toc01 .box-form01 .wpcf7-form dl dt {
  margin: 0;
  border: 0;
  padding: 0;
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  padding: 0 0 0 23px;
  position: relative;
}

.box-top-toc01 .box-form01 .wpcf7-form dl dt span {
  color: #666666;
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
}

@media only screen and (max-width: 550px) {
  .box-top-toc01 .box-form01 .wpcf7-form dl dt span {
    margin: 0;
    display: block;
    line-height: 1.2;
    font-size: 12px;
  }
}
.box-top-toc01 .box-form01 .wpcf7-form dl dt:before {
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 15px;
  content: "\f040";
  font-family: FontAwesome;
  line-height: 1;
}

.box-top-toc01 .box-form01 .wpcf7-form dl dd {
  border: 0;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 550px) {
  .box-top-toc01 .box-form01 .wpcf7-form dl dd {
    font-size: 12px;
    line-height: 20px;
  }
}
.box-top-toc01 .box-form01 .wpcf7-form textarea {
  border: 1px solid #cccccc;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  border-radius: 5px;
  margin: 5px auto 24px;
  width: 100%;
  max-height: 156px;
  padding: 11px 18px;
}

@media only screen and (max-width: 550px) {
  .box-top-toc01 .box-form01 .wpcf7-form textarea {
    font-size: 12px;
    line-height: 20px;
  }
}

.box-top-toc01 .box-form01 .wpcf7-form textarea::-moz-placeholder {
  color: #999;
}

.box-top-toc01 .box-form01 .wpcf7-form textarea::placeholder {
  color: #999;
}

.box-top-toc01 .box-form01 .wpcf7-form p .wpcf7-submit {
  background: #2581c4;
  width: 168px;
  margin: 0 auto;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  border-radius: 5px;
  padding: 3px;
}

.box-top-toc01 .box-form01 .wpcf7-form p.box-btn-send {
  position: relative;
}

.box-top-toc01 .box-form01 .wpcf7-form p.box-btn-send:before {
  position: absolute;
  top: calc(50% - 9px);
  right: calc(50% - 52px);
  font-size: 18px;
  content: "\f105";
  font-family: FontAwesome;
  color: #fff;
  line-height: 1;
  z-index: 9;
}

.box-top-toc01 .box-form01 .ajax-loader {
  position: absolute;
  top: 0;
  right: 0;
}

.post-content .toc-dl01 {
  background-color: #f0f7fa;
  border: 1px solid #cccccc;
  border-bottom: 0;
  position: relative;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  padding: 24px 16px 13px 16px;
}

.post-content .toc-dl01:before {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  content: url("./images/icon01.png");
  margin: 0 auto;
  text-align: center;
}

.post-content .toc-dl01 dt {
  border: 0;
  text-align: center;
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
}

.post-content .toc-dl01 dd {
  padding: 0;
  margin: 0;
  text-align: center;
}

.toc-br01 {
  display: none;
}

@media only screen and (max-width: 550px) {
  .post-content .toc-dl01 {
    font-size: 12px;
  }
  .toc-br01 {
    display: block;
  }
}
@media only screen and (max-width: 350px) {
  .toc-br02 {
    display: none;
  }
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

b, strong {
  font-weight: 700;
}

/*20200512 CTAコミュニケ追加分野川*/
.cta-com-skillup > p {
  line-height: 1.6em;
}

.cta-com-skillup > p.cta-com-cajapan {
  text-align: center;
  font-size: 20px;
  line-height: 1.6em;
  margin: 0;
}

.post-cta p.cta-managed-cajapan {
  margin: -20px 0 35px 0;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  div.cta-post-content div.post-cta-cont p.cta-com-cajapan {
    text-align: center;
    font-size: 16px;
    margin: 40px 0 0 0;
  }
  div.post-cta-cont div.textarea_under_cta_button p.cta-managed-cajapan {
    margin: -20px 0 5px 0;
    text-align: center;
    line-height: 1.6;
    font-size: 13px;
  }
}
/*20200731　おすすめの資格　下固定用　内藤追加*/
.underbnr-comuica-area02 {
  width: 785px;
  margin: 0 auto;
}

.underbnr-comuica .recommended_underbnr {
  float: left;
  width: 190px;
  margin-top: 2px;
}

.underbnr-comuica .recommended_underbnr p.qua_txt {
  text-align: center;
  background: #0ec1e7;
  border-radius: 1em;
  line-height: 24px;
  font-weight: bold;
  padding: 5px 0;
  color: #fff;
  font-size: 20px;
  margin-right: 17px;
}

.underbnr-comuica span.reader_number02 {
  color: #fff606;
  font-size: 22px;
}

div.underbnr-comuica-area-sp02 {
  margin: 1px 0 3px;
}

.underbnr-comuica-area-txt-sp02 {
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  line-height: 1.3em;
}

.qua_txt_sp {
  float: left;
  line-height: 1.1;
  text-align: center;
  font-size: 0.8em;
  color: #fff;
  background: #0ec1e7;
  padding: 3px 12px 2px;
  font-weight: bold;
  border-radius: 4px;
}

span.reader_number02_sp {
  color: #fff606;
  font-size: 16px;
}

/*【テスト】体験下固定用　2020.8.25内藤追加*/
/*SP*/
div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_taiken {
  color: #fff;
  font-size: 12px;
  background: #000;
  font-weight: 700;
  padding: 7px 0 6px;
  overflow: hidden;
  margin: 0 auto;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_taiken .bnrbox_taiken {
  background: #0ec1e7;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 3px 3px 3px;
  line-height: 1.2em;
  font-size: 11px;
  display: inline;
  margin-right: 5px;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_taiken div.reader_sp_taiken {
  display: inline;
}

div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp_taiken {
  background: #000;
  padding: 0 7px 4px;
}

div.common_cta_sp .underbnr_aside_sp div.dwnload_button_sp_taiken .button_link_sp2_taiken {
  width: 100%;
  padding: 6px 5px 6px;
  background: #fea60e;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  font-weight: 700;
  line-height: 16px;
  font-size: 14px;
}

div.common_cta_sp .underbnr_aside_sp h3.main_txt_sp_taiken .reader_sp_taiken span {
  color: #fff606;
}

/*PC*/
div.underbnr div.bnrbox_taiken {
  width: 880px;
  margin: 10px auto;
  font-weight: 700;
}

div.underbnr div.bnrbox_taiken a {
  color: #fff;
}

div.underbnr div.bnrbox_taiken .taiken_underbnr {
  float: left;
  width: 220px;
  margin-top: 2px;
}

div.underbnr div.bnrbox_taiken div.taiken_underbnr p.taiken_txt {
  text-align: center;
  background: #0ec1e7;
  border-radius: 1em;
  line-height: 24px;
  font-weight: 700;
  padding: 5px 0;
  color: #fff;
  font-size: 18px;
}

div.bnrbox_taiken div.taiken_info {
  float: left;
  width: 430px;
}

div.bnrbox_taiken div.taiken_info div.taiken_info_txt {
  font-size: 20px;
  line-height: 18px;
  color: #fff;
  margin-top: 10px;
  text-align: center;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.underbnr div.bnrbox_taiken div.btn_underbnr_taiken {
  float: left;
  width: 230px;
  background: #fea60e;
  padding: 6px 10px;
  display: block;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}

div.underbnr div.bnrbox_taiken a div.taiken_info_txt span {
  color: #fff606;
}

.post-content div.attention.mb48 {
  margin-bottom: 4.8em !important;
}

@media only screen and (max-width: 767px) {
  .post-content div.attention.mb48 {
    margin-bottom: 3.6em !important;
  }
}
.fa-external-link {
  color: #2581c4;
  margin-left: 5px;
}

.post-content ul li .fa-external-link {
  padding: 0 0 0 1em;
}

.post-content p.blackList::before {
  content: "●";
  color: #000000 !important;
  font-size: 10px;
  margin-right: 7px;
  vertical-align: 3px;
}

@media screen and (max-width: 640px) {
  .post-content p.blackList::before {
    content: "●";
    color: #000000 !important;
    font-size: 0.5em;
    margin-right: 5px;
    vertical-align: 3px;
  }
}
/* 20210113 nagata: 記事下フォームの表示を調整 */
.comments-area .comment-form-cookies-consent {
  margin-bottom: 1.8em;
  clear: both;
}

.comments-area .form-submit {
  margin-bottom: 1em;
}

@media screen and (min-width: 551px) {
  .comments-area .comment-form-author,
  .comments-area .comment-form-email {
    width: 50%;
    display: inline-block;
  }
}
.comments-area .comment-form-cookies-consent label,
.comments-area .comment-form-author label,
.comments-area .comment-form-email label,
.comments-area #throwsSpamAway {
  font-size: 14px;
}

@media screen and (max-width: 550px) {
  .comments-area .comment-form-cookies-consent label,
  .comments-area #throwsSpamAway {
    line-height: 20px;
  }
}
.comments-area form input[type=text],
.comments-area form input[type=email] {
  margin-top: 8px;
}

/* 20210715 香取追加分 */
.post-content ol.b-arrow {
  counter-reset: list;
  list-style-type: none;
  font: 16px/1.6 "arial narrow", sans-serif;
  padding: 0 !important;
}

.post-content ol.b-arrow li {
  position: relative;
  padding: 0 0 0 20px !important;
  margin: 7px 0 7px 0px !important;
  font-weight: bold !important;
  font-size: 14px !important;
  line-height: 30px !important;
}

.post-content ol.b-arrow li:before {
  counter-increment: list !important;
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0px !important;
  height: 15px !important;
  width: 15px !important;
  border-radius: 50% !important;
  background: #0069BA !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.post-content ol.b-arrow li:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 6px !important;
  height: 0 !important;
  width: 0 !important;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 5px solid #fff !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/*指定記事バナー非表示*/
.postid-v .side-widget-area div {
  display: none;
  content-visibility: hidden;
}

.postid-39596 .side-widget-area #xeory_recommend_posts-2,
.postid-39596 #side .side-widget-inner,
.postid-39596 .side-widget-area .wrap-img,
.postid-39596 #side .post-thumbnail,
.postid-39596 .side-widget-area .reco-content {
  display: block;
  content-visibility: visible;
}

/*下固定バナー調整*/
div.bnrbox_ver3 div.popular_underbnr_ver3 a {
  display: flex;
  padding: 0 0 8px 8px;
  gap: 8px;
}

.att {
  padding-left: 0.9em;
  text-indent: -0.9em;
}

.att1 {
  padding-left: 1em;
  text-indent: -1em;
}

.att2 {
  padding-left: 2em;
  text-indent: -2em;
}

.att3 {
  padding-left: 3em;
  text-indent: -3em;
}

.att4 {
  padding-left: 4em;
  text-indent: -4em;
}

.att5 {
  padding-left: 5em;
  text-indent: -5em;
}

.att16 {
  padding-left: 1.6em;
  text-indent: -1.6em;
}

#post-15 .post-content table tbody th {
  width: 27%;
}

html {
  scroll-behavior: smooth;
}

#wrapper {
  background: #fff;
}

.journey-footer {
  padding: 30px 0;
  background: #000;
  text-align: center;
  font-size: 14px;
  color: #FFF;
}
.journey-footer #footer {
  background: unset;
  padding: 0px;
}
.journey-footer strong {
  line-height: 1.5;
  font-size: 15px;
}
.journey-footer a {
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

#journey_single, .journey__meru,
.journey__header, .journey-footer {
  font-family: "Noto Sans JP", sans-serif !important;
}

#bread_crumb {
  width: 100%;
  padding: 8px 0;
  font-size: 14px;
  background: #f7f7f7;
}
#bread_crumb ul {
  max-width: 960px;
  width: 92%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
#bread_crumb li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 20px;
}
#bread_crumb li::after {
  content: ">";
  font-size: 10px;
  color: #999;
  display: inline-block;
  line-height: 20px;
  height: 20px;
  margin: 0 10px;
}
#bread_crumb li:last-of-type span {
  color: #999;
}
#bread_crumb li:last-of-type::after {
  content: unset;
}
#bread_crumb a, #bread_crumb span {
  text-decoration: none;
  line-height: 20px;
  color: #333;
}
#bread_crumb a {
  transition: 0.3s;
}
#bread_crumb a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

#journey_fields label[for=journey_keyword] {
  margin-bottom: 30px;
}

/* テーマのstyle.cssに追加 */
.custom-fields-container {
  display: flex;
  flex-wrap: wrap;
}

.custom-field {
  margin-right: 20px; /* 差を出すためのマージン */
  flex: 1; /* 幅を均等に分配 */
}

.pagination {
  display: flex !important;
  justify-content: center;
}
.pagination a:hover {
  border: 1px solid #003;
  background: #003;
  color: #fff;
}

.pagination .current {
  background: #003;
  border-radius: 5px;
  border: 1px solid #003;
  color: #fff;
  padding: 6px 14px;
}

.red {
  color: #cc0000;
}

.journey-404 {
  display: flex;
  max-width: 960px;
  width: 92%;
  justify-content: space-between;
  margin: 0 auto;
  padding: clamp(30px, 8vw, 80px) 0;
}
@media screen and (max-width: 650px) {
  .journey-404 {
    display: block;
  }
}
.journey-404__title {
  font-size: clamp(2.4rem, 3.2vw, 3.2rem);
  font-weight: bold;
  margin-bottom: 3rem;
}
.journey-404__title span {
  font-weight: normal;
  display: block;
  font-size: 16px;
}
.journey-404__content {
  margin-bottom: 3rem;
}
.journey-404__btn {
  margin-bottom: 5rem;
}
@media screen and (max-width: 650px) {
  .journey-404__btn {
    text-align: center;
  }
}
.journey-404__link {
  padding: 1rem 3rem;
  border-radius: 30px;
  border: 1px solid #121212;
  background: #003;
  color: #fff;
  transition: 0.3s;
}
.journey-404__link:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.journey-404__link i {
  margin-right: 1rem;
  margin-left: -1rem;
}

.j-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.j-header #logo {
  width: 100%;
  max-width: 190px;
  margin: 0;
}
.j-header__block {
  margin: 0 auto;
  padding: 24px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  width: 92%;
}
.j-header__list:last-of-type {
  border-top: 1px dotted rgba(153, 153, 153, 0.1882352941);
}
.j-header__hamburger--btn {
  display: none;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  width: 48px;
  text-align: center;
}
.j-header__hamburger--btn:visited, .j-header__hamburger--btn:hover {
  color: inherit;
}
.j-header__hamburger--btn::before {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f0c9";
  font-size: 2rem;
  color: #333;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .j-header__hamburger--btn {
    display: block;
    cursor: pointer;
  }
}
.j-header__nav {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px dotted rgba(153, 153, 153, 0.3137254902);
  opacity: 0;
  transition: opacity 0.3s ease;
  padding: 8px;
}
.j-header__nav .active {
  display: block;
  opacity: 1;
}
.j-header__nav p {
  font-weight: bold;
}
.j-header__nav span {
  font-weight: normal;
  font-size: 0.8rem;
  color: #999;
}
.j-header__nav-pc p {
  font-weight: bold;
  color: #003;
}
.j-header__nav-pc span {
  font-weight: normal;
  font-size: 0.8rem;
  color: #999;
}
@media screen and (max-width: 768px) {
  .j-header__nav-pc {
    display: none;
  }
}
.j-header .active {
  display: block;
  opacity: 1;
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
}
.j-header__anchor {
  display: block;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #222;
  text-decoration: none;
}

.j-header__hamburger--btn.is-active::before {
  content: "\f00d" !important;
}

.j-header .search form {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .j-header .search {
    display: none;
  }
}
.j-header .search__block--sp {
  padding: 10px 0 18px;
}
.j-header .search__input {
  width: 100%;
}
.j-header .search__box {
  border: 1px solid #999;
  border-radius: 0px;
  font-size: 0.8rem;
  padding: 5px 10px;
  width: calc(100% - 32px);
}
@media screen and (max-width: 768px) {
  .j-header .search__box {
    padding: 15px 10px;
    width: calc(100% - 50px);
  }
}
.j-header .search__box:focus {
  outline: none;
}
.j-header .search__button {
  border: none;
  padding: 3px 10px;
  margin-left: -5px;
  background: #003;
  border-bottom: 2px solid #003;
}
@media screen and (max-width: 768px) {
  .j-header .search__button {
    padding: 13px 18px;
  }
}
.j-header .search__button i {
  font-size: 0.8rem;
  color: #fff;
}

#journey__archive {
  width: 92%;
  max-width: 960px;
  margin: 0 auto;
  padding: clamp(30px, 8vw, 80px) 0;
}
#journey__archive .heading {
  margin-top: 0px;
  padding-bottom: clamp(30px, 8vw, 80px);
  margin-bottom: clamp(30px, 4vw, 40px);
  border-bottom: 1px solid #ddd;
  font-weight: 700;
}
#journey__archive .heading__title {
  font-size: 26px;
  text-align: center;
  line-height: 1.3;
}
#journey__archive .heading__title--x-large {
  font-size: clamp(32px, 4vw, 40px);
  text-align: center;
}
#journey__archive .heading__block {
  margin-bottom: clamp(30px, 4vw, 40px);
}
#journey__archive .font-medium {
  font-size: 20px !important;
}
#journey__archive .heading__title-linehight {
  line-height: 1 !important;
}
#journey__archive .journey__block {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 650px) {
  #journey__archive .journey__block {
    display: block;
  }
}
#journey__archive .journey__list {
  max-width: 640px;
  width: 96%;
}
@media screen and (max-width: 650px) {
  #journey__archive .journey__list {
    width: 100%;
  }
}
#journey__archive .journey__meta {
  display: flex;
  margin-bottom: 5px;
}
#journey__archive .journey__meta .date {
  padding: 0em 1.3em;
}
#journey__archive .journey__title {
  margin-bottom: clamp(3em, 5vw, 5em);
}
#journey__archive .journey__category {
  background: #1d1f46;
  padding: 3px 15px;
  font-size: 10px;
  margin-left: 15px;
  display: flex;
  align-items: center;
  color: #FFF;
}
#journey__archive .journey__category a {
  color: #111;
}
#journey__archive .journey__linkblock {
  display: flex;
  gap: 30px;
  padding: 2rem 0;
  border-top: 1px dashed #e2e2e2;
  transition: 0.3s;
  text-decoration: none;
}
@media screen and (max-width: 650px) {
  #journey__archive .journey__linkblock {
    display: block;
  }
}
#journey__archive .journey__linkblock:last-of-type {
  border-bottom: 1px dashed #e2e2e2;
}
#journey__archive .journey__linkblock:hover {
  color: #111;
  opacity: 0.7;
  transition: 0.3s;
}
#journey__archive .journey__txtblock {
  width: 92%;
  max-width: 430px;
  line-height: 1.5;
}
#journey__archive .journey__sabblock {
  display: flex;
  margin-bottom: 5px;
}
#journey__archive .journey__date {
  color: #222;
}
#journey__archive .journey__date-time {
  margin-right: 0.5rem;
}
#journey__archive .journey__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #222;
}
@media screen and (max-width: 650px) {
  #journey__archive .journey__title {
    margin-bottom: 0rem;
    margin-top: 0rem;
  }
}
#journey__archive .journey__thumbnail {
  width: 180px;
  height: auto;
}
@media screen and (max-width: 480px) {
  #journey__archive .journey__thumbnail {
    width: 100%;
  }
}
#journey__archive .journey__thumbnail--custom {
  outline: 1px solid #ddd;
}
#journey__archive .journey__thumbnail img {
  width: 100%;
}
@media screen and (max-width: 480px) {
  #journey__archive .journey__thumbnail img {
    max-width: 100%;
    margin-bottom: 20px;
    height: auto;
  }
}

#journey_single {
  padding-top: clamp(30px, 5vw, 50px);
  padding-bottom: clamp(30px, 5vw, 50px);
  max-width: 996px;
  width: 96%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #journey_single {
    width: 92%;
  }
}
#journey_single .journey__box {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media screen and (max-width: 650px) {
  #journey_single .journey__box {
    display: block;
  }
}
#journey_single .journey__thumbnail {
  margin-bottom: 3rem;
}
#journey_single .journey__thumbnail--custom {
  border: 1px solid #ddd;
}
#journey_single .journey__thumbnail img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 660px) {
  #journey_single .journey__thumbnail img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  #journey_single .journey__thumbnail_custom {
    width: 100% !important;
    height: auto !important;
  }
}
#journey_single .journey_archive-back {
  margin-top: 3rem;
  display: block;
  transition: 0.3s;
  color: #222;
}
#journey_single .journey_archive-back:hover {
  opacity: 0.7;
  transition: 0.3s;
  color: #222;
}
#journey_single .journey__title .journey__meta {
  display: flex;
  align-items: center;
  margin-bottom: clamp(5px, 1vw, 10px);
}
#journey_single .heading__date {
  margin: 0 0 0 0;
  color: #444;
  font-size: 18px;
}
#journey_single .heading__date time, #journey_single .heading__date i {
  vertical-align: middle;
}
#journey_single .journey_category {
  background: #1d1f46;
  padding: 3px 15px;
  font-size: 12px;
  margin-left: 15px;
  display: flex;
  align-items: center;
}
#journey_single .journey_category a {
  color: #fff;
  text-decoration: none;
  vertical-align: sub;
}
#journey_single .journey__title {
  margin-bottom: clamp(20px, 3vw, 30px);
}
#journey_single .heading__title {
  font-size: clamp(20px, 3.2vw, 32px);
  text-align: left;
  line-height: 1.6;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #journey_single .heading__title {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
#journey_single .toc {
  margin-top: 50px;
  margin-bottom: 5rem;
}
#journey_single .toc__title {
  padding: clamp(0px, 1.5vw, 15px) clamp(0px, 2vw, 20px);
  background: linear-gradient(to bottom, #1d1f46 0%, #1d1f46 49%, #003 50%, #003 100%);
  color: #fff;
  font-size: clamp(16px, 2vw, 20px) !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
}
#journey_single .toc__list {
  padding: 40px 50px;
  background-color: #f1f8fd;
  font-size: 20px;
  line-height: 1.5;
  margin-left: 0px;
  border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  #journey_single .toc__list {
    padding: 30px;
  }
}
#journey_single li.toc__list-item {
  font-size: clamp(14px, 1.8vw, 18px);
  font-weight: 700;
  margin-bottom: 10px;
}
#journey_single li.toc__list-item:last-child {
  margin-bottom: 0px;
}
#journey_single li.toc__list-item::before {
  content: none;
}
#journey_single li.toc__list-item a {
  text-decoration: none;
  cursor: pointer;
}
#journey_single li.toc__list-item--2 {
  margin-top: clamp(16px, 2vw, 20px);
  padding-left: 30px;
  text-indent: -30px;
}
#journey_single li.toc__list-item--2:first-child {
  margin-top: 0px;
}
#journey_single li.toc__list-item--3 {
  padding-left: clamp(10px, 2vw, 20px);
  font-weight: 400;
  margin-top: 10px;
  padding-left: 50px;
  text-indent: -40px;
}
@media screen and (max-width: 480px) {
  #journey_single li.toc__list-item--3 {
    padding-left: 47px;
    text-indent: -37px;
  }
}
#journey_single .toc__heading--2 {
  font-size: clamp(20px, 2.6vw, 27px);
  font-weight: 700;
  padding: 20px 30px 20px 75px;
  text-indent: -55px;
  margin-top: 80px;
  margin-bottom: 32px;
  background-color: #f1f8fd;
  border: unset;
  border-left: 3px solid #003;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  #journey_single .toc__heading--2 {
    padding: 20px 30px 20px 50px;
    text-indent: -30px;
  }
}
#journey_single .toc__heading--3 {
  font-size: clamp(19px, 2.3vw, 26px);
  font-weight: 700;
  padding: 20px 0 20px 66px;
  text-indent: -66px;
  margin-top: 60px;
  margin-bottom: 32px;
  border-bottom: 1px solid #e3e3e3;
  line-height: 1.5;
  position: relative;
}
@media screen and (max-width: 480px) {
  #journey_single .toc__heading--3 {
    padding: 20px 10px 20px 54px;
    text-indent: -49px;
  }
}
#journey_single .toc__heading--3::after {
  content: "";
  background-color: #003;
  width: 4.5em;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 1;
}
#journey_single .post-content a {
  color: #1C4D8C;
  transition: 0.3s;
}
#journey_single .post-content a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
#journey_single .post-content {
  padding: 0px;
}
#journey_single .post-content p, #journey_single .post-content li {
  font-size: clamp(17px, 1.7vw, 17px);
  line-height: 1.8;
}
#journey_single .post-content ol {
  list-style: decimal;
}
#journey_single .post-content h4 {
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

@media screen and (max-width: 650px) {
  .widget_block {
    margin-bottom: 3.5rem;
  }
}
#widget_area {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0px 0 0px;
}

@media screen and (max-width: 650px) {
  #widget_area {
    margin-top: 3rem;
  }
}
#widget_area_inner {
  width: 225px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  display: block;
}

.widget_content {
  width: auto;
  margin: 0 0px 40px 0;
  display: block;
}

@media screen and (max-width: 850px) {
  .widget_content:nth-child(2n) {
    margin-right: 0px;
  }
  .widget_content:last-of-type {
    margin-bottom: 40px;
  }
}
.widget_content a {
  transition: 0.3s;
  text-decoration: none;
}

.widget_content a:hover {
  color: #222;
  opacity: 0.7;
  transition: 0.3s;
}

.widget_categories .widget_headline::before {
  content: "\f0ca";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 5px;
}

.widget_content ul li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 5px;
}

.widget_headline {
  padding: 0.5rem 0.8rem;
  margin-bottom: 0.5rem;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  background: linear-gradient(to bottom, #1d1f46 0%, #1d1f46 49%, #003 50%, #003 100%);
}

.cat-item {
  padding-top: 0.5rem;
  padding-left: 15px;
}
.cat-item:last-child {
  padding-bottom: 20px;
}

li.categories {
  list-style-type: none;
}

.search__form {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #f3f3ff;
}
.search__block--sp {
  padding: 10px 0 18px;
}
.search__input {
  width: 100%;
  position: relative;
}
.search__box {
  border: 1px solid #999;
  border-radius: 0px;
  font-size: 0.8rem;
  padding: 15px 10px;
  width: calc(100% - 55px);
}
@media screen and (max-width: 768px) {
  .search__box {
    padding: 15px 10px;
    width: calc(100% - 50px);
    box-sizing: border-box;
  }
  .search__box:focus {
    font-size: 16px;
    outline: none;
  }
}
.search__button2 {
  border: none;
  background: #003;
  height: 46px;
  width: 55px;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .search__button2 {
    padding: 13px 18px;
  }
}
.search__button2 i {
  font-size: 0.8rem;
  color: #fff;
}
.search p {
  font-size: 14px;
}
.search__title--txtdomain {
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: clamp(30px, 4vw, 42px);
}
.search__title--txtdomain span {
  font-weight: bold;
  font-size: 26px;
}
.search__else {
  margin-bottom: clamp(30px, 4vw, 42px);
}
.search__else h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
.search__beginning {
  margin-bottom: clamp(30px, 4vw, 42px);
  font-size: 14px;
}
.search__list {
  margin-bottom: 2.5rem;
}
.search__list .categories {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #f3f3ff;
}
.search__list .categories .cat-item {
  list-style: inside;
  font-size: 14px;
}
.search__list .categories .cat-item:last-child {
  padding-bottom: 0.5rem;
}
.search h2 {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 0.5rem;
  margin-bottom: 0.8rem;
}
.search__rank {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #f3f3ff;
}
.search__rank li {
  list-style: inside;
  list-style-type: decimal;
  font-size: 14px;
  padding-top: 0.5rem;
  padding-left: 15px;
}
.search__rank li:last-child {
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .search__rank li {
    padding-top: 0.8rem;
    padding-left: 20px;
    text-indent: -16px;
  }
}
.search a {
  transition: 0.3s;
}
.search a:hover {
  transition: 0.3s;
  opacity: 0.7;
}

.cta-area {
  background-color: #f7fdff;
  padding: 30px 20px;
}
.cta-area__title {
  font-size: 20px;
  font-weight: 700;
  /* background-color: #fff; */
  margin-top: clamp(30px, 6vw, 60px);
  border-bottom: 1px dotted #bbb;
  text-align: center;
  line-height: 1.5;
  box-sizing: border-box;
  border-top: #003399 3px solid;
  border-left: #999 1px solid;
  border-right: #999 1px solid;
  border-bottom: #999 1px solid;
  padding: 20px 5px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .cta-area__title {
    font-size: 18px;
  }
}
.cta-area__main-title {
  display: inline-block;
  margin-top: 12px;
}
.cta-area__title--large {
  font-size: 26px;
}
@media screen and (max-width: 480px) {
  .cta-area__title--large {
    font-size: 20px;
  }
}
.cta-area__title--small {
  font-size: 18px;
}
.cta-area__content {
  padding: 40px 30px;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .cta-area__content {
    padding: 40px 10px;
  }
}
.cta-area__button a {
  background-color: #cc0000;
  color: #fff;
  padding: 1rem 0rem;
  font-size: 18px;
  font-weight: 700;
  border-radius: 4px;
  transition: all 0.3s ease;
  width: 100%;
  cursor: pointer;
  margin: auto;
  display: flex;
  place-content: center;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  .cta-area__button a {
    font-size: 14px;
    gap: 0.3rem;
  }
}
.cta-area__button a:hover {
  opacity: 0.7;
}
.cta-area__list {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  color: #222;
  font-size: 16px;
  line-height: 1.8;
}
.cta-area__list li {
  text-indent: -12px;
  padding-left: 24px;
  line-height: 1.4;
  margin-bottom: 5px;
  text-align: left;
}
.cta-area__list li:last-of-type {
  margin-bottom: 0;
}
.cta-area__list i {
  color: #cc0000;
  margin: 0 5px;
}
.cta-area__link {
  text-decoration: none;
  color: #FFF;
}
.cta-area__link:hover {
  text-decoration: none;
}
.cta-area__block {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
@media screen and (max-width: 480px) {
  .cta-area__block {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 2rem;
  }
}
.cta-area__img {
  width: 200px;
}
@media screen and (max-width: 480px) {
  .cta-area__img {
    margin-bottom: 1.5rem;
  }
}

.sp {
  margin-bottom: 16px !important;
}

.sp2 {
  margin-bottom: 32px !important;
}

.sp3 {
  margin-bottom: 48px !important;
}

.pcdn {
  display: none;
}

@media screen and (max-width: 480px) {
  .spdn {
    display: none;
  }
  .pcdn {
    display: block;
  }
}
.journey-sns {
  margin-top: 20px;
}
.journey-sns__block {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/*SNS調整用 野川*/
.journey-sns__block {
  line-height: 1;
}

.sns_face {
  margin: 0 -20px;
}

p.copylight {
  margin: 10px 0 0 0;
  line-height: 1.3;
  font-size: 13px;
}/*# sourceMappingURL=journey.css.map */


.font-large {
	font-size: 1.7rem !important;
}
@media screen and (max-width: 480px) {
	.font-large {
		font-size: 1.2rem !important;
	}
}