@charset "UTF-8";
/* フォント */
/* 色 */
/* 設定 */
/*
Reset Stylesheet
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a,
p {
  letter-spacing: 0.02em;
  word-break: break-all;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #333;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

* {
  box-sizing: border-box;
}

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

ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

ol {
  list-style-position: inside;
}

figure {
  margin: 0;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/*common*/
:root {
  --header: 60px;
  scroll-padding: var(--header);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
  overflow-x: hidden;
  font-size: clamp(9px, 1.4vw, 16px);
  color: #222;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  body {
    font-size: clamp(12px, 3.5vw, 16px);
  }
}

.frame {
  width: 92%;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

.frame2 {
  width: 92%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}

.frame3 {
  width: 92%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}

.frame4 {
  width: 92%;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}

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

li {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

a {
  text-decoration: none;
  transition: 0.3s;
  opacity: 1;
  display: inline-block;
}
a:hover {
  opacity: 0.6;
}

h1,
h2,
h3 {
  font-size: initial;
  font-weight: 900;
  letter-spacing: 0.1em;
}

p {
  padding: 0.3em 0 0.8em;
  line-height: 2em;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 768px) {
  p {
    letter-spacing: 0.04em;
  }
}

.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
.sp {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block !important;
  }
}

/*breadcrumb*/
.breadcrumb {
  overflow-x: auto;
  padding: 0.5em 0;
  background-color: #f7f7f7;
}
.breadcrumb ul {
  display: flex;
  justify-content: flex-start;
  width: 92%;
  max-width: 900px;
  margin: 0 auto;
}
.breadcrumb ul li {
  white-space: nowrap;
  position: relative;
  margin-right: 2em;
  font-size: 80%;
}
.breadcrumb ul li a {
  display: inline-block;
  width: 100%;
}
.breadcrumb ul li:after {
  position: absolute;
  content: ">";
  display: block;
  top: 50%;
  transform: translate(-50%, -50%);
  right: -1.5em;
}
.breadcrumb ul li:last-child::after {
  display: none;
}

/*header*/
header {
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  padding: 2em 2% 0;
}
@media screen and (max-width: 768px) {
  header {
    padding: 2em 2%;
    height: 6.2em;
    max-height: calc(55px + 4em);
  }
}
header a {
  color: #000;
}
header .logo {
  max-width: 400px;
  width: 25%;
}
@media screen and (max-width: 768px) {
  header .logo {
    max-width: 480px;
    width: calc(70% - 80px);
    margin-right: 1em;
  }
  header .logo img {
    display: block;
    height: 100%;
    max-height: 60px;
  }
}
header .frame-header {
  max-width: 1400px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  header .frame-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }
}
header .sp_menus {
  display: none;
}
@media screen and (max-width: 768px) {
  header .sp_menus {
    display: block;
  }
}
header .sp_menus .hamburger {
  display: block;
  margin: auto 0;
  cursor: pointer;
  text-align: center;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 3.2em;
  max-height: 45px;
}
header .sp_menus .hamburger img {
  display: block;
  height: 100%;
}
header .pc_menus {
  margin: auto;
}
@media screen and (max-width: 768px) {
  header .pc_menus {
    display: none;
  }
}
header .pc_menus ul {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5em 0 0.5em;
}
header .pc_menus ul li {
  margin: 0em 0.4em;
  padding: 0;
}
header .pc_menus ul li:hover {
  background-color: #024b9c;
}
header .pc_menus ul li:hover a {
  opacity: 1;
  color: #fff;
}
header .pc_menus ul li a {
  color: #232580;
  white-space: nowrap;
  width: 100%;
  display: block;
  padding: 0.9em 1em 0.8em;
  letter-spacing: 0.1em;
  font-size: clamp(9px, 1.7vw, 20px);
  border-radius: 999px;
}
header .pc_menus ul li .dropdown__lists {
  display: none;
  width: 100%;
  position: absolute;
  top: calc(3.9em - 8px);
  left: 0;
  z-index: 3;
  margin: 0;
}
header .pc_menus ul li.drop_btn {
  position: relative;
}
header .pc_menus ul li.drop_btn:hover .dropdown__lists {
  display: block !important;
}
header .pc_menus ul li .dropdown__list {
  background-color: #1666be;
  transition: all 0.3s;
  position: relative;
  margin: 0;
}
header .pc_menus ul li .dropdown__list::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #3492d1;
  position: absolute;
  top: 0;
  left: 0;
}
header .pc_menus ul li .dropdown__list:hover {
  background-color: #003558;
}
header .pc_menus ul li .dropdown__list a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  font-size: 115%;
  padding: 1em 1em 0.7em 0;
}
header .pc_menus ul li .dropdown__list a::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(135deg);
  position: absolute;
  right: 15px;
  top: calc(50% - 5px);
}
header .pc_menus ul li.select {
  border-radius: 999px;
}
header .pc_menus ul li.select a {
  padding: 0.4em 0.8em;
  border: 1px solid #232580;
}

/*footer*/
footer .footer_box1 {
  margin: 5em 0 2em;
}
footer .footer_box1 .flex {
  align-items: flex-start;
}
footer .footer_box1 .pc ul {
  width: 23%;
}
footer .footer_box1 .pc ul li {
  text-align: center;
}
footer .footer_box1 .pc ul li a {
  font-size: 120%;
  width: 100%;
  padding: 0.1em 0;
  display: inline-block;
}
footer .footer_box1 .pc ul li:first-child {
  font-size: 135%;
  font-weight: bold;
  border-bottom: 4px solid #000;
  padding: 0 0.2em 0.2em;
  margin-bottom: 1em;
}
footer .footer_box1 .sp ul li a {
  display: inline-block;
  width: 100%;
}
footer .footer_box2 {
  background-color: #cfedf7;
  padding: 1.5em 0;
  color: #232580;
}
footer .footer_box2 .footer_menu {
  display: flex;
  justify-content: center;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 768px) {
  footer .footer_box2 .footer_menu {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  footer .footer_box2 .footer_menu li {
    width: 33.3%;
  }
  footer .footer_box2 .footer_menu li:nth-child(1), footer .footer_box2 .footer_menu li:nth-child(4) {
    width: 25%;
  }
  footer .footer_box2 .footer_menu li:nth-child(2) {
    width: 40%;
  }
}
footer .footer_box2 .footer_menu li a {
  display: inline-block;
  padding: 0.4em;
  width: 100%;
}
@media screen and (max-width: 768px) {
  footer .footer_box2 .footer_menu li a {
    font-size: 80%;
  }
}
footer .footer_box2 a {
  color: #232580;
}
footer .footer_box2 p {
  text-align: center;
  font-size: 90%;
}
@media screen and (max-width: 768px) {
  footer .footer_box2 p {
    font-size: 70%;
  }
}

/* 携帯用メニュー用css*/
nav.globalMenuSp {
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateX(120%);
  transition: all 0.6s;
  width: 100%;
  height: 100vh;
}
nav.globalMenuSp .accordion__container {
  border-bottom: none;
}
nav.globalMenuSp .accordion__container .accordion__title {
  font-size: 100%;
  border-top: none;
}
nav.globalMenuSp .accordion__container .accordion__content ul {
  margin-left: 0;
}
nav.globalMenuSp .accordion__container .accordion__content ul li {
  border-bottom: none;
}
nav.globalMenuSp .accordion__container .accordion__content ul li a {
  font-size: 65%;
  padding: 0.3em 0;
}
nav.globalMenuSp .accordion__container .accordion__content ul li::before {
  display: none;
}
nav.globalMenuSp figure {
  display: flex;
  width: calc(80% - 10em);
  height: calc(5em + 20px);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 5%;
}
nav.globalMenuSp figure img {
  width: 70%;
}
nav.globalMenuSp .close_menu {
  border: 2px solid #333;
  width: 4em;
  height: 4em;
  top: 10px;
  right: 10px;
  position: absolute;
  cursor: pointer;
}
nav.globalMenuSp .close_menu:before, nav.globalMenuSp .close_menu:after {
  /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  /* 棒の幅（太さ） */
  height: 30px;
  /* 棒の高さ */
  background: #333;
}
nav.globalMenuSp .close_menu:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
nav.globalMenuSp .close_menu:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
nav.globalMenuSp.active {
  transform: translateX(0%);
}
nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
nav.globalMenuSp ul li {
  list-style-type: none;
  transition: 0.4s all;
  font-size: 120%;
  width: 100%;
  margin: 0 auto;
  border-bottom: 2px solid #333;
  padding: 0;
  padding-left: 0.5em;
  height: auto;
  text-align: left;
  position: relative;
}
nav.globalMenuSp ul li::before {
  position: absolute;
  content: "▶";
  display: block;
  left: 0;
  top: 2.2em;
  transform: translateY(-50%);
  font-size: 74%;
}
nav.globalMenuSp ul li a {
  margin: 0;
  text-align: left;
  display: block;
  padding: 1.1em 0.7em;
  text-decoration: none;
  font-weight: 900;
  width: 100%;
  letter-spacing: 0.02em;
}
nav.globalMenuSp ul li a span {
  font-size: 70%;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:nth-child(7) {
  border-color: #232580;
}
nav.globalMenuSp ul li:nth-child(8) {
  border-color: #d3be3c;
}

/* pageの一番上に戻るボタン用 css*/
#page-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 100;
  opacity: 0;
  transform: translateY(100px);
}
#page-top a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #024b9c;
  width: 60px;
  height: 60px;
  font-size: 200%;
  font-weight: 800;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.6rem;
  transition: all 0.3s;
  font-size: 140%;
  border: 1px solid #024b9c;
  border-radius: 50%;
}
#page-top a:hover {
  background: #cfedf7;
  opacity: 1;
  color: #024b9c;
}

#page-top.UpMove {
  animation: UpAnime 0.5s forwards;
}

#page-top.DownMove {
  animation: DownAnime 0.5s forwards;
}

@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(100px);
  }
}
/* アコーディオン */
.accordion__container {
  border-bottom: 1px solid #232580;
}

.accordion__title {
  border-top: 1px solid #232580;
  color: #000;
  font-size: 1.25em;
  padding: 1em 0;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.accordion__title::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2.5px);
  width: 10px;
  height: 10px;
  right: 15px;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-left: 2px solid #030000;
  border-bottom: 2px solid #030000;
}

.accordion__content {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  padding: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.3s;
}

.accordion__content.is-open {
  padding: 0 0 1em;
  line-height: normal;
  height: auto;
  opacity: 1;
}

/* 共通部分 */
.banner {
  width: 92%;
  max-width: 900px;
  margin: 0 auto 2em;
  position: relative;
  text-align: center;
}
.banner a {
  display: inline-block;
  margin: auto;
}
.banner img {
  display: inline-block;
  margin: auto;
  width: 100%;
}

.btn1 {
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 140%;
  margin: auto;
  width: 18em;
  padding: 0.7em 2em;
  background-color: #cfedf7;
  color: #232580;
  font-weight: bold;
  border-radius: 2px;
  letter-spacing: -0.05em;
  box-shadow: 0 0 12px #777;
}

.page_title {
  text-align: center;
  padding: 2.2em;
  font-size: 240%;
  color: #024b9c;
  background-color: #cfedf7;
  letter-spacing: 0.08em;
  margin: 0.4em 0 0;
  line-height: 1.4em;
}
.page_title + .entry-content {
  padding: 2em 0 3em;
}
@media screen and (max-width: 768px) {
  .page_title {
    font-size: 190%;
    padding: 1.8em 1em;
    margin-top: 0;
  }
  .page_title + .entry-content {
    padding: 0em 0 3em;
  }
}

.page_title1 {
  padding: 0.8em 0;
  letter-spacing: 0.08em;
  margin: 0.4em 0 1em;
  font-size: 160%;
  line-height: 1.4em;
}
.page_title1 h3 {
  font-size: 155%;
  text-align: center;
  line-height: 1.4em;
  margin-top: -0.4em;
}
.page_title1 h3 b {
  font-size: 57%;
  display: inline-block;
  font-weight: normal;
  letter-spacing: 0.02em;
  padding-right: 2.1em;
  position: relative;
}
.page_title1 h3 b::after {
  position: absolute;
  display: block;
  content: "";
  width: 1.8em;
  height: 1.8em;
  top: 48%;
  right: 0;
  transform: translateY(-50%);
  background-size: cover;
}
.page_title1 h3 span {
  font-size: 120%;
  display: inline-block;
  padding: 0 0.1em;
  margin: 0 0.2em 0 0.1em;
}
@media screen and (max-width: 768px) {
  .page_title1 h3 {
    font-size: 51%;
    width: 100%;
    line-height: 1.8em;
  }
}
.page_title1 > .frame {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_title1 > .frame figure {
  max-width: 7em;
  margin-right: 1em;
}
.page_title1 > .frame figure img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page_title1 > .frame figure {
    max-width: 3em;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .page_title1 {
    font-size: 190%;
    padding: 0.8em 0;
    margin-top: 0;
    margin-bottom: 0.4em;
  }
  .page_title1 + .entry-content {
    padding: 0em 0 3em;
  }
}

.web .page_title1 {
  background: linear-gradient(90deg, rgb(243, 153, 79) 0%, rgb(240, 192, 26) 100%);
}
.web .page_title1 h3 span {
  background-color: #F6D98A;
}
.web .page_title1 h3 b::after {
  background-image: url("/wp-content/themes/fx-chart-study/img/musi.png");
}

.fx .page_title1 {
  background: linear-gradient(90deg, rgb(51, 159, 218) 0%, rgb(23, 34, 77) 100%);
}
.fx .page_title1 h3 {
  color: #fff;
}
.fx .page_title1 h3 span {
  background-color: rgba(37, 188, 239, 0.4);
}
.fx .page_title1 h3 b::after {
  background-image: url("/wp-content/themes/fx-chart-study/img/musi_w.png");
}

.title1 {
  font-size: 250%;
  text-align: center;
  padding-bottom: 0.3em;
  position: relative;
  font-weight: bold;
  letter-spacing: 0em;
  margin: 2em auto 2.5em;
}
.title1:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -0.5em;
  border-bottom: 10px solid #000;
  max-width: 11.5em;
}
@media screen and (max-width: 768px) {
  .title1 {
    font-size: 145%;
  }
  .title1:before {
    border-bottom: 8px solid #000;
  }
}

.sns {
  margin-bottom: 3em;
}
.sns > .flex {
  justify-content: flex-end;
}
.sns > .flex a {
  display: inline-block;
  font-size: 150%;
  margin-left: 1em;
  max-width: 32px;
}
@media screen and (max-width: 768px) {
  .sns > .flex {
    margin: 1em auto;
  }
  .sns > .flex a {
    width: 1em;
    margin-left: 0.6em;
  }
}

.link_box1 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .link_box1 {
    display: block;
  }
}
.link_box1 .left_box,
.link_box1 .right_box {
  width: 50vw;
  padding: 0em 0 1em;
}
@media screen and (max-width: 768px) {
  .link_box1 .left_box,
  .link_box1 .right_box {
    width: 100%;
  }
}
.link_box1 .left_box .bg_box,
.link_box1 .right_box .bg_box {
  background-color: #eee;
  width: 100%;
  padding: 1.8em 0 1.7em;
  margin-bottom: 3em;
}
@media screen and (max-width: 768px) {
  .link_box1 .left_box .bg_box,
  .link_box1 .right_box .bg_box {
    margin-bottom: 1.8em;
  }
}
.link_box1 .left_box .bg_box h3,
.link_box1 .right_box .bg_box h3 {
  display: inline-block;
  width: 100%;
  max-width: 600px;
  text-align: center;
  font-size: 170%;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .link_box1 .left_box .bg_box h3,
  .link_box1 .right_box .bg_box h3 {
    font-size: 130%;
  }
}
.link_box1 .left_box .bg_box h3 span,
.link_box1 .right_box .bg_box h3 span {
  font-size: 120%;
  letter-spacing: 0.04em;
  padding: 0 0.07em;
}
.link_box1 .left_box .txt_box,
.link_box1 .right_box .txt_box {
  display: inline-block;
  max-width: 600px;
  width: 100%;
}
.link_box1 .left_box .txt_box ul,
.link_box1 .right_box .txt_box ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .link_box1 .left_box .txt_box ul,
  .link_box1 .right_box .txt_box ul {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}
.link_box1 .left_box .txt_box ul li,
.link_box1 .right_box .txt_box ul li {
  width: 33%;
}
.link_box1 .left_box .txt_box > a,
.link_box1 .right_box .txt_box > a {
  display: block;
  text-align: center;
  margin: auto;
  font-size: 110%;
}
.link_box1 .left_box {
  text-align: right;
}
.link_box1 .left_box .txt_box {
  padding-right: 1.5em;
}
@media screen and (max-width: 768px) {
  .link_box1 .left_box .txt_box {
    padding-right: 0;
  }
}
.link_box1 .left_box .bg_box {
  text-align: right;
  background: linear-gradient(270deg, rgb(251, 198, 0) 0px, rgb(243, 153, 79) 400px);
}
.link_box1 .right_box {
  text-align: left;
}
.link_box1 .right_box .txt_box {
  padding-left: 1.5em;
}
@media screen and (max-width: 768px) {
  .link_box1 .right_box .txt_box {
    padding-left: 0;
  }
}
.link_box1 .right_box .bg_box {
  text-align: left;
  color: #fff;
  background: linear-gradient(90deg, rgb(51, 159, 218) 0px, rgb(23, 34, 77) 400px);
}

.page404 {
  padding: 4em 0 !important;
}

.home #sec1 {
  background-color: #ceecf6;
}
.home #sec1 .frame3 {
  position: relative;
}
.home #sec1 .frame3 .pc a {
  display: block;
  position: absolute;
  bottom: 4em;
  left: calc(25% + 6.5em);
  width: 50vw;
  max-width: 700px;
  transform: translateX(-50%);
}
.home #sec2 .frame {
  padding: 3em 0 0;
}
.home #sec3 .frame {
  padding: 3em 0;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame {
    padding: 1em 0;
  }
}
.home #sec3 .frame ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul {
    display: block;
  }
}
.home #sec3 .frame ul li {
  margin-bottom: 3%;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul li {
    margin-bottom: 7%;
  }
}
.home #sec3 .frame ul li a {
  display: block;
  width: 100%;
}
.home #sec3 .frame ul li a .title_box {
  box-shadow: 0px 0px 16px #555;
  background-color: #fff;
  position: relative;
  text-align: center;
  font-size: 170%;
  letter-spacing: 0.08em;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul li a .title_box {
    font-size: 130%;
  }
}
.home #sec3 .frame ul li a .title_box h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.4em;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul li a .title_box h4 {
    padding-bottom: 0.6em;
  }
}
.home #sec3 .frame ul li a .title_box span {
  display: block;
  text-align: left;
  height: 3.4em;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 3.4em 3.4em;
  padding-left: 3.9em;
  width: 100%;
  line-height: 3.4em;
  font-weight: bold;
  color: #999;
  font-size: 60%;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul li a .title_box span {
    background-size: 3em 3em;
    height: 3em;
    line-height: 3em;
    padding-left: 3.5em;
  }
}
.home #sec3 .frame ul li a .title_box span.icon1 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon1.jpg");
}
.home #sec3 .frame ul li a .title_box span.icon2 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon2.jpg");
}
.home #sec3 .frame ul li a .title_box span.icon3 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon3.jpg");
}
.home #sec3 .frame ul li a .title_box span.icon4 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon4.jpg");
}
.home #sec3 .frame ul li a .title_box span.icon5 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon5.jpg");
}
.home #sec3 .frame ul li a h5 {
  font-size: 120%;
  font-size: normal;
  color: #777;
  margin-bottom: 0.4em;
  padding: 0 10px;
}
.home #sec3 .frame ul li a p {
  font-size: 95%;
  padding: 0 10px;
}
.home #sec3 .frame ul:nth-child(2) li {
  width: 30.5%;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul:nth-child(2) li {
    width: 100%;
  }
}
.home #sec3 .frame ul:nth-child(2) li a .title_box h4 {
  height: 6em;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul:nth-child(2) li a .title_box h4 {
    height: 3em;
  }
}
.home #sec3 .frame ul:nth-child(3) {
  margin-top: 1em;
}
.home #sec3 .frame ul:nth-child(3) li {
  width: 23%;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul:nth-child(3) li {
    width: 100%;
  }
}
.home #sec3 .frame ul:nth-child(3) li a .title_box {
  font-size: 140%;
  letter-spacing: 0;
  margin-bottom: 1.2em;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul:nth-child(3) li a .title_box {
    font-size: 130%;
  }
}
.home #sec3 .frame ul:nth-child(3) li a h4 {
  height: 5.5em;
}
@media screen and (max-width: 768px) {
  .home #sec3 .frame ul:nth-child(3) li a h4 {
    height: 3.4em;
  }
}
.home #sec3 .frame ul:nth-child(3) li a h5 {
  font-size: 100%;
  padding: 0;
}
.home #sec4 {
  padding-bottom: 4em;
}
.home #sec4 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 1.5em;
}
.home #sec4 ul li {
  width: 47.5%;
  margin-bottom: 5%;
  box-shadow: 0px 0px 35px #555;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .home #sec4 ul li {
    width: 48%;
    box-shadow: 0px 0px 20px #777;
  }
}
.home #sec4 ul li a {
  display: block;
  width: 100%;
}
.home #sec4 ul li a div {
  width: 100%;
  height: 12vw;
  min-height: 120px;
  max-height: 200px;
  padding-top: 48%;
  background-size: cover;
  background-position: center;
}
.home #sec4 ul li a span {
  color: #777;
  font-size: 130%;
  display: block;
  margin: 1em 0;
}
.home #sec4 ul li a h4 {
  font-size: 180%;
  margin-bottom: 0.5em;
  line-height: 1.3em;
}
.home #sec4 ul li a p {
  margin-bottom: 0.7em;
}
.home #sec4 ul li a span,
.home #sec4 ul li a h4,
.home #sec4 ul li a p {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .home #sec4 ul li a span {
    font-size: 100%;
  }
  .home #sec4 ul li a h4 {
    font-size: 130%;
    line-height: 1.2em;
  }
  .home #sec4 ul li a p {
    font-size: 90%;
    line-height: 1.3em;
  }
}

#fx-study .sns {
  margin-bottom: 1em;
}
#fx-study .sub_title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  height: 3.4em;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 3.4em 3.4em;
  padding-left: 3.9em;
  width: 100%;
  line-height: 3.4em;
  font-weight: bold;
  color: #999;
  font-size: 60%;
  letter-spacing: 0em;
  margin-bottom: 3em;
}
#fx-study .sub_title b {
  display: inline-block;
  margin-left: 2em;
  font-size: 190%;
}
@media screen and (max-width: 768px) {
  #fx-study .sub_title {
    background-size: 3em 3em;
    height: 3em;
    line-height: 3em;
    padding-left: 3.5em;
  }
  #fx-study .sub_title b {
    margin-left: 1em;
    font-size: 170%;
  }
}
#fx-study .sub_title.icon1 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon1.jpg");
}
#fx-study .sub_title.icon2 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon2.jpg");
}
#fx-study .sub_title.icon3 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon3.jpg");
}
#fx-study .sub_title.icon4 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon4.jpg");
}
#fx-study .sub_title.icon5 {
  background-image: url("/wp-content/themes/fx-chart-study/img/icon4.jpg");
}
#fx-study .main_title {
  font-size: 280%;
  margin-bottom: 0.25em;
}
@media screen and (max-width: 768px) {
  #fx-study .main_title {
    font-size: 250%;
  }
}
#fx-study .table_content {
  border: 1px solid #919191;
  padding: 1.5em 2em 1em;
  margin: 1.5em 0 2.5em;
}
#fx-study .table_content h5 {
  color: #727171;
  margin-bottom: 1em;
}
#fx-study .table_content ol {
  list-style-position: inside;
}
#fx-study .table_content ol mar li a {
  width: 100%;
  padding: 0.15em 0;
}
@media screen and (max-width: 768px) {
  #fx-study .table_content {
    border: none;
    padding: 0;
  }
  #fx-study .table_content h5 {
    margin-bottom: 0.7em;
    padding-left: 0.9em;
  }
  #fx-study .table_content ol li {
    border-bottom: 1px solid #919191;
    padding-left: 1em;
  }
  #fx-study .table_content ol li a {
    padding: 0.7em 0;
  }
  #fx-study .table_content ol li:first-child {
    border-top: 1px solid #919191;
  }
}
#fx-study .sec_title {
  color: #024b9c;
  border-top: 2px solid #024b9c;
  border-bottom: 2px solid #024b9c;
  padding: 0.7em 0 0.6em;
  font-size: 140%;
  margin-bottom: 1.3em;
}
#fx-study .sec_title span {
  display: inline-block;
  margin-right: 0.3em;
}
@media screen and (max-width: 768px) {
  #fx-study .sec_title {
    font-size: 120%;
  }
}
#fx-study .blue_title {
  background-color: #cfedf7;
  display: inline-block;
  padding: 0.3em 0.2em 0.1em;
  margin-bottom: 0.2em;
  font-size: 115%;
  letter-spacing: 0.03em;
}
#fx-study p + .blue_title {
  margin-top: 2em;
}
#fx-study figure {
  display: inline-block;
  margin: 3em auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #fx-study figure {
    margin: 0.5em auto 1.5em;
  }
}
#fx-study figure img {
  margin: auto;
}
#fx-study .table_type1 {
  margin: 1.5em auto 2.5em;
}
#fx-study .table_type1 th,
#fx-study .table_type1 td {
  vertical-align: middle;
  padding: 0.3em 0.7em;
  border: 6px solid #fff;
}
#fx-study .table_type1 th {
  background-color: #dddbdb;
  min-width: 6em;
}
@media screen and (max-width: 768px) {
  #fx-study .table_type1 {
    width: 100%;
  }
  #fx-study .table_type1 th,
  #fx-study .table_type1 td {
    display: block;
  }
}
#fx-study .point_box {
  position: relative;
  padding-left: 8.3em;
  margin: 1em auto 3em;
  font-size: 110%;
  font-weight: bold;
}
#fx-study .point_box:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0.5em;
  content: "";
  background: url("/wp-content/themes/fx-chart-study/img/fx-study/point.png") no-repeat;
  background-size: contain;
  background-position: top left;
  height: 3.5em;
  width: 6em;
}
@media screen and (max-width: 768px) {
  #fx-study .point_box {
    padding-left: 6.3em;
  }
  #fx-study .point_box:before {
    width: 5.2em;
  }
}
#fx-study .box_type1 {
  margin: 2em auto;
}
#fx-study .box_type1 .box_type1_content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#fx-study .box_type1 .box_type1_content .box_type1_title {
  min-width: 12em;
  background-color: #dddbdb;
  text-align: center;
  font-weight: bold;
  padding: 0.5em 1em;
  letter-spacing: 0.03em;
}
#fx-study .box_type1 .box_type1_content .box_type1_txt {
  width: calc(100% - 14em);
  padding: 0;
}
#fx-study .box_type1 .box_type1_content + .box_type1_content {
  margin-top: 2em;
}
@media screen and (max-width: 768px) {
  #fx-study .box_type1 .box_type1_content {
    display: block;
  }
  #fx-study .box_type1 .box_type1_content .box_type1_title,
  #fx-study .box_type1 .box_type1_content .box_type1_txt {
    width: 100%;
  }
  #fx-study .box_type1 .box_type1_content .box_type1_title {
    margin-bottom: 0.8em;
  }
}
#fx-study .box_type2 {
  margin: 0 auto 2.5em;
}
#fx-study .box_type2.type_green li span {
  color: #22a839;
}
#fx-study .box_type2.type_orange li span {
  color: #ee761b;
}
#fx-study .box_type2 li {
  padding: 0.8em auto;
  letter-spacing: 0 7em;
  line-height: 2em;
  margin-left: 2.6em;
  text-indent: -2.65em;
}
#fx-study .box_type2 li span {
  padding-right: 0.4em;
}
#fx-study .blue {
  color: #024b9c;
}
#fx-study .red {
  color: #af3029;
}
#fx-study .content_end {
  margin-bottom: 5em !important;
}
#fx-study .recommendation .sns {
  margin-top: 0;
  margin-bottom: 4em !important;
}
#fx-study .recommendation .sns + p {
  margin-bottom: 3em;
}
@media screen and (max-width: 768px) {
  #fx-study .recommendation .sns {
    margin-bottom: 2em !important;
  }
}
#fx-study .recommendation .recommendation_title {
  text-align: center;
  font-size: 200%;
  margin-bottom: 1em;
  padding: 1.2em 0;
  letter-spacing: 0.08em;
}
#fx-study .recommendation .recommendation_title span {
  display: inline-block;
  font-size: 120%;
  padding: 0.2em 0.05em 0.2em;
  margin: 0 0.07em 0 0.02em;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  #fx-study .recommendation .recommendation_title {
    font-size: 120%;
  }
}

.postarea .post_type1 li .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-size: 230%;
  padding: 0.4em 0.3em 0.2em 3.3em;
  letter-spacing: 0.02em;
  margin-bottom: 0.4em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .postarea .post_type1 li .title {
    font-size: 140%;
    margin-bottom: 2.7em;
  }
}
.postarea .post_type1 li .title .rank {
  position: absolute;
  display: block;
  left: 0.5em;
  top: 50%;
  margin: auto 0;
  width: 2.3em;
  transform: translateY(-43%);
}
.postarea .post_type1 li .title .rank img {
  display: block;
  width: 100%;
}
.postarea .post_type1 li .title .points_area {
  margin-bottom: 0.1em;
  background-color: #fff;
  padding: 0.4em 1em 0.4em 1em;
  font-size: 48%;
  display: flex;
  align-items: stretch;
  min-width: 19em;
}
.postarea .post_type1 li .title .points_area .stars {
  width: 7em;
  background-image: url("/wp-content/themes/fx-chart-study/img/fx-study/star.png");
  background-position: center;
  position: relative;
  background-size: cover;
}
.postarea .post_type1 li .title .points_area .stars span {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  height: 100%;
  width: 0;
}
.postarea .post_type1 li .title .points_area .point {
  padding-left: 1.5em;
}
.postarea .post_type1 li .title .points_area .point span {
  font-size: 170%;
  display: inline-block;
  padding: 0 0 0 0.4em;
}
@media screen and (max-width: 768px) {
  .postarea .post_type1 li .title .points_area {
    position: absolute;
    bottom: -3.5em;
    right: 0;
    font-size: 50%;
  }
}
.postarea .post_type1 li .txt {
  padding-left: 7.4em;
  font-size: 115%;
  line-height: 1.7em;
}
@media screen and (max-width: 768px) {
  .postarea .post_type1 li .txt {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    font-size: 90%;
    text-align: center;
  }
}
.postarea .post_type1 li > .flex {
  padding: 1.6em 0;
}
@media screen and (max-width: 768px) {
  .postarea .post_type1 li > .flex {
    flex-direction: column-reverse;
    padding: 1em 0 2em;
  }
}
.postarea .post_type1 li > .flex > figure {
  width: 40%;
  margin: 0;
}
.postarea .post_type1 li > .flex > figure img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .postarea .post_type1 li > .flex > figure {
    width: 60%;
    margin: 0 auto;
  }
}
.postarea .post_type1 li > .flex .rec {
  width: 55%;
  padding: 1em 0;
}
.postarea .post_type1 li > .flex .rec h5 {
  display: inline-block;
  font-size: 120%;
  background-color: #cfedf7;
  margin-bottom: 1em;
  padding: 0.2em 1em 0.1em;
}
.postarea .post_type1 li > .flex .rec p {
  font-size: 130%;
  padding: 0.1em 0 0.1em 3em;
  position: relative;
}
.postarea .post_type1 li > .flex .rec p::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.8em;
  transform: translateY(-50%);
  width: 2.3em;
  height: 1.2em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-image: url("/wp-content/themes/fx-chart-study/img/fx-study/rec.png");
}
@media screen and (max-width: 768px) {
  .postarea .post_type1 li > .flex .rec {
    width: 100%;
    margin-bottom: 2em;
  }
  .postarea .post_type1 li > .flex .rec h5 {
    font-size: 100%;
  }
  .postarea .post_type1 li > .flex .rec p {
    font-size: 100%;
    padding: 0.1em 0 0.1em 2.2em;
  }
  .postarea .post_type1 li > .flex .rec p::before {
    width: 2em;
  }
}
.postarea .post_type1 li > a {
  display: block;
  width: 80%;
  max-width: 700px;
  min-width: 280px;
  margin: 0 auto 3em;
  font-size: 170%;
  color: #fff;
  text-align: center;
  padding: 0.7em 0.8em 0.5em;
  line-height: 1.1em;
  letter-spacing: 0.04em;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 10px #777;
}
.postarea .post_type1 li > a span {
  display: block;
  font-size: 55%;
  letter-spacing: 0.04em;
}
.postarea .post_type1 li > a:before {
  display: block;
  content: "";
  position: absolute;
  transform: translate(-30%, -70%) rotate(-20deg);
  width: 100%;
  height: 300%;
  background-color: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
  .postarea .post_type1 li > a {
    width: 90%;
    font-size: 120%;
    padding: 0.9em 0.8em 0.7em;
    margin: 0 auto 2em;
  }
}
.postarea .info_box1,
.postarea .info_box2,
.postarea .info_box3 {
  margin-bottom: 2em;
}
.postarea .info_box1 h4,
.postarea .info_box2 h4,
.postarea .info_box3 h4 {
  color: #256eba;
  text-align: center;
  font-size: 130%;
  margin-bottom: 0.7em;
  letter-spacing: 0.08em;
}
.postarea .info_box1 ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.postarea .info_box1 ul li {
  width: 15%;
  background-color: #cfedf7;
  text-align: center;
  padding: 0.8em 0.2em 0.2em;
  font-size: 95%;
}
.postarea .info_box1 ul li span {
  display: block;
  margin-top: 0.8em;
  width: 100%;
  padding: 0.8em 0;
  text-align: center;
  background-color: #fff;
  min-height: 3.2em;
  line-height: 1.6em;
}
.postarea .info_box1 ul li span img {
  display: block;
  margin: auto;
  width: 1.5em;
}
@media screen and (max-width: 768px) {
  .postarea .info_box1 ul {
    align-items: stretch;
  }
  .postarea .info_box1 ul li {
    width: 16.6666666667%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1.2em;
    font-size: 82%;
    padding: 0.8em 0.1em 0.2em;
  }
  .postarea .info_box1 ul li span img {
    width: 1.1em;
  }
}
.postarea .info_box1 .tool_box {
  border: 2px solid #cfedf7;
  padding: 2em 2em 2em 4em;
}
@media screen and (max-width: 768px) {
  .postarea .info_box1 .tool_box {
    padding: 1.5em;
  }
}
.postarea .info_box1 .tool_box h5 {
  color: #256eba;
  font-size: 130%;
  margin-bottom: 0.5em;
  letter-spacing: 0.05em;
  position: relative;
  width: 64%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .postarea .info_box1 .tool_box h5 {
    margin-left: 1.5em;
    font-size: 110%;
    width: 90%;
  }
}
.postarea .info_box1 .tool_box h5::before {
  display: block;
  content: "";
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  height: 1.2em;
  width: 1.2em;
  left: -1.8em;
  background-size: cover;
  background-image: url("/wp-content/themes/fx-chart-study/img/fx-study/star_one.png");
}
.postarea .info_box1 .tool_box h5 span {
  display: inline-block;
  border: 2px solid #256eba;
  padding: 0.3em 0 0.2em;
  min-width: 5em;
  text-align: center;
  font-size: 95%;
}
.postarea .info_box1 .tool_box > .flex {
  align-items: flex-start;
}
.postarea .info_box1 .tool_box > .flex:nth-child(2) {
  margin-bottom: 2em;
}
.postarea .info_box1 .tool_box > .flex .box {
  width: 65%;
}
.postarea .info_box1 .tool_box > .flex > figure {
  width: 30%;
  text-align: center;
}
.postarea .info_box1 .tool_box > .flex > figure img {
  display: inline;
  max-height: 15em;
}
@media screen and (max-width: 768px) {
  .postarea .info_box1 .tool_box > .flex {
    flex-direction: column-reverse;
  }
  .postarea .info_box1 .tool_box > .flex .box {
    width: 100%;
  }
  .postarea .info_box1 .tool_box > .flex > figure {
    width: 100%;
    margin: 0.8em 0 1.5em;
  }
}
.postarea .info_box2 {
  margin-bottom: 4em;
}
.postarea .info_box2 ul {
  display: flex;
  justify-content: space-between;
}
.postarea .info_box2 ul li {
  width: 15%;
  background-color: #256eba;
  color: #fff;
  text-align: center;
  padding: 0.5em 0.2em 0.4em;
  font-size: 95%;
  border: 2px solid #256eba;
  line-height: 1.4em;
}
.postarea .info_box2 ul li.li5 {
  width: 83%;
}
@media screen and (max-width: 768px) {
  .postarea .info_box2 ul li {
    font-size: 90%;
    width: 16.6666666667%;
    border: 2px solid #cfedf7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.postarea .info_box2 ul:nth-child(2) {
  margin-bottom: 0.4em;
}
@media screen and (max-width: 768px) {
  .postarea .info_box2 ul:nth-child(2) {
    margin-bottom: 0em;
  }
}
.postarea .info_box2 ul:nth-child(3), .postarea .info_box2 ul:nth-child(4) {
  margin-bottom: 0.2em;
}
@media screen and (max-width: 768px) {
  .postarea .info_box2 ul:nth-child(3), .postarea .info_box2 ul:nth-child(4) {
    margin-bottom: 0em;
  }
}
.postarea .info_box2 ul:nth-child(3) li, .postarea .info_box2 ul:nth-child(4) li {
  padding: 0.8em 0.2em 0.7em;
  color: #000;
  background-color: #fff;
  border: 2px solid #cfedf7;
}
.postarea .info_box2 ul:nth-child(3) li:nth-child(1), .postarea .info_box2 ul:nth-child(4) li:nth-child(1) {
  border: 2px solid #256eba;
  background-color: #256eba;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .postarea .info_box2 ul:nth-child(3) li:nth-child(1), .postarea .info_box2 ul:nth-child(4) li:nth-child(1) {
    border: 2px solid #cfedf7;
  }
}
.postarea .info_box3 {
  background: linear-gradient(90deg, rgb(204, 160, 88) 0%, rgb(140, 103, 60) 51%, rgb(204, 160, 88) 100%);
  border: 4px solid #fff;
  margin-top: 4em;
  margin-bottom: 3em;
  position: relative;
}
.postarea .info_box3::before, .postarea .info_box3::after {
  position: absolute;
  top: -10px;
  border-top: 6px solid #1e2c5b;
  display: block;
  width: 2em;
  height: 2em;
  content: "";
}
.postarea .info_box3::before {
  left: -10px;
  border-left: 6px solid #1e2c5b;
}
.postarea .info_box3::after {
  right: -10px;
  border-right: 6px solid #1e2c5b;
}
.postarea .info_box3 .inner {
  position: relative;
}
.postarea .info_box3 .inner::before, .postarea .info_box3 .inner::after {
  position: absolute;
  bottom: -16px;
  border-bottom: 6px solid #1e2c5b;
  display: block;
  width: 2em;
  height: 2em;
  content: "";
}
.postarea .info_box3 .inner::before {
  left: -10px;
  border-left: 6px solid #1e2c5b;
}
.postarea .info_box3 .inner::after {
  right: -10px;
  border-right: 6px solid #1e2c5b;
}
.postarea .info_box3 .box {
  margin: 6px;
  background-color: #fff;
  padding: 2.8em 1.5em 2em;
  position: relative;
}
.postarea .info_box3 .box h4 {
  background-position: center;
  background-image: url("/wp-content/themes/fx-chart-study/img/fx-study/title_banner1.png");
  background-repeat: no-repeat;
  padding: 1em 0;
  color: #fff;
  position: absolute;
  top: -1.7em;
  left: 0;
  right: 0;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  .postarea .info_box3 .box h4 {
    padding: 0.6em 0;
    max-width: 60%;
    margin: auto;
    background-size: contain;
  }
}
.postarea .info_box3 .box h5 {
  position: relative;
  padding-left: 1.7em;
  color: #256eba;
  font-size: 160%;
  margin-bottom: 1.2em;
  letter-spacing: 0.04em;
  line-height: 1.3em;
}
@media screen and (max-width: 768px) {
  .postarea .info_box3 .box h5 {
    font-size: 120%;
  }
}
.postarea .info_box3 .box h5::before {
  display: block;
  content: "";
  position: absolute;
  top: 0.46em;
  transform: translateY(-50%);
  height: 1.2em;
  width: 1.2em;
  left: 0;
  background-size: cover;
  background-image: url("/wp-content/themes/fx-chart-study/img/fx-study/star_one.png");
}
.postarea .info_box3 .box h5::after {
  display: block;
  position: absolute;
  z-index: 2;
  content: "";
  left: 0;
  bottom: -0.6em;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, rgb(204, 160, 88) 0%, rgb(140, 103, 60) 51%, rgb(204, 160, 88) 100%);
}
.postarea .info_box3 .box p {
  padding-left: 2.9em;
}
@media screen and (max-width: 768px) {
  .postarea .info_box3 .box p {
    padding-left: 0em;
  }
}
.postarea .info_box3 .box p + h5 {
  margin-top: 1.4em;
}

.end_link {
  display: block;
  text-align: center;
  margin: 0 auto 5em;
  font-size: 110%;
}
@media screen and (max-width: 768px) {
  .end_link {
    font-size: 95%;
  }
}

.web .end_link {
  color: #ff5654;
}
.web .recommendation_title {
  background: linear-gradient(90deg, rgb(243, 153, 79) 0%, rgb(251, 198, 0) 100%);
}
.web .recommendation_title span {
  background-color: #F6D98A;
}
.web .postarea .post_type1 li .title {
  border: 1px solid #1a528c;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(204, 245, 255) 100%);
}
.web .postarea .post_type1 li > a {
  background-color: #ff6155;
}

.fx .end_link {
  color: #00c0a5;
}
.fx .recommendation_title {
  color: #fff;
  background: linear-gradient(90deg, rgb(51, 159, 218) 0%, rgb(23, 34, 77) 100%);
}
.fx .recommendation_title span {
  background-color: #196C9A;
}
.fx .postarea .info_box1 h4,
.fx .postarea .info_box2 h4 {
  color: #b50012;
}
.fx .postarea .post_type1 li .title {
  border: 1px solid #ff8a00;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(244, 170, 142) 100%);
}
.fx .postarea .post_type1 li > a {
  background-color: #009f9b;
}
.fx .postarea .info_box1 ul li {
  background-color: #ffdfd6;
}
.fx .postarea .info_box1 .tool_box {
  border: 2px solid #ffdfd6;
}
.fx .postarea .info_box1 .tool_box h5 {
  color: #ff6155;
}
.fx .postarea .info_box1 .tool_box h5 span {
  border: 2px solid #ff6155;
}
.fx .postarea .info_box3::before, .fx .postarea .info_box3::after {
  border-color: #b50012;
}
.fx .postarea .info_box3 .inner::before, .fx .postarea .info_box3 .inner::after {
  border-color: #b50012;
}
.fx .postarea .info_box3 h4 {
  background-image: url("/wp-content/themes/fx-chart-study/img/fx-study/title_banner2.png");
}
.fx .postarea .info_box3 .box h5 {
  color: #ff6155;
}

.info_box1 h4,
.info_box2 h4,
.info_box3 h4 {
  color: #b50012;
}

.ranking h4 {
  text-align: center;
}
.ranking h4 img {
  margin: auto;
}
.ranking ul {
  margin: 3em 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ranking ul li {
  width: 18%;
  position: relative;
  margin-right: 2%;
}
.ranking ul li:last-child {
  margin-right: 0;
}
.ranking ul li > figure {
  position: absolute;
  width: 4em;
  height: 4em;
  display: block;
  top: -2em;
  left: 0.8em;
  z-index: 2;
}
.ranking ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  border: 1px solid #ff8a00;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80% auto;
}
.ranking ul li a span {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 0.8em 0;
}
@media screen and (max-width: 768px) {
  .ranking ul {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1.5em;
  }
  .ranking ul li {
    width: 29.3%;
    margin-right: 4%;
    margin-bottom: 2.7em;
  }
  .ranking ul li:nth-child(3n) {
    margin-right: 0;
  }
  .ranking ul li:nth-child(4), .ranking ul li:nth-child(5) {
    margin-bottom: 0;
  }
  .ranking ul li a {
    font-size: 80%;
    background-size: 90% auto;
  }
  .ranking ul li > figure {
    width: 3.2em;
    height: 3.2em;
    top: -1.6em;
  }
}

.hukidasi {
  border: 1px solid #727171;
  margin: 5.5em auto 3em;
  padding: 2em 2em 2em 10em;
  border-radius: 0 0.8em 0.8em 0.8em;
  font-weight: normal;
  font-size: 120%;
  width: 92%;
  max-width: 900px;
  position: relative;
  background-image: url("/wp-content/themes/fx-chart-study/img/hukidasi.png");
  background-repeat: no-repeat;
  background-position: 2em center;
  background-size: 5.5em auto;
}
.hukidasi .entry-content {
  padding: 0;
}
.hukidasi p {
  margin: 0;
  padding: 0;
}
.hukidasi b {
  font-weight: normal;
  position: absolute;
  display: block;
  width: 19em;
  text-align: center;
  padding: 0.8em 0 0.7em;
  background-color: #fff1c9;
  border-radius: 0.8em 0.8em 0 0;
  left: -1px;
  top: -2.55em;
  z-index: 2;
  border-top: 1px solid #727171;
  border-left: 1px solid #727171;
  border-right: 1px solid #727171;
}
@media screen and (max-width: 768px) {
  .hukidasi {
    font-size: 100%;
    width: 100%;
    padding: 1em 1em 1em 6em;
    background-size: 4.2em auto;
    background-position: 0.8em center;
  }
}

.fx .hukidasi b {
  background-color: #cfe9ff;
}

.commission {
  margin-bottom: 5em;
}
.commission .red_f {
  color: #ff0000;
}
.commission h4 {
  font-size: 240%;
  display: block;
  max-width: 500px;
  border-bottom: 9px solid #000;
  width: 70%;
  text-align: center;
  padding-bottom: 0.3em;
  margin: 1em auto 0.6em;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .commission h4 {
    font-size: 180%;
    border-bottom: 7px solid #000;
    margin: 0 auto 0.4em;
  }
}
.commission h4 + p {
  text-align: center;
}
.commission h5 {
  text-align: center;
  margin-bottom: 1.2em;
  color: #256eba;
  font-size: 120%;
}
.commission .js-scrollable + h5 {
  margin-top: 2.6em;
}
@media screen and (max-width: 768px) {
  .commission .js-scrollable {
    width: 100%;
    overflow-y: hidden;
  }
  .commission .js-scrollable table {
    min-width: 900px;
  }
}
.commission table {
  width: 100%;
}
.commission table th,
.commission table td {
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
  padding: 0.4em 0;
}
.commission table th img,
.commission table td img {
  margin: auto;
}
.commission table th a,
.commission table td a {
  display: inline-block;
  margin: auto;
  padding: 0.4em 0.8em 0.3em;
  background-color: #ff6155;
  text-align: center;
  color: #fff;
  box-shadow: 0px 0px 15px -5px #777777;
  font-size: 80%;
}
.commission table td:first-child {
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.commission table td:last-child {
  border: none;
}
.commission table thead th {
  background-color: #fff1c9;
  width: 9%;
  padding: 0.5em 0;
}
.commission table thead th:first-child {
  width: 25em;
}
.commission table thead th:last-child {
  border: none;
  width: 24em;
  background-color: transparent;
}

.fx .commission table th a,
.fx .commission table td a {
  background-color: #009f9b;
}
.fx .commission table thead th {
  width: 11%;
}

#privacy_policy .entry-content,
#site_policy .entry-content,
#terms_service .entry-content,
#operating_company .entry-content {
  padding: 4em 0 0;
}
#privacy_policy .entry-content h3,
#site_policy .entry-content h3,
#terms_service .entry-content h3,
#operating_company .entry-content h3 {
  margin-bottom: 1em;
  font-size: 110%;
}
#privacy_policy .entry-content .txt_box,
#site_policy .entry-content .txt_box,
#terms_service .entry-content .txt_box,
#operating_company .entry-content .txt_box {
  margin-bottom: 3em;
}
#privacy_policy .entry-content table,
#site_policy .entry-content table,
#terms_service .entry-content table,
#operating_company .entry-content table {
  margin: 0 auto;
}
#privacy_policy .entry-content table th,
#privacy_policy .entry-content table td,
#site_policy .entry-content table th,
#site_policy .entry-content table td,
#terms_service .entry-content table th,
#terms_service .entry-content table td,
#operating_company .entry-content table th,
#operating_company .entry-content table td {
  padding: 0.6em 0;
}
#privacy_policy .entry-content table th,
#site_policy .entry-content table th,
#terms_service .entry-content table th,
#operating_company .entry-content table th {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  width: 5.5em;
}
#privacy_policy .entry-content table td,
#site_policy .entry-content table td,
#terms_service .entry-content table td,
#operating_company .entry-content table td {
  padding-left: 2em;
}
#privacy_policy .entry-content ol,
#site_policy .entry-content ol,
#terms_service .entry-content ol,
#operating_company .entry-content ol {
  margin: 2em auto;
}
#privacy_policy .link_box1,
#site_policy .link_box1,
#terms_service .link_box1,
#operating_company .link_box1 {
  display: none;
}

#internet_securities .page_title,
#find_company .page_title {
  display: none;
}
#internet_securities .link_box1,
#find_company .link_box1 {
  display: none;
}
@media screen and (max-width: 768px) {
  #internet_securities .sns,
  #find_company .sns {
    margin-bottom: 1em;
  }
}

article.post .sns {
  margin: 3em 0;
}
article.post .data {
  color: #808080;
  margin-bottom: 0.8em;
}
article.post .data + h3 {
  font-size: 285%;
  margin-bottom: 1em;
  line-height: 1.3em;
}
@media screen and (max-width: 768px) {
  article.post .data + h3 {
    font-size: 180%;
  }
}
article.post .size-post-thumbnail {
  margin: 0 auto 3em;
  display: block;
  width: 100% !important;
  height: auto;
  text-align: center;
}
article.post .txt {
  font-size: 110%;
  letter-spacing: 0.04em;
  line-height: 1.8em;
  margin-bottom: 3em;
  /*デザイン*/
}
article.post .txt img {
  margin-top: 2em;
  margin-bottom: 2em;
}
article.post .txt img.alignleft {
  text-align: left;
}
article.post .txt img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
article.post .txt img.alignright {
  display: block;
  margin-right: 0;
  margin-left: auto;
}
article.post .txt h1,
article.post .txt h2,
article.post .txt h3,
article.post .txt h4,
article.post .txt h5,
article.post .txt h6 {
  font-weight: bold;
  margin: 0.5rem auto 2rem;
  letter-spacing: 0.04em;
  padding: 0;
  line-height: 1.5em;
  padding-top: 0.1em;
  padding-left: 1rem;
}
article.post .txt h1 {
  font-size: 300%;
  color: #ffffff;
  background: #232580;
}
article.post .txt h2 {
  font-size: 260%;
  color: #ffffff;
  background: #024b9c;
}
article.post .txt h3 {
  font-size: 220%;
  background: #cfedf7;
}
article.post .txt h4 {
  font-size: 180%;
  border-left: 8px solid #232580;
  padding-left: calc(1rem - 8px);
}
article.post .txt h5 {
  font-size: 140%;
  border-bottom: 3px solid #024b9c;
}
article.post .txt h6 {
  font-size: 100%;
  border-bottom: 3px dotted #cfedf7;
}
article.post .txt a {
  text-decoration: underline;
}
article.post .txt ul,
article.post .txt ol {
  margin: 1em auto;
}
article.post .txt ul {
  border: dashed 2px #232580;
  /*破線 太さ 色*/
  background: #f1f8fe;
  /*背景色*/
  padding: 0.5em 0.5em 0.5em 2.8em;
  list-style-type: disc;
}
article.post .txt ul li {
  line-height: 1.5;
  padding: 0.5em 0;
}
article.post .txt ol {
  border: solid 2px #ffb03f;
  padding: 0 0.5em;
  position: relative;
}
article.post .txt ol li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1em;
  border-bottom: dashed 1px silver;
}
article.post .txt ol li:first-child {
  padding-top: 0.8em;
}
article.post .txt ol li:last-child {
  padding-bottom: 0.8em;
  border-bottom: none;
}

.post-navigation {
  margin-top: 2em;
  margin-bottom: 1em;
}
.post-navigation .nav-links {
  width: 92%;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 11em;
}
.post-navigation .nav-links a {
  display: block;
  width: 100%;
}
.post-navigation .nav-links .post-title {
  font-size: 90%;
  line-height: 1.4em;
}
.post-navigation .nav-links .meta-nav {
  display: flex;
  font-size: 140%;
  font-weight: bold;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .post-navigation .nav-links .meta-nav {
    font-size: 100%;
  }
}
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .post-navigation .nav-links .nav-previous,
  .post-navigation .nav-links .nav-next {
    width: 45%;
  }
}
.post-navigation .nav-links .nav-previous .meta-nav {
  justify-content: flex-start;
}
.post-navigation .nav-links .nav-previous .meta-nav svg {
  margin-right: 0.5em;
}
.post-navigation .nav-links .nav-next .post-title {
  text-align: right;
}
.post-navigation .nav-links .nav-next .meta-nav {
  justify-content: flex-end;
}
.post-navigation .nav-links .nav-next .meta-nav svg {
  margin-left: 0.5em;
}

.post_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 2em;
  margin-bottom: 1.5em;
}
.post_list article {
  width: 30%;
  margin-right: 3.33%;
  margin-bottom: 5%;
  box-shadow: 0px 0px 35px #555;
  padding: 0;
}
.post_list article:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .post_list article {
    width: 48%;
    margin-right: 4%;
  }
  .post_list article:nth-child(3n) {
    margin-right: 4%;
  }
  .post_list article:nth-child(2n) {
    margin-right: 0;
  }
}
.post_list article a {
  display: block;
  width: 100%;
}
.post_list article a div {
  width: 100%;
  height: 12vw;
  min-height: 120px;
  max-height: 200px;
  padding-top: 48%;
  background-size: cover;
  background-position: center;
}
.post_list article a span {
  color: #777;
  font-size: 130%;
  display: block;
  margin: 1em 0;
}
.post_list article a h4 {
  font-size: 120%;
  margin-bottom: 0.5em;
  line-height: 1.3em;
}
.post_list article a p {
  margin-bottom: 0.7em;
  display: none;
}
@media screen and (max-width: 768px) {
  .post_list article a p {
    display: block;
  }
}
.post_list article a span,
.post_list article a h4,
.post_list article a p {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .post_list article a span {
    font-size: 100%;
  }
  .post_list article a h4 {
    font-size: 150%;
    line-height: 1.2em;
  }
}
.post_list.type1 article:nth-child(1), .post_list.type1 article:nth-child(2) {
  width: 46.7%;
}
.post_list.type1 article:nth-child(1) a h4, .post_list.type1 article:nth-child(2) a h4 {
  font-size: 160%;
}
@media screen and (max-width: 768px) {
  .post_list.type1 article:nth-child(1) a h4, .post_list.type1 article:nth-child(2) a h4 {
    font-size: 120%;
  }
}
.post_list.type1 article:nth-child(1) a p, .post_list.type1 article:nth-child(2) a p {
  display: block;
}
.post_list.type1 article:nth-child(2) {
  margin-right: 0;
}
.post_list.type1 article:nth-child(3) {
  margin-right: 3.33%;
}
@media screen and (max-width: 768px) {
  .post_list.type1 article:nth-child(3) {
    margin-right: 4%;
  }
}
.post_list.type1 article:nth-child(5) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .post_list.type1 article:nth-child(5) {
    margin-right: 4%;
  }
}

.nav-links {
  text-align: center;
  margin: 2em auto;
}
@media screen and (max-width: 768px) {
  .nav-links {
    font-size: 80%;
  }
}
.nav-links > a {
  display: inline-block;
  text-align: center;
  margin: 0 1em 0 0;
  height: 3em;
  width: 3em;
  color: #333;
  border-radius: 3px;
  box-shadow: 0 3px 3px #999;
  background: #fff;
  line-height: 3em;
}
.nav-links > a.prev, .nav-links > a.next {
  width: 5em;
}
.nav-links .current {
  display: inline-block;
  text-align: center;
  margin: 0 1em 0 0;
  height: 3em;
  width: 3em;
  border-radius: 3px;
  box-shadow: 0 3px 3px #999;
  line-height: 3em;
  color: #fff;
  background-color: #232580;
}

.pt1 {
  padding-top: 2em;
}

#contact-0 .wpcf7-spinner, #contact-1 .wpcf7-spinner {
  display: none;
}
#contact-0 .txt_c, #contact-1 .txt_c {
  text-align: center;
}
#contact-0 .wpcf7-response-output, #contact-1 .wpcf7-response-output {
  padding: 0.4em;
  font-size: 120%;
  font-weight: bold;
}
#contact-0 .link_box1, #contact-1 .link_box1 {
  display: none;
}
#contact-0 .entry-content .frame, #contact-1 .entry-content .frame {
  max-width: 700px;
}
#contact-0 .entry-content .frame input, #contact-0 .entry-content .frame textarea, #contact-1 .entry-content .frame input, #contact-1 .entry-content .frame textarea {
  width: 100%;
  border-color: #939393;
  padding: 0.4em 0.6em;
}
#contact-0 .entry-content .frame input[type=text], #contact-0 .entry-content .frame input[type=email], #contact-1 .entry-content .frame input[type=text], #contact-1 .entry-content .frame input[type=email] {
  border: none;
  border-bottom: 1px solid #939393;
}
#contact-0 .entry-content .frame input[type=checkbox], #contact-1 .entry-content .frame input[type=checkbox] {
  width: auto;
  border-color: #939393;
}
#contact-0 .entry-content .frame input.wpcf7-submit, #contact-0 .entry-content .frame .wpcf7-previous, #contact-1 .entry-content .frame input.wpcf7-submit, #contact-1 .entry-content .frame .wpcf7-previous {
  width: 6em;
  font-size: 120%;
  letter-spacing: 0.1em;
  background-color: #232580;
  padding: 0.4em 0;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 3px 3px #999;
  margin: 0 auto;
  display: inline-block;
}

#contact-1 .border_box {
  padding: 1em;
  border: 1px solid #030000;
  margin: 2em auto;
}
#contact-1 label {
  font-weight: bold;
}
#contact-1 label span {
  font-size: 85%;
  font-weight: normal;
}

#contact-2 .entry-content h3 {
  font-size: 150%;
  margin: 3em auto 2em;
  text-align: center;
}
#contact-2 .entry-content h3 + p {
  text-align: center;
}/*# sourceMappingURL=style.css.map */