@charset "UTF-8";
html {
  font-size: 62.5% !important;
  scroll-behavior: smooth;
}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif !important;
  background: #fff !important;
  -webkit-text-size-adjust: 100% !important;
  width: 100% !important;
  font-size: 1.4rem !important;
  margin: 0 auto !important;
  line-height: normal;
}

a {
  text-decoration: none;
  color: #3f6ec2;
  cursor: pointer;
}

p {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2.4rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

ul {
  list-style: none;
}

table {
  width: 100%;
  height: 100%;
}

td,
th {
  vertical-align: middle;
}

.clearboth {
  clear: both;
}

.sp-only {
  display: none;
}

.block {
  display: block;
}

.center {
  text-align: center;
}

.wrapper {
  margin: 0 auto;
  width: 1250px;
}

span.small {
  font-size: 10px;
}

.btn {
  border-width: 0;
}
.btn a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.footer {
  display: block !important;
}

/***********************************************************/
/******  フォントサイズ・色・マージン・パディング  ***********/
/***********************************************************/
.text-center {
  text-align: center;
}

.font-red {
  color: rgb(255, 45, 85);
}

.font-yellow {
  color: #fffc02;
}

.bold {
  font-weight: 600;
}

.small {
  font-size: 1rem;
  line-height: 1.5rem;
  display: inline-block;
}

.middle {
  font-size: 1.3rem;
  font-weight: normal;
  margin-left: 2px;
}

.font-m {
  font-size: 1.3rem;
}

.font2 {
  font-size: 1.9rem !important;
  font-weight: 600;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt50 {
  margin-top: 50px;
}

.mt80 {
  margin-top: 80px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mr10 {
  margin-right: 10px;
}

.displayflex {
  display: flex;
  justify-content: space-between;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.img_centerbox {
  display: block;
  text-align: center;
}

p.bg {
  background-color: #fafaff;
  padding: 20px;
}

p.p-orange {
  background-color: #fff3e1;
  padding: 20px 50px;
}

.nopadding {
  padding: 0 !important;
}

/***************** CSSアニメーション　******************/
.fluffy {
  animation: fluffy 2.5s ease infinite;
}

@keyframes fluffy {
  0% {
    transform: translateY(0);
  }
  5% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-5px);
  }
  25% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
/***********************************************/
/*****************  sidebar  ******************/
/***********************************************/
#sidebar {
  margin-bottom: 30px;
  position: sticky;
  top: 20px;
}
#sidebar a {
  position: relative;
  display: block;
  text-decoration: none;
}

/***********************************************/
/*****************  gototop  ******************/
/***********************************************/
#page_top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 4px;
  bottom: 12%;
  background: #3f6ec2;
  opacity: 0.4;
  z-index: 2;
  border-radius: 5px;
}
#page_top a {
  position: relative;
  display: block;
  text-decoration: none;
}
#page_top a::before {
  position: absolute;
  top: 10px;
  content: url("");
  background-image: url("../img/common/top.png");
  background-size: cover;
  right: 0;
  width: 31px;
  height: 30px;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top:hover {
  opacity: 0.2;
}

/***************** common ********************/
.postdate {
  font-size: 1rem;
  color: #a6a6a6;
  margin-top: 5px;
  text-align: right;
}

/***********************************************/
/*****************  header  ******************/
/***********************************************/
header {
  height: 46px;
}
header h1 {
  font-size: 1.8rem;
  padding: 7px 0 0 10px;
  color: #fff;
}
header h1:hover {
  opacity: 0.6;
}
header h1 img {
  width: 89%;
  max-width: 358px;
  height: 30px;
}
header ul {
  display: flex;
  justify-content: space-between;
}
header ul li {
  font-weight: 600;
  margin-right: 27px;
  height: 33px;
  margin-top: 5px;
  border-radius: 5px;
  position: relative;
}
header ul li.tokushu {
  margin-top: 5px;
}
header ul li p {
  color: white;
  font-weight: normal;
  font-size: 13px;
}
header ul li a:hover {
  color: #fff;
}
header ul li:hover {
  opacity: 0.6;
}
header ul li:last-child:hover {
  opacity: 1;
}
header ul li:before {
  content: "";
  border-right: 1px dotted #fff;
  height: 17px;
  width: 1px;
  right: -17px;
  top: 7px;
  position: absolute;
}
header ul li:last-child:before, header ul li:nth-child(4):before {
  content: none;
}
header ul li.all:after {
  content: "";
  background-image: url("../img/menu/nav/ranking.svg");
  width: 27px;
  height: 23px;
  top: 3px;
  left: 9px;
  display: inline-block;
  background-size: cover;
  position: absolute;
}
header ul li.beginner:after {
  content: "";
  background-image: url("../img/menu/nav/beginner.svg");
  width: 15px;
  height: 20px;
  top: 5px;
  left: 19px;
  display: inline-block;
  background-size: cover;
  position: absolute;
}
header ul li.howto:after {
  content: "";
  background-image: url("../img/menu/nav/transaction.svg");
  width: 21px;
  height: 22px;
  top: 3px;
  left: 16px;
  display: inline-block;
  background-size: cover;
  position: absolute;
}
header ul li.nav-study:after {
  content: "";
  background-image: url("../img/menu/nav/study.svg");
  width: 21px;
  height: 22px;
  top: 3px;
  left: 16px;
  display: inline-block;
  background-size: cover;
  position: absolute;
}
header ul li.tokushu:after {
  content: "";
  background-image: url("../img/menu/nav/tokushu.svg");
  width: 19px;
  height: 18px;
  top: 6px;
  left: 14px;
  display: inline-block;
  background-size: cover;
  position: absolute;
}
header ul li a {
  display: block;
  height: 31px;
  color: #fff;
  padding: 4px 12px 4px 43px;
}

/***********************************************/
/*****************  main visual  ******************/
/***********************************************/
.mv {
  position: relative;
}
.mv img {
  width: 100%;
}
.mv .year {
  position: absolute;
  font-size: 1.6rem;
  left: 37%;
  color: #fff;
  bottom: 3%;
}

/***********************************************/
/*************  ボタン   ************************/
/***********************************************/
.btn {
  background-color: #ff6435;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  color: #fff;
  font-size: 2.5rem;
  border-bottom: 3px solid #ff6130;
  font-weight: 600;
  z-index: 1;
  position: relative;
  outline: 1px solid;
  outline-color: #d54317;
  outline-offset: 0;
  transition: 0.3s;
  border-bottom: 3px solid #9a2e0d;
}
.btn:after {
  content: url("../img/common/arrow-red.svg");
  position: absolute;
  right: 11px;
  top: 20px;
}
.btn:hover {
  animation: light 0.8s infinite;
  filter: none;
}
@keyframes light {
  100% {
    outline-color: transparent;
    outline-offset: 12px;
  }
}

span.btn-atention {
  position: absolute;
  display: inline-block;
  width: 560px;
  background-color: #ffeb3b;
  color: #222;
  left: 12%;
  top: -11%;
  border-radius: 15px;
  border: 1px solid #ffc107;
  padding: 4px 0 2px;
  font-size: 1.6rem;
  letter-spacing: 0;
}
span.btn-atention span {
  color: #ff2d55;
  font-weight: 600;
  padding: 0 3px;
}
span.btn-atention:before {
  background-image: url("../img/common/bill.svg");
  background-size: contain;
  width: 47px;
  content: url("style.css");
  position: absolute;
  left: 30px;
  top: -8px;
  height: 43px;
}
span.btn-atention:after {
  background-image: url("../img/common/bill.svg");
  background-size: contain;
  width: 47px;
  content: url("style.css");
  position: absolute;
  right: 30px;
  top: -8px;
  height: 43px;
  transform: rotateY(180deg);
}

span.free {
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
  padding: 3px 9px 0;
  display: inline-block;
  font-size: 1.5rem;
  margin-right: 10px;
  color: #ff6130;
  top: -3px;
  position: relative;
}

/***********************************************/
/*************  ボタンアニメーション  **************/
/***********************************************/
.squash {
  animation: squash 0.8s ease-in-out infinite;
}

@keyframes squash {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
.blink {
  animation: blink 0.6s ease-in-out infinite alternate;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/************** 評価の★★★★★ ********************/
.rate {
  color: #ffd307;
  width: auto;
  border-bottom: 1px solid #ffd307;
  margin: 10px 0 30px;
  float: right;
  font-weight: 600;
}
.rate_star {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #cccccc;
  margin-left: 10px;
}
.rate_star:after, .rate_star:before {
  content: "★★★★★";
}
.rate_star:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #ffc107;
}
.rate_star[data-rate="0"]:after {
  width: 0%;
}
.rate_star[data-rate="1"]:after {
  width: 1%;
}
.rate_star[data-rate="2"]:after {
  width: 2%;
}
.rate_star[data-rate="3"]:after {
  width: 3%;
}
.rate_star[data-rate="4"]:after {
  width: 4%;
}
.rate_star[data-rate="5"]:after {
  width: 5%;
}
.rate_star[data-rate="6"]:after {
  width: 6%;
}
.rate_star[data-rate="7"]:after {
  width: 7%;
}
.rate_star[data-rate="8"]:after {
  width: 8%;
}
.rate_star[data-rate="9"]:after {
  width: 9%;
}
.rate_star[data-rate="10"]:after {
  width: 10%;
}
.rate_star[data-rate="11"]:after {
  width: 11%;
}
.rate_star[data-rate="12"]:after {
  width: 12%;
}
.rate_star[data-rate="13"]:after {
  width: 13%;
}
.rate_star[data-rate="14"]:after {
  width: 14%;
}
.rate_star[data-rate="15"]:after {
  width: 15%;
}
.rate_star[data-rate="16"]:after {
  width: 16%;
}
.rate_star[data-rate="17"]:after {
  width: 17%;
}
.rate_star[data-rate="18"]:after {
  width: 18%;
}
.rate_star[data-rate="19"]:after {
  width: 19%;
}
.rate_star[data-rate="20"]:after {
  width: 20%;
}
.rate_star[data-rate="21"]:after {
  width: 21%;
}
.rate_star[data-rate="22"]:after {
  width: 22%;
}
.rate_star[data-rate="23"]:after {
  width: 23%;
}
.rate_star[data-rate="24"]:after {
  width: 24%;
}
.rate_star[data-rate="25"]:after {
  width: 25%;
}
.rate_star[data-rate="26"]:after {
  width: 26%;
}
.rate_star[data-rate="27"]:after {
  width: 27%;
}
.rate_star[data-rate="28"]:after {
  width: 28%;
}
.rate_star[data-rate="29"]:after {
  width: 29%;
}
.rate_star[data-rate="30"]:after {
  width: 30%;
}
.rate_star[data-rate="31"]:after {
  width: 31%;
}
.rate_star[data-rate="32"]:after {
  width: 32%;
}
.rate_star[data-rate="33"]:after {
  width: 33%;
}
.rate_star[data-rate="34"]:after {
  width: 34%;
}
.rate_star[data-rate="35"]:after {
  width: 35%;
}
.rate_star[data-rate="36"]:after {
  width: 36%;
}
.rate_star[data-rate="37"]:after {
  width: 37%;
}
.rate_star[data-rate="38"]:after {
  width: 38%;
}
.rate_star[data-rate="39"]:after {
  width: 39%;
}
.rate_star[data-rate="40"]:after {
  width: 40%;
}
.rate_star[data-rate="41"]:after {
  width: 41%;
}
.rate_star[data-rate="42"]:after {
  width: 42%;
}
.rate_star[data-rate="43"]:after {
  width: 43%;
}
.rate_star[data-rate="44"]:after {
  width: 44%;
}
.rate_star[data-rate="45"]:after {
  width: 45%;
}
.rate_star[data-rate="46"]:after {
  width: 46%;
}
.rate_star[data-rate="47"]:after {
  width: 47%;
}
.rate_star[data-rate="48"]:after {
  width: 48%;
}
.rate_star[data-rate="49"]:after {
  width: 49%;
}
.rate_star[data-rate="50"]:after {
  width: 50%;
}
.rate_star[data-rate="51"]:after {
  width: 51%;
}
.rate_star[data-rate="52"]:after {
  width: 52%;
}
.rate_star[data-rate="53"]:after {
  width: 53%;
}
.rate_star[data-rate="54"]:after {
  width: 54%;
}
.rate_star[data-rate="55"]:after {
  width: 55%;
}
.rate_star[data-rate="56"]:after {
  width: 56%;
}
.rate_star[data-rate="57"]:after {
  width: 57%;
}
.rate_star[data-rate="58"]:after {
  width: 58%;
}
.rate_star[data-rate="59"]:after {
  width: 59%;
}
.rate_star[data-rate="60"]:after {
  width: 60%;
}
.rate_star[data-rate="61"]:after {
  width: 61%;
}
.rate_star[data-rate="62"]:after {
  width: 62%;
}
.rate_star[data-rate="63"]:after {
  width: 63%;
}
.rate_star[data-rate="64"]:after {
  width: 64%;
}
.rate_star[data-rate="65"]:after {
  width: 65%;
}
.rate_star[data-rate="66"]:after {
  width: 66%;
}
.rate_star[data-rate="67"]:after {
  width: 67%;
}
.rate_star[data-rate="68"]:after {
  width: 68%;
}
.rate_star[data-rate="69"]:after {
  width: 69%;
}
.rate_star[data-rate="70"]:after {
  width: 70%;
}
.rate_star[data-rate="71"]:after {
  width: 71%;
}
.rate_star[data-rate="72"]:after {
  width: 72%;
}
.rate_star[data-rate="73"]:after {
  width: 73%;
}
.rate_star[data-rate="74"]:after {
  width: 74%;
}
.rate_star[data-rate="75"]:after {
  width: 75%;
}
.rate_star[data-rate="76"]:after {
  width: 76%;
}
.rate_star[data-rate="77"]:after {
  width: 77%;
}
.rate_star[data-rate="78"]:after {
  width: 78%;
}
.rate_star[data-rate="79"]:after {
  width: 79%;
}
.rate_star[data-rate="80"]:after {
  width: 80%;
}
.rate_star[data-rate="81"]:after {
  width: 81%;
}
.rate_star[data-rate="82"]:after {
  width: 82%;
}
.rate_star[data-rate="83"]:after {
  width: 83%;
}
.rate_star[data-rate="84"]:after {
  width: 84%;
}
.rate_star[data-rate="85"]:after {
  width: 85%;
}
.rate_star[data-rate="86"]:after {
  width: 86%;
}
.rate_star[data-rate="87"]:after {
  width: 87%;
}
.rate_star[data-rate="88"]:after {
  width: 88%;
}
.rate_star[data-rate="89"]:after {
  width: 89%;
}
.rate_star[data-rate="90"]:after {
  width: 90%;
}
.rate_star[data-rate="91"]:after {
  width: 91%;
}
.rate_star[data-rate="92"]:after {
  width: 92%;
}
.rate_star[data-rate="93"]:after {
  width: 93%;
}
.rate_star[data-rate="94"]:after {
  width: 94%;
}
.rate_star[data-rate="95"]:after {
  width: 95%;
}
.rate_star[data-rate="96"]:after {
  width: 96%;
}
.rate_star[data-rate="97"]:after {
  width: 97%;
}
.rate_star[data-rate="98"]:after {
  width: 98%;
}
.rate_star[data-rate="99"]:after {
  width: 99%;
}
.rate_star[data-rate="100"]:after {
  width: 100%;
}

.number_rating {
  color: #ff1800;
  margin-left: 10px;
  font-weight: 600;
  margin-right: 5px;
}

/********** header **********/
.header-wrapper {
  width: 100%;
  margin: 0 auto;
  background-color: #313131;
}
.header-wrapper header {
  width: 1250px;
  height: 40px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.header-wrapper header h2 {
  color: #222;
  margin-top: 8px;
  font-size: 1.5rem;
}

/********** main visual **********/
.mv-wrapper {
  width: 100%;
  margin: 0 auto;
  background-color: #406ec2;
}
.mv-wrapper .mv {
  width: 1200px;
  height: 326px;
  margin: 0 auto;
  position: relative;
}
.mv-wrapper .mv img {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  border-radius: 20px;
}
.mv-wrapper .mv span {
  position: absolute;
  bottom: 81px;
  left: 43%;
  font-size: 1.8rem;
}

/********** ロゴ **********/
.logo_anime {
  width: 1200px;
  background-color: #33399d;
  position: relative;
  height: 0;
  margin: 0 auto;
}
.logo_anime_wrapper {
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  top: -21px;
  border: 2px solid #d1d1d1;
}
.logo_anime .slider {
  display: flex;
  padding: 3px;
}
.logo_anime .slider__inner {
  display: flex;
  align-items: center;
}
.logo_anime .slider__item {
  margin: 0 20px;
}
.logo_anime .slider__item img {
  height: auto;
  margin: 0 auto;
  max-height: 43px;
}
.logo_anime .slider__inner:first-child {
  animation: loop 90s linear infinite;
}
.logo_anime .slider__inner:nth-child(2) {
  animation: loop2 90s -60s linear infinite;
}
.logo_anime .slider__inner:last-child {
  animation: loop3 90s -30s linear infinite;
}
@keyframes loop {
  0% {
    transform: translateX(200%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes loop3 {
  0% {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-300%);
  }
}

/********** おすすめスライダー **********/
.populer_fx {
  padding: 0px 10px 15px;
}
.populer_fx_h3 img {
  width: 100%;
}
.populer_fx_wrapper h4 {
  background-color: #ff2d55;
  color: white;
  font-size: 1rem;
  width: calc(100% - 10px);
  margin: 5px auto;
  padding: 5px 0px;
  text-align: center;
  position: relative;
  height: 27px;
}
.populer_fx_box {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: 0 auto;
  background-color: #fdfae4;
  padding: 0px 60px 20px;
}
.populer_fx_box_list {
  width: 27%;
  position: relative;
  text-align: center;
}
.populer_fx_box_list_recommend {
  width: 100%;
}
.populer_fx_box_list_recommend_dummy {
  height: 37px;
}
.populer_fx_box_list_recommend img {
  width: 100%;
}
.populer_fx_box_list a:hover {
  opacity: 0.8;
  display: block;
}
.populer_fx_box_list h5 {
  color: #222;
  font-size: 1rem;
  text-align: center;
  padding: 0;
  margin: 0;
  border: 1px dotted #a27f00;
  padding: 3px;
}
.populer_fx_box_list h5:before {
  display: none;
}
.populer_fx_box_list h5 img {
  max-width: 100%;
  height: 26px;
  margin: 3px 0px;
  display: inline;
}
.populer_fx_box_list_img img {
  margin: 7px auto 5px;
  text-align: center;
  display: block;
}
.populer_fx_box_list p {
  font-size: 1.4rem;
  color: rgb(255, 45, 85);
  font-weight: 600;
}

.main_section {
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
}
.main_section h3 {
  font-size: 2rem;
  position: relative;
  color: #222;
}
.main_section h3:before {
  display: inline-block;
  width: 20px;
  position: absolute;
  left: 0;
}

/*********  左コンテンツ *********/
.main_section_left {
  width: 920px;
  /********* 案件 *************/
}
.main_section_left h3 {
  font-size: 2.5rem;
  margin-bottom: 10px;
}
.main_section_left p.recommend {
  background-color: #f7fbff;
  padding: 10px 0 10px 20px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  margin-top: 30px;
}
.main_section_left .ranking_award {
  border: 2px solid #b19221;
}
.main_section_left .ranking_award .service_title {
  background-color: #ffd746;
}
.main_section_left .ranking_award .service_title span {
  color: #222;
}
.main_section_left .ranking_award .service_title .sougou {
  color: #222;
}
.main_section_left .ranking_award .service_title_rate {
  border: none;
}
.main_section_left .ranking_award h4 span {
  margin-left: 20px;
  padding-left: 53px;
}
.main_section_left .ranking_award h4 img.ranking_crown {
  display: block;
  width: 79px;
  margin-top: 2px;
  position: absolute;
  top: -21px;
  left: 9px;
}
.main_section_left .ranking_award img.ranking_ribon {
  display: none;
}

.service {
  border: 2px solid #cacaca;
  margin-top: 45px;
  padding-bottom: 10px;
  position: relative;
}
.service-last {
  margin-bottom: 10px !important;
}
.service_attention {
  position: absolute;
  background-color: #2196f3;
  color: #fff;
  padding: 5px;
  border-radius: 30px;
  width: 500px;
  left: 20%;
  top: -32px;
  text-align: center;
  font-weight: 600;
  font-size: 1.7rem;
}
.service_attention:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 45%;
  border: 15px solid transparent;
  border-top: 15px solid #2196f3;
  width: 0;
  height: 0;
}
.service_title {
  background-color: #3f6ec2;
  display: flex;
  justify-content: space-between;
  height: 50px;
}
.service_title_rank1 {
  background-color: #b09400;
}
.service_title_rank2 {
  background-color: #646464;
}
.service_title_rank3 {
  background-color: #630802;
}
.service_title_rate {
  width: 330px;
  display: flex;
  font-size: 1.7rem;
  justify-content: space-between;
  background-color: rgb(255, 255, 255);
  margin: 7px 10px 7px 0;
  padding: 5px 10px;
}
.service_title_rate .sougou {
  color: #3f6ec2;
  padding-right: 10px;
  font-weight: 600;
  border-right: 1px solid #dbdbdb;
}
.service_title_rate .score {
  font-size: 1.3rem;
  font-weight: 600;
  color: #222;
  margin-left: 2px;
}
.service h4 {
  font-size: 2rem;
  color: #fff;
  padding-left: 27px;
  position: relative;
}
.service h4 img {
  width: 52px;
  position: absolute;
  margin-right: 10px;
  top: 0;
  left: 16px;
}
.service h4 img.ranking_crown {
  display: none;
}
.service h4 a {
  color: #fff;
}
.service h4 span {
  padding: 23px 0 0 0px;
  display: inline-block;
  font-size: 2.5rem;
  line-height: 0;
}
.service h4 span:hover {
  text-decoration: none;
}
.service h4 span.pr_name_rank {
  padding-left: 56px;
}
.service h4 span.norank {
  padding: 23px 0 0;
}
.service_keyphrase {
  color: #001b3e;
  text-align: center;
  font-weight: 600;
  padding: 10px;
  font-size: 1.8rem;
  background-color: #ffe0e0;
  border: 2px solid #fb7b7b;
  margin: 10px;
  display: flex;
}
.service_keyphrase span {
  color: #ffffff;
  padding: 2px 10px;
  font-weight: 600;
  margin-right: 10px;
  font-size: 1.5rem;
  background: #ff5722;
  flex-shrink: 0;
}
.service_keyphrase b span {
  background: none;
  color: #001b3e;
  color: #001b3e;
  padding: 0px;
  margin-right: 4px;
}
.service_content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 10px 10px 0;
}
.service_content img.banner {
  width: 210px;
}
.service_detail {
  display: flex;
  justify-content: space-between;
}
.service_detail .canvas {
  width: 220px;
  margin-left: 20px;
}
.service_detail .canvas canvas {
  width: 100%;
}
.service_detail_point {
  flex: 1;
  margin: 10px;
  border: 2px solid #c0d3f4;
  background-color: #f0f5ff;
  padding: 4px 5px 10px;
  width: calc(100% - 270px);
}
.service_detail_point ul {
  margin: 5px 5px 0 10px;
}
.service_detail_point ul li {
  color: #ff2d55;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2.3rem;
  margin: 0 0 8px;
  position: relative;
  padding-left: 18px;
}
.service_detail_point ul li:before {
  content: "";
  width: 15px;
  height: 13px;
  display: inline-block;
  background-image: url("../img/common/checkbox.svg");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 6px;
}
.service_detail_point ul p {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 5px;
}
.service_detail_point_title {
  padding: 0 5px 4px 28px;
  color: #3f6ec2;
  font-weight: 600;
  font-size: 1.7rem;
  position: relative;
  margin: 4px 12px 10px;
  border-bottom: 1px dotted #b9beea;
}
.service_detail_point_title:before {
  content: url("../img/common/point.svg");
  width: 20px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.service .ad_url_text {
  text-align: right;
  margin-right: 10px;
}
.service .campaign_wrapper {
  background-color: #FFFB90;
  border: #FFFB90;
  position: relative;
  padding: 39px 0px 17px;
  line-height: 2.2rem;
  text-align: center;
  margin: 34px 10px 20px;
  border: 2px dotted #2B2EC5;
  border-radius: 10px;
}
.service .campaign_wrapper_title {
  position: absolute;
  left: 28%;
  top: -20px;
}
.service .campaign_wrapper_txt {
  font-size: 2.2rem;
  font-weight: 600;
}
.service .campaign_wrapper_txt br {
  display: contents;
}
.service .comment {
  font-size: 1.6rem;
  display: inline-block;
  margin-left: 20px;
  font-weight: 600;
  color: #3f6ec2;
}
.service p.description {
  padding: 15px;
  background-color: #f5f5f5;
  margin: 0 10px;
  font-size: 1.4rem;
  line-height: 2.5rem;
}
.service .service_table {
  width: 677px;
}
.service .service_table table {
  border: 1px solid #e5e5e5;
}
.service .service_table th {
  background-color: #f5f5f5;
  color: #666;
  text-align: center;
  padding: 1px;
  border-right: 1px solid #ddd;
}
.service .service_table th:last-child {
  border: none;
}
.service .service_table tr {
  border-bottom: 1px solid #ddd;
}
.service .service_table tr:last-child {
  border: none;
}
.service .service_table td {
  padding: 4px 10px;
  font-size: 1.6rem;
  text-align: center;
  border-right: 1px solid #e3e3e3;
  color: #262626;
}
.service .service_table td.table {
  padding: 0;
}
.service .service_table td table th {
  padding: 0;
  font-size: 1.2rem;
}
.service .service_table td table td {
  padding: 0;
  font-size: 1.2rem;
}
.service .service_table td:last-child {
  border: none;
}
.service .service_table td .circle {
  width: 25px;
}
.service .service_table ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.service .service_table ul li {
  border: 1px dotted #3f6ec2;
  padding: 1px 9px 0;
  font-size: 1.3rem;
  margin: 0 2px 4px;
  border-radius: 12px;
  background-color: #e6efff;
  color: #3f6ec2;
}
.service .service_table ul li.notactive {
  color: #b8b8b8;
  background-color: #fafafa;
  border: 1px dotted #b9b9b9;
}
.service .service_table.search_service_table th {
  font-size: 12px;
}
.service .service_table.search_service_table table table th {
  font-size: 1.2rem;
}
.service .spread-notice {
  font-size: 9px;
  text-align: right;
  display: block;
  margin-right: 10px;
}
.service p {
  margin: 0;
  padding: 0;
  color: #444444;
}
.service .btn {
  margin: 10px;
  width: 80%;
  padding: 0;
  margin: 30px auto 10px;
  position: relative;
  display: block;
  box-sizing: border-box;
}
.service .btn a {
  text-decoration: none;
  color: inherit;
  width: 100%;
  display: block;
  padding: 30px 0 15px;
}
.service .btn:hover {
  cursor: pointer;
}
.service .btn:after {
  content: url("../img/common/arrow-animation.gif");
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 20px;
}
.service .gotodetail {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.service .gotodetail a {
  color: #3f6ec2;
  text-decoration: underline;
}
.service .gotodetail a:hover {
  text-decoration: none;
}
.service .gotodetail.search {
  text-align: end;
  margin-top: 10px;
}
.service .gotodetail.search a {
  position: relative;
}
.service .gotodetail.search a::before {
  background-image: url("../img/common/arrow-linkblue.svg");
  content: url("");
  width: 15px;
  background-size: contain;
  position: absolute;
  left: -23px;
  height: 15px;
  top: 3px;
}

.service:first-of-type {
  margin-top: 0px;
}

/************ 案件ここまで ***********/
/************　口コミ **************/
.review_box {
  display: flex;
  justify-content: space-between;
  margin: 10px 10px 0;
}
.review_box .review_box_list {
  width: 32.5%;
  border: 1px solid #d8d8d8;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.review_box .review_box_list .person {
  display: flex;
  justify-content: space-between;
}
.review_box .review_box_list .person span {
  font-size: 1.2rem;
  margin-right: 10px;
}
.review_box .review_box_list .person .rate_star {
  display: inline-block;
  margin: 0 20px 0 0;
}
.review_box .review_box_list p {
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.review_box .review_box_list .postdate {
  margin-top: auto;
}

.morereview {
  margin: 3px 10px 0 0;
  text-align: right;
}
.morereview a {
  font-size: 1.4rem;
  color: #3f6ec2;
  text-decoration: underline;
}
.morereview a:hover {
  text-decoration: none;
}

/****************  step  ******************/
#step {
  background-color: #eff5ff;
  padding: 30px 10px 0;
  margin: 70px auto 40px;
  border: 3px solid #3f6ec2;
  position: relative;
}
#step img {
  width: 800px;
  margin: 5px auto 35px;
  display: block;
}
#step h3 {
  text-align: center;
  font-size: 2.3rem;
  position: absolute;
  top: -24px;
  left: 35%;
  color: #fff;
  background-color: #3f6ec2;
  padding: 0 30px;
  border: 3px solid #3f6ec2;
  border-radius: 5px;
}
#step .step_detail {
  border-top: 1px solid #3f6ec2;
  margin: 10px auto 15px;
  width: calc(100% - 40px);
  padding: 17px 0 10px;
  position: relative;
}
#step .step_detail_title {
  position: absolute;
  border: 1px solid #3f6ec2;
  padding: 4px 10px;
  color: #222;
  font-weight: 600;
  top: -15px;
  background-color: #fff;
  left: 20px;
  border-radius: 4px;
}
#step h4 {
  margin-left: 20px;
  display: inline-block;
  border-bottom: 1px dotted #222;
  margin-bottom: 6px;
  font-size: 1.5rem;
}
#step p {
  line-height: 2rem;
  margin: 4px 20px 0;
  font-size: 1.3rem;
}

/****************  比較表 ******************/
.compare {
  margin: 10px auto 5px;
}
.compare tr.hide {
  display: none;
}
.compare .compare_show_more_box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s;
  position: relative;
  margin: 0 auto;
  z-index: 10;
  width: 130px;
  color: #fff;
}
.compare .compare_show_more_box .compare_show_more_button {
  color: #fff;
  display: none;
  line-height: 110%;
  position: absolute;
  top: -10px;
  text-align: center;
  background-color: #3f6ec2;
  border-radius: 3px;
  font-weight: bold;
  padding: 5px 30px 5px 17px;
}
.compare .compare_show_more_box .compare_show_more_button:after {
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  width: 10px;
  height: 2px;
  top: 50%;
  right: 10px;
  transform: translate(-50%, -50%);
}
.compare .compare_show_more_box .compare_show_more_button:before {
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 10px;
}
.compare .compare_show_more_box .compare_show_more_button.active {
  display: block;
}
.compare .compare_show_more_box .compare_close_button {
  color: #fff;
  display: none;
  line-height: 110%;
  position: absolute;
  top: 2px;
  text-align: center;
  background-color: #3f6ec2;
  border-radius: 3px;
  font-weight: bold;
  padding: 5px 30px 5px 20px;
}
.compare .compare_show_more_box .compare_close_button:after {
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  width: 10px;
  height: 2px;
  top: 50%;
  right: 9px;
  transform: translate(-50%, -50%);
}
.compare .compare_show_more_box .compare_close_button.active {
  display: block;
}
.compare h4 {
  font-size: 3rem;
  color: #3f6ec2;
  text-align: center;
  position: relative;
}
.compare h4::before {
  content: "";
  display: inline-block;
  margin-right: 20px;
  width: 40px;
  height: 2px;
  background-color: #3f6ec2;
  position: absolute;
  left: -50px;
  top: 22px;
}
.compare .rank img,
.compare .rank1 img,
.compare .rank2 img,
.compare .rank3 img {
  display: none;
}
.compare tr:nth(2) td {
  background-color: #ffeb3b;
}
.compare td.rankAward {
  border-right: 0px;
}
.compare .rankAward span {
  display: none;
}
.compare .rankAward img {
  display: block;
  width: 128px;
  position: absolute;
  display: block;
  left: -11px;
  top: -12px;
  z-index: 1;
}
.compare_change {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 4px solid #3f6ec2;
}
.compare_change_btn {
  background-color: #3f6ec2;
  color: #fff;
  font-size: 28px;
  text-align: center;
  padding: 10px 60px 5px;
  font-weight: 600;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  gap: 15px;
  align-items: center;
}
.compare_change_btn img {
  height: 35px;
}
.compare img.compare-title-right {
  position: absolute;
  right: 0px;
  width: auto;
  height: 53px;
  top: 0px;
}
.compare .panel {
  display: none;
}
.compare .panel.active {
  display: inline-table;
}
.compare table tbody tr.tr_award td {
  background-color: #fff597 !important;
  font-weight: 600;
}
.compare table tr {
  border-bottom: 1px solid #cbcbcb;
  border-left: 1px solid rgb(203, 203, 203);
  position: relative;
}
.compare table th {
  background-color: #f5f5f5;
  padding: 6px 0;
  text-align: center;
  line-height: 1.5rem;
  font-size: 1.2rem;
  border-right: 1px solid #ddd;
  color: #585858;
}
.compare table th:nth-child(1) {
  width: 170px;
}
.compare table th:nth-child(2) {
  width: 136px;
}
.compare table th:nth-child(3) {
  width: 66px;
}
.compare table th:nth-child(4) {
  width: 80px;
}
.compare table th:nth-child(5) {
  width: 89px;
}
.compare table th:nth-child(6) {
  width: 75px;
}
.compare table td {
  border-right: 1px solid #cbcbcb;
  padding: 10px 0;
  text-align: center;
  padding: 2px 5px;
  font-size: 1.3rem;
  line-height: 1.4rem;
  padding-top: 9px;
  position: relative;
  font-weight: 600;
  color: #595959;
  border-bottom: 1px solid #cbcbcb;
}
.compare table td b {
  margin-top: 5px;
  display: block;
}
.compare table td table {
  height: 100%;
}
.compare table td table.spread_table {
  padding-top: 0px;
}
.compare table td table.spread_table td:first-child {
  background-color: #f5f5f5;
  color: #585858;
  font-weight: 600;
  font-size: 1.1rem;
  width: 65px;
}
.compare table td .rank {
  background-color: #fff;
  color: #3f6ec2;
  display: inline-block;
  padding: 5px 5px;
  z-index: 1;
  font-size: 16px;
}
.compare table td .rank1 {
  font-weight: 600;
  display: inline-block;
  padding: 5px 5px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.compare table td .rank2 {
  font-weight: 600;
  display: inline-block;
  padding: 5px 5px;
  z-index: 1;
}
.compare table td .rank3 {
  font-weight: 600;
  display: inline-block;
  padding: 5px 5px;
  z-index: 1;
}
.compare table td .rank4 {
  background-color: #3f6ec2;
}
.compare table td a {
  color: #3f51b5;
}
.compare table td a.small {
  font-size: 1.1rem;
  letter-spacing: 0;
}
.compare table td a:hover {
  opacity: 0.6;
}
.compare table td a:hover span {
  text-decoration: none;
}
.compare table td img {
  width: 100%;
  display: block;
  text-align: center;
  z-index: 0;
}
.compare table td img.score {
  width: 27px;
  margin: 6px auto 7px;
}
.compare table td span.service_name {
  margin-top: 5px;
  display: inline-block;
  color: #3f6ec2;
  font-weight: 600;
  text-decoration: underline;
  line-height: 1.7rem;
}
.compare table td a.btn {
  font-size: 1.2rem;
  letter-spacing: 0;
  display: block;
  text-align: left;
  border-radius: 5px;
  position: relative;
  margin: 5px 0;
  text-align: center;
  padding: 4px 0px;
  color: #fff;
}
.compare table td a.btn span {
  display: block;
  font-size: 1.3rem;
  background-color: #fff;
  width: 42px;
  margin: 0 auto 5px;
  color: #ff5825;
  padding: 2px 5px 1px;
  border-radius: 3px;
}
.compare table td a.btn:after {
  content: none;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  top: 40%;
  right: 8px;
}
.compare table#compare-panel01 th:nth-child(8) {
  width: 150px;
}
.compare table#compare-panel01 td:nth-child(8) {
  text-align: left;
  line-height: 1.8rem;
  font-size: 1.3rem;
}
.compare table#compare-panel02 th.th-currency,
.compare table#compare-panel03 th.th-currency {
  font-size: 1.1rem;
  width: 74px;
}

.foot_note {
  display: none;
}

.foot_note.active {
  display: inline-table;
}

.pickup {
  margin: 40px 0 20px;
  border: 7px solid #3f6ec2;
  padding: 0 20px 20px 40px;
  position: relative;
  background-size: auto auto;
  background-color: rgb(247, 247, 255);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgb(250, 250, 255) 10px, rgb(250, 250, 255) 20px);
}
.pickup::after {
  content: "";
  background-image: url("../img/common/ribon.png");
  display: inline-block;
  position: absolute;
  right: -7px;
  top: -7px;
  width: 127px;
  height: 93px;
  z-index: 22;
  background-size: cover;
}
.pickup::before {
  content: "";
  background-image: url("../img/common/ribon.png");
  display: inline-block;
  position: absolute;
  left: -7px;
  bottom: -7px;
  width: 127px;
  height: 93px;
  z-index: 22;
  background-size: cover;
  transform: rotate(180deg);
}
.pickup_title {
  background-color: rgb(91, 97, 217);
  position: relative;
  top: -29px;
  width: 300px;
  left: -47px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 10px 0;
  font-size: 2.3rem;
}
.pickup_title:after {
  position: absolute;
  top: 0;
  display: block;
  height: 17px;
  right: -28px;
  content: "";
  border-width: 24px 15px 30px 30px;
  border-style: solid;
  border-color: rgb(91, 97, 217) transparent rgb(91, 97, 217) rgb(91, 97, 217);
  -o-border-image: initial;
     border-image: initial;
  z-index: 1;
  width: 20px;
}
.pickup_wrapper {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.pickup_left {
  width: 200px;
}
.pickup_left img {
  width: 100%;
}
.pickup p {
  width: calc(100% - 220px);
  line-height: 2.5rem;
}
.pickup .btn {
  display: block;
  padding: 0;
  box-sizing: border-box;
}
.pickup .btn a {
  text-decoration: none;
  color: inherit;
  width: 100%;
  height: 100%;
  display: block;
  padding: 30px 0 15px;
}
.pickup .btn:after {
  content: url("../img/common/arrow-animation.gif");
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 20px;
}

/* search */
.search h3 {
  font-size: 2rem;
  color: #333;
  margin-bottom: 10px;
  border-bottom: 0;
  padding-left: 47px;
}
.search h3:before {
  background-image: url("../img/common/search.svg");
  content: "";
  height: 28px;
  width: 28px;
  left: 10px;
  background-size: contain;
  position: absolute;
  top: 3px;
}
.search table {
  border: 1px solid #dddddd;
}
.search table tr {
  border-bottom: 1px solid #dddddd;
}
.search table tr:first-child, .search table tr:nth-child(2), .search table tr:nth-child(3), .search table tr:nth-child(4) {
  background: #edeff2;
  border-top: 1px solid #dddddd;
}
.search table tr:first-child td ul li, .search table tr:nth-child(2) td ul li, .search table tr:nth-child(3) td ul li, .search table tr:nth-child(4) td ul li {
  border-radius: 3px;
  margin-right: 5px;
  background-color: #fff;
  padding: 2px 0;
  width: 24%;
  min-width: 177px;
  position: relative;
}
.search table tr:first-child td ul li:last-child, .search table tr:nth-child(2) td ul li:last-child, .search table tr:nth-child(3) td ul li:last-child, .search table tr:nth-child(4) td ul li:last-child {
  margin-right: 0;
}
.search table tr:nth-child(2), .search table tr:nth-child(3), .search table tr:nth-child(4) {
  background-color: #fff;
}
.search table tr:nth-child(2) td ul, .search table tr:nth-child(3) td ul, .search table tr:nth-child(4) td ul {
  padding: 0 2px 0 10px;
}
.search table tr:nth-child(2) td ul li, .search table tr:nth-child(3) td ul li, .search table tr:nth-child(4) td ul li {
  margin-bottom: 0;
}
.search table th {
  width: 93px;
  text-align: left;
  background-color: #edeff2;
  font-size: 1.3rem;
  padding: 5px 2px 5px 5px;
  color: #585858;
  line-height: 1.7rem;
}
.search table td ul {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 2px 0 10px;
}
.search table td ul li {
  min-width: 70px;
  margin-bottom: 5px;
}
.search table td ul label {
  position: relative;
  cursor: pointer;
  padding-left: 25px;
  padding-right: 5px;
}
.search table td ul input[type=checkbox] {
  margin-left: 10px;
  position: absolute;
  top: 0;
  left: -3px;
}
.search table td ul input[type=checkbox] + label {
  display: block;
  padding-left: 25px;
}
.search table td ul input[type=radio] {
  position: relative;
}
.search table td ul label input[type=radio]::after,
.search table td ul label input[type=radio]::before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.search table td ul label input[type=radio]::before {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  left: -15px;
}
.search table td ul label input[type=radio]::after {
  background-color: #0163c7;
  border-radius: 50%;
  opacity: 0;
  width: 9px;
  height: 9px;
  left: -12px;
}
.search table td ul label input:checked::after {
  opacity: 1;
}
.search table td ul .visually-hidden {
  position: absolute;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}
.search table td button {
  margin: 10px auto;
  display: block;
}
.search table td button:hover {
  margin-top: 14px;
}
.search table td button:hover .search-btn {
  border: 0;
}
.search table td button .search-btn {
  display: block;
  width: 400px;
  background-color: #3f6ec2;
  border-radius: 5px;
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 2rem;
  border-bottom: 4px solid #00366c;
  position: relative;
  padding: 10px;
}
.search table td button .search-btn:after {
  content: "";
  background-image: url("../img/common/arrow-search.svg");
  width: 22px;
  height: 22px;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 30%;
  right: 10px;
}

.tokushu {
  margin: 50px 0px 0px 0px;
}
.tokushu ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tokushu ul li {
  width: 33%;
  margin-bottom: 10px;
}
.tokushu ul li img {
  width: 100%;
}
.tokushu ul li img:hover {
  opacity: 0.6;
}

/*　左コンテンツここまで */
/*   右セクション   */
.main_section_right {
  width: 240px;
  position: relative;
}
.main_section_right h3 {
  font-size: 1.8rem;
}
.main_section_right .main_section_right_perpose {
  margin-bottom: 30px;
}
.main_section_right .main_section_right_perpose ul {
  margin-top: 5px;
  background-color: #3f6ec2;
  padding: 5px;
  border-radius: 5px;
}
.main_section_right .main_section_right_perpose ul li {
  font-size: 1.5rem;
  background-color: #fff;
  margin-bottom: 5px;
  border-bottom: 1px solid rgb(236, 236, 236);
  font-weight: 600;
  position: relative;
  border-radius: 5px;
  border-bottom: 1px solid #9c9c9c;
}
.main_section_right .main_section_right_perpose ul li:hover {
  background-color: #21437f;
  border-bottom: 1px solid #3f6ec2;
  color: #fff;
}
.main_section_right .main_section_right_perpose ul li:last-child {
  margin-bottom: 0;
}
.main_section_right .main_section_right_perpose ul li a {
  display: block;
  color: #666666;
  padding: 11px 15px 7px;
  position: relative;
}
.main_section_right .main_section_right_perpose ul li a:hover {
  color: #fff;
}
.main_section_right .main_section_right_perpose ul li img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.main_section_right .main_section_right_company {
  margin-bottom: 30px;
  margin-top: 5px;
}
.main_section_right .main_section_right_company ul {
  margin-bottom: 20px;
  background-color: rgb(232, 232, 232);
  padding: 5px;
}
.main_section_right .main_section_right_company ul li {
  position: relative;
  background-color: #fff;
  margin-bottom: 5px;
}
.main_section_right .main_section_right_company ul li:last-child {
  margin-bottom: 0;
}
.main_section_right .main_section_right_company ul li a {
  color: #444444;
  padding: 12px 0 10px 30px;
  display: block;
  text-decoration: underline;
}
.main_section_right .main_section_right_company ul li a:hover {
  text-decoration: none;
}
.main_section_right .main_section_right_company ul li:before {
  background-image: url("../img/common/arrow-blue02.svg");
  content: url("");
  width: 15px;
  background-size: contain;
  position: absolute;
  left: 5px;
  height: 15px;
  top: 15px;
}
.main_section_right .main_section_right_company ul.tokushu {
  background-color: #fff;
  padding: 0;
  margin: 0;
}
.main_section_right .main_section_right_company ul.tokushu li a {
  padding: 0;
}
.main_section_right .main_section_right_company ul.tokushu li a:hover {
  opacity: 0.7;
}
.main_section_right .main_section_right_company ul.tokushu li a img {
  width: 100%;
  border: 2px solid #ebebeb;
}
.main_section_right .main_section_right_company ul.tokushu li:before {
  content: none;
}
.main_section_right .main_section_right_column a {
  color: #3f6ec2;
}
.main_section_right .main_section_right_column_list {
  border-bottom: 1px dotted #b9b9b9;
  margin-bottom: 10px;
  padding-bottom: 5px;
  display: flex;
}
.main_section_right .main_section_right_column_list a {
  display: flex;
  color: #333;
}
.main_section_right .main_section_right_column_list a:hover {
  opacity: 0.8;
}
.main_section_right .main_section_right_column_list img {
  width: 70px;
  height: 70px;
}
.main_section_right .main_section_right_column_list p {
  font-size: 1.2rem;
  line-height: 1.7rem;
  margin-left: 10px;
}
.main_section_right .qrcode {
  text-align: center;
  display: flex;
  gap: 6px;
  margin: 0px 10px;
}
.main_section_right .qrcode .phone {
  font-size: 14px;
  text-align: center;
  background-color: #918a8a;
  color: #fff;
  padding: 5px 10px;
}
.main_section_right .qrcode div.qr_img {
  width: 60px;
  margin: 0 auto 10px;
}
.main_section_right .qrcode span {
  display: block;
  font-size: 12px;
  width: calc(100% - 70px);
  text-align: left;
}

.fx_list {
  margin: 30px auto;
  border: 1px solid #c3c3c3;
  width: 870px;
  padding: 10px;
}
.fx_list_title {
  font-weight: 600;
  font-size: 1.5rem;
  color: #c3c3c3;
  border-bottom: 1px dotted #c3c3c3;
  margin-bottom: 10px;
}
.fx_list ul {
  display: flex;
  flex-wrap: wrap;
}
.fx_list li {
  margin-right: 30px;
  line-height: 21px;
}
.fx_list li a {
  color: #c3c3c3;
}
.fx_list li a:hover {
  text-decoration: underline;
}

.footer-wrapper {
  background-color: #222;
  margin-top: 70px;
}
.footer-wrapper footer {
  width: 850px;
  margin: 0 auto;
  padding-top: 30px;
}
.footer-wrapper footer .footer_box {
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
}
.footer-wrapper footer .footer_box ul li {
  margin-bottom: 2px;
  color: #57576c;
}
.footer-wrapper footer .footer_box ul li a {
  color: #fff;
}
.footer-wrapper footer .footer_box ul li a:hover {
  color: #fff;
  text-decoration: underline;
}
.footer-wrapper footer ul.footer-info {
  display: flex;
  margin: 15px auto;
  width: 440px;
  justify-content: space-around;
}
.footer-wrapper footer ul.footer-info li a {
  color: #8d8d8d;
  font-size: 1.2rem;
}
.footer-wrapper footer ul.footer-info li a:hover {
  text-decoration: underline;
}
.footer-wrapper footer p {
  font-size: 1.2rem;
  text-align: center;
  color: #939393;
  padding: 10px;
}

/**************************************/
/************ inner page *************/
/**************************************/
.mv-all-wrapper {
  background-color: #10cbaa;
}

.mv-beginner-wrapper {
  background-color: #22ac38;
}

.mv-small-wrapper {
  background-color: #8ae8ff;
}

.mv-howto-wrapper {
  background-color: #2363ac;
}

.mv-fee-wrapper {
  background-color: #1a6acd;
}

.mv-phone-wrapper {
  background-color: #8c66f8;
}

.mv-review-wrapper {
  background-color: #19bed1;
}

.mv-cashback-wrapper {
  background-color: #fff7c1;
}

.mv-tokushu-wrapper {
  background-color: #ffa92f;
}

.mv-zar-wrapper {
  background-color: #2f8140;
}

.mv-usd-wrapper {
  background-color: #28268c;
}

.mv-aud-wrapper {
  background-color: #7f7cff;
}

.mv-eur-wrapper {
  background-color: #ffa92f;
}

.page-template .mv {
  width: 925px;
  padding: 30px 0;
  margin: 0 auto;
  height: 356px;
  position: relative;
}

.page-template .year {
  color: #11cbaa;
  bottom: 50px !important;
}

.home .year {
  color: #fff;
}

.page-template .main_section_left .search h3 {
  margin-bottom: 10px;
  padding: 0 0 0 47px;
  background-color: #fff;
  color: #333333;
  border-bottom: 0;
}

.page-template .main_section_left .tokushu h3 {
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 0;
  background-color: #fff;
  color: #333333;
  border-bottom: 0;
}

.inner_main_section_left_content p {
  margin-top: 10px;
}

.ranking_title {
  width: 100%;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  margin-bottom: 10px;
}

.left-image-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 40px auto;
  border: 2px solid #3f6ec2;
  padding: 20px 10px 10px;
}
.left-image-box .title {
  position: absolute;
  top: -20px;
  left: 32%;
  background-color: rgb(90, 97, 217);
  color: rgb(255, 255, 255);
  padding: 6px 40px 5px;
  border-radius: 20px;
  font-size: 1.6rem;
  font-weight: 600;
}
.left-image-box img {
  margin-left: 10px;
}
.left-image-box p {
  line-height: 2.5rem;
  margin: 20px 10px;
}

.whichcurrency {
  margin-bottom: 50px;
}
.whichcurrency_text {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
}
.whichcurrency_text p {
  margin-right: 20px;
  margin-top: 10px;
  line-height: 2.5rem;
}
.whichcurrency_text img {
  width: 300px;
}
.whichcurrency .currency {
  background-color: #eff0ff;
  padding: 10px;
  display: flex;
  align-items: center;
}
.whichcurrency .currency img {
  width: 60px;
  height: 18px;
  margin-top: 4px;
  margin-right: 20px;
}
.whichcurrency .currency strong {
  font-size: 1.6rem;
  font-weight: 600;
  color: #3f6ec2;
  margin-right: 20px;
}
.whichcurrency .currency span {
  border: 1px solid #3f6ec2;
  background-color: #fff;
  padding: 2px 10px;
  font-weight: 600;
  color: #3f6ec2;
  margin: 0 5px;
  letter-spacing: 0.05rem;
}
.whichcurrency p.currency-description {
  border: 3px solid #eff0ff;
  padding: 10px;
  margin: 10px 0 20px;
}

/***********  beginner　**************/
.beginner_box {
  background-color: #eff0ff;
  padding: 30px 0;
  margin-bottom: 20px;
}
.beginner_box h3 {
  display: block;
  text-align: center;
  margin: 0 auto 15px;
  position: relative;
}
.beginner_box h3 img {
  width: 42px;
  height: 42px;
  margin-right: 14px;
}
.beginner_box h3:first-child {
  margin-top: 0;
}
.beginner_box img.whatisfx {
  width: 90%;
  margin: 20px auto 0;
}
.beginner_box img.campaign {
  margin: 10px auto 20px;
}
.beginner_box_content {
  text-align: center;
  padding: 20px;
  background-color: #fff;
  margin: 0 30px 50px;
  border: 1px solid #c3c6f2;
}
.beginner_box_content .small-btn {
  color: #3f6ec2;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
}
.beginner_box_content .small-btn:hover {
  text-decoration: none;
}
.beginner_box_content_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.beginner_box_content_flex img {
  width: 110px;
  height: 120px;
}
.beginner_box_content_flex p.comment {
  background-color: #ffefef;
  padding: 15px;
  border-radius: 10px;
  position: relative;
  display: inline-block;
}
.beginner_box_content_flex p.comment:after {
  content: "";
  background-image: url("../img/03_beginner/comment-arrow.png");
  left: -20px;
  width: 23px;
  height: 27px;
  background-size: cover;
  top: 20%;
  display: inline-block;
  z-index: 9999;
  position: absolute;
}
.beginner_box_content h4 {
  font-weight: 600;
  font-size: 2rem;
  color: #2831db;
  display: inline-block;
  border-radius: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  border: 2px dotted rgb(40, 49, 219);
  margin-bottom: 10px;
  margin-top: 50px;
  width: calc(100% - 140px);
  position: relative;
}
.beginner_box_content h4:first-child {
  margin-top: 20px;
}
.beginner_box_content h4.knowledge_detail_title::after {
  content: "";
  background-image: url("../img/common/arrow-down.svg");
  display: inline-block;
  width: 15px;
  position: absolute;
  right: 21px;
  height: 9px;
  top: 18px;
}
.beginner_box_content h4.knowledge_detail_title.selected::after {
  content: "";
  background-image: url("../img/common/arrow-down.svg");
  transform: rotateX(180deg);
}
.beginner_box_content p {
  text-align: left;
  width: calc(100% - 140px);
  margin: 0 auto 10px;
  font-weight: 400;
}
.beginner_box_content img.demo {
  width: 300px;
}
.beginner_box_content ul {
  width: calc(100% - 200px);
  text-align: left;
  margin: 0 auto;
}
.beginner_box_content ul li {
  margin-bottom: 5px;
}
.beginner_box_content .currency {
  border: 2px dotted #c3c6f2;
  margin: 20px auto;
  padding: 10px;
  width: calc(100% - 140px);
}
.beginner_box_content .currency strong {
  font-size: 1.7rem;
  margin-right: 20px;
}
.beginner_box_content .currency span {
  padding: 7px;
  background-color: #f7f7ff;
  margin-left: 5px;
}
.beginner_box .knowledge {
  margin: 0 auto;
}
.beginner_box .knowledge_detail {
  position: relative;
}
.beginner_box .btn {
  background-color: #4caf50;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 600;
  width: 600px;
  margin: 30px auto 80px;
  z-index: 1;
  position: relative;
  outline: #3c953f solid 1px;
  outline-offset: 0;
  transition: all 0.3s ease 0s;
  border-bottom: 3px solid #237e27;
  position: relative;
  display: block;
}
.beginner_box .btn::after {
  content: "";
  background-image: url("../img/03_beginner/arrow-white.svg");
  display: inline-block;
  width: 20px;
  height: 17px;
  right: 38px;
  top: 35px;
  position: absolute;
}
.beginner_box .btn::before {
  content: "";
  background-image: url("../img/03_beginner/arrow-white.svg");
  display: inline-block;
  width: 20px;
  height: 17px;
  left: 38px;
  top: 35px;
  position: absolute;
}
.beginner_box .btn span.free {
  background-color: white;
  border-radius: 5px;
  padding: 3px 9px;
  display: block;
  font-size: 1.5rem;
  margin: 6px auto 0;
  color: rgb(35, 126, 39);
  width: 110px;
  position: relative;
}

/*****************  howto   ********************/
.howto .howto_box {
  background-color: #fff;
  padding: 30px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  border: 2px solid #a4a4a4;
}
.howto img.center {
  display: block;
  text-align: center;
  margin: 10px auto;
}
.howto h3 {
  display: block;
  text-align: center;
  margin: 0 auto 25px;
  background-size: auto auto;
  background-color: rgb(63, 81, 181);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, rgb(74, 94, 208) 8px, rgb(74, 94, 208) 15px);
  color: #fff;
  padding: 10px 0;
}
.howto h4 {
  font-size: 2rem;
  text-align: center;
  border: 2px dotted #3f51b5;
  margin-bottom: 10px;
  padding: 7px;
  color: #3f51b5;
}
.howto .howto-btn {
  border: 2px solid #3f6ec2;
  text-align: center;
  width: 41%;
  margin: 20px auto 50px;
  font-weight: 600;
  color: #3f6ec2;
  font-size: 1.4rem;
  position: relative;
}
.howto .howto-btn a {
  padding: 8px;
  display: inline-block;
  width: 100%;
}
.howto .howto-btn a:after {
  content: "";
  background-image: url("../img/04_howto/howto-btn-arroow.png");
  right: 10px;
  background-size: cover;
  width: 22px;
  height: 17px;
  top: 10px;
  position: absolute;
}
.howto .howto-btn a:hover {
  color: #fff;
  background-color: #3f6ec2;
}
.howto .howto-btn a:hover:after {
  content: "";
  background-image: url("../img/04_howto/howto-btn-arroow-white.png");
  right: 10px;
}
.howto .howto-btn .swap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.howto .howto-btn .swap p {
  width: 65%;
}
.howto .howto-btn .swap img {
  width: 33%;
  height: auto;
}

/****************** read *********************/
.read {
  padding: 10px 30px;
  line-height: 2.8rem;
  border: 6px solid #ffc107;
  display: flex;
  position: relative;
  padding: 20px 10px;
  background-size: auto auto;
  background-color: rgb(255, 255, 241);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 6px, rgb(255, 250, 229) 6px, rgb(255, 250, 229) 12px);
}
.read img {
  top: -29px;
  position: absolute;
  width: 120px;
  left: 30px;
}
.read p {
  font-size: 1.6rem;
  font-weight: 600;
  padding-left: 170px;
  line-height: 2.8rem;
  color: #222;
}

.read02 {
  padding: 10px 30px;
  line-height: 2.8rem;
  border: 6px solid #ffc107;
  display: flex;
  align-items: center;
  position: relative;
  padding: 20px 10px;
  background-size: auto auto;
  background-color: rgb(255, 255, 241);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 6px, rgb(255, 250, 229) 6px, rgb(255, 250, 229) 12px);
}
.read02 img {
  width: 240px;
}
.read02 p {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.8rem;
  color: #222;
  margin-left: 20px;
}

ul.qanda {
  margin: 0 30px;
}
ul.qanda li {
  padding: 10px;
  border-radius: 5px;
  margin: 10px auto !important;
  border: 1px solid #c3c6f2;
  background-color: #fff;
  color: #008eff;
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
}
ul.qanda li.question::before {
  content: none;
}
ul.qanda li.question::after {
  content: "";
  background-image: url("../img/common/arrow-down.svg");
  display: inline-block;
  width: 15px;
  position: absolute;
  right: 21px;
  height: 9px;
  top: 18px;
}
ul.qanda li.question.selected::after {
  content: "";
  background-image: url("../img/common/arrow-down.svg");
  transform: rotateX(180deg);
}
ul.qanda li.answer {
  color: #222;
  font-weight: normal;
  display: none;
  padding: 10px 30px;
  line-height: 2.6rem;
}

/********** 少額取引 **********/
.recommend {
  background-color: #ebf9ff;
  border: 2px solid #00a0e9;
  padding: 10px;
  margin-bottom: 20px;
}
.recommend h4 {
  font-size: 3rem;
  color: #00a0e9;
  display: inline-block;
  border-bottom: 1px dotted #00a0e9;
}
.recommend h5 {
  font-size: 1.8rem;
  color: #00a0e9;
  padding-top: 10px;
}
.recommend_box {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.recommend_box_left {
  width: 350px;
}
.recommend_box_left img {
  width: 100%;
}
.recommend_box_right {
  width: 530px;
}
.recommend_box_right ul {
  background-color: #fff;
  padding: 5px;
  margin-bottom: 10px;
}
.recommend_box_right ul li {
  color: #00a0e9;
  padding: 5px 0 0 25px;
  font-weight: 600;
  font-size: 1.6rem;
  position: relative;
}
.recommend_box_right ul li:before {
  background-image: url("../img/common/checkbox-blue.svg");
  content: "";
  width: 15px;
  background-size: contain;
  position: absolute;
  left: 5px;
  height: 13px;
  top: 10px;
}
.recommend_box_right .btn {
  padding: 13px;
  font-size: 2.2rem;
}

/********** 少額取引 **********/
.leverage {
  margin: 30px 0 50px;
}
.leverage h4 {
  color: #222;
  padding: 10px 20px;
  display: inline-block;
  font-size: 1.7rem;
  background-color: #e8e8e8;
  width: 100%;
  margin: 10px 0;
}
.leverage p {
  margin-bottom: 30px;
  margin-top: 5px;
}

/********** 手数料が安い　 **********/
.fee_illust_01 {
  width: 670px;
  margin-bottom: 30px;
}

.fee_illust_02 {
  width: 800px;
  margin-bottom: 30px;
}

/**********　口コミ **********/
.review_title {
  font-weight: 600;
  font-size: 1.5rem;
  background-color: #3f6ec2;
  margin-left: 10px;
  color: #fff;
  padding: 5px 10px;
  width: calc(100% - 20px);
  box-sizing: border-box;
}

.main_section_left .service .service_review {
  display: flex;
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: 10px;
  margin: 10px;
}
.main_section_left .service .service_review img {
  width: 60px;
  margin-left: 10px;
}
.main_section_left .service .service_review_right {
  width: 780px;
  font-size: 1.3rem;
  margin-right: 10px;
}
.main_section_left .service .service_review_right_title {
  display: flex;
  justify-content: space-between;
}
.main_section_left .service .service_review_right_title .person span {
  background-color: #8c8c8c;
  color: #fff;
  padding: 2px 5px;
  margin-right: 10px;
}
.main_section_left .service .service_review_right p {
  font-size: 1.3rem;
  line-height: 2rem;
  margin: 5px 0;
  padding: 0;
}

/********** スマホページ　 **********/
.inner_main_left_content .phone .displayflex {
  align-items: flex-start;
}
.inner_main_left_content .phone h3 {
  margin-top: 30px;
}
.inner_main_left_content .phone h3:first-child {
  margin-top: 0;
}
.inner_main_left_content .phone p {
  width: 630px;
  background-color: #fafaff;
  padding: 20px;
}
.inner_main_left_content .phone img {
  width: 300px;
}

/********** 詳細ページ **********/
.advertisement-template .service {
  border: 3px solid #3f6ec2;
  background-color: #fff;
  margin-top: 0;
  padding: 0 10px;
}
.advertisement-template .service h4 {
  padding-left: 20px;
}
.advertisement-template .service h4 span {
  padding: 27px 0 0;
}
.advertisement-template .service .service_content {
  display: block;
}
.advertisement-template .service .service_content a.banner_link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.advertisement-template .service .service_content a.banner_link img.banner {
  width: 500px;
  margin: 0 auto;
  display: block;
}
.advertisement-template .service .service_content_point {
  width: 100%;
  border: 1px solid #979c02;
  margin: 20px 0;
  background-color: #fff;
}
.advertisement-template .service .service_content_point ul {
  margin: 15px 5px 15px 10px;
}
.advertisement-template .service .service_content_point ul li {
  color: #979c02;
  font-size: 1.8rem;
  padding-left: 0;
  font-weight: 600;
}
.advertisement-template .service .service_content_point ul li:before {
  content: none;
}
.advertisement-template .service .service_content_point ul li br {
  display: contents;
}
.advertisement-template .service .service_content_point_title {
  background-color: rgb(151, 156, 2);
  padding: 2px 5px 4px 10px;
  color: #fff;
  border: none;
  font-size: 1.7rem;
  font-weight: 600;
  margin: 0;
}
.advertisement-template .service .service_content p {
  margin: 0 20px;
}
.advertisement-template .service .service_content .service_review p {
  margin: 5px 0 0;
}
.advertisement-template .service .service_table {
  width: 100%;
  margin-bottom: 20px;
}
.advertisement-template .service .service_table td:first-child {
  padding: 0;
}
.advertisement-template .service .service_table td:first-child table tr td {
  padding: 2px 1px;
}
.advertisement-template .service .service_table td:first-child tr:first-child td {
  background-color: #f5f5f5;
  font-weight: 600;
}
.advertisement-template .service .service_review {
  display: block;
}
.advertisement-template .service .service_review_right {
  width: 100%;
}

h5 {
  background-color: #edf3fe;
  color: #3f6ec2;
  padding: 10px 20px 10px 60px;
  font-size: 1.7rem;
  margin: 40px 0 10px;
  position: relative;
}
h5:before {
  content: url("../img/common/ribon-blue_v2.png");
  position: absolute;
  top: 0;
  left: 20px;
}

h5.review-title:before {
  content: "";
  background-image: url("../img/common/review-icon_v2.svg");
  display: inline-block;
  width: 32px;
  height: 26px;
  top: 11px;
  background-size: cover;
}

.column {
  display: flex;
  justify-content: space-between;
  margin: 0 40px;
}
.column ul {
  width: 450px;
  margin-top: 20px;
}
.column ul li {
  border: 1px solid #3f6ec2;
  background-color: #f7faff;
  display: block;
  color: #3f6ec2;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 50px;
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
}
.column ul li:before {
  content: "";
  width: 40px;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: inline-block;
  background-color: #3f6ec2;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.column ul li:after {
  content: "";
  width: 26px;
  height: 19px;
  top: 25px;
  left: 7px;
  position: absolute;
  display: inline-block;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-image: url("../img/common/check.svg");
  background-size: cover;
}
.column img {
  width: 300px;
}

p {
  background-color: transparent;
}

.service_review {
  background-color: #fafaff;
  border-radius: 10px;
}

/******************** 特集ページ　***********************/
.tokushu-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.tokushu-wrapper a {
  width: 48%;
  margin-bottom: 20px;
}
.tokushu-wrapper a img {
  width: 100%;
  border-radius: 10px;
}
.tokushu-wrapper a img:hover {
  opacity: 0.8;
}

/********************* 通貨ごとのページ　********************/
h3.forwhom {
  font-size: 2rem;
  margin-top: 20px;
  text-align: center;
  padding: 10px 30px;
  line-height: 2.8rem;
  border: 6px solid #ffc107;
  position: relative;
  padding: 21px 10px 15px;
  background-size: auto auto;
  background-color: rgb(255, 255, 241);
  background-image: repeating-linear-gradient(45deg, transparent, transparent 6px, rgb(255, 250, 229) 6px, rgb(255, 250, 229) 12px);
}
h3.forwhom b {
  position: absolute;
  left: 43%;
  top: -21px;
  background-color: #ffc108;
  padding: 3px 17px;
  border-radius: 5px;
  font-size: 1.9rem;
  font-weight: 600;
}

h3.h3-currency {
  color: #e78a00;
  text-align: center;
}
h3.h3-currency b.about {
  border: 1px dotted #e78a00;
  padding: 3px 17px;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: 600;
  width: 150px;
  color: #e78a00;
  text-align: center;
  margin: 0 auto 10px;
  display: block;
}

.watch {
  background-color: #b5e6f0;
  padding: 20px;
  margin: 50px auto 70px;
  border-radius: 10px;
}
.watch_box {
  display: flex;
  justify-content: space-between;
}
.watch_box_list {
  background-color: #fff;
  width: 49%;
  padding: 20px;
  border-radius: 10px;
}
.watch_box_list h4 {
  font-size: 2rem;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #9fc1b6;
}

/***********************************************/
/********************  popup  ******************/
/***********************************************/
.popupbg {
  background-color: #222;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.popup {
  z-index: 2;
  position: absolute;
  width: 400px;
  top: 20%;
  left: 38%;
  background-color: #4742a9;
  border: 2px solid #fff;
}
.popup .close {
  position: absolute;
  right: -2px;
  top: -35px;
  background-color: #222222;
  width: 40px;
  height: 35px;
  border: 2px solid #fff;
}
.popup .close img {
  width: 56%;
  margin: 5px auto;
  display: block;
}
.popup_box {
  position: relative;
}
.popup_box h3 {
  font-size: 3rem;
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 35px;
  margin: 10px 0;
}
.popup_box h3 span {
  color: #fcee21;
  display: block;
}
.popup_box_list {
  background-color: #fff;
  margin: 10px;
  padding: 10px;
}
.popup_box_list h4 {
  color: rgb(255, 246, 0);
  font-size: 2.2rem;
  text-align: center;
  font-weight: 600;
  padding: 5px;
  background-color: #3f6ec2;
}
.popup_box_list img {
  width: 90%;
  display: block;
  margin: 10px auto;
}
.popup_box_list_btn {
  background-color: rgb(255, 246, 0);
  border-radius: 5px;
  padding: 8px;
  color: rgb(0, 104, 200);
  font-weight: 600;
  text-align: center;
  font-size: 1.8rem;
  border-bottom: 1px solid #c7c006;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto !important;
  align-self: stretch;
}
.slick-slide div {
  height: 100%;
  max-height: 200px;
}
.slick-slide div.populer_fx_box_list {
  display: flex !important;
  justify-content: center;
  align-items: flex-end;
}
.slick-slide div.populer_fx_box_list a {
  width: 100%;
  height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.slick-slide div.populer_fx_box_list a img {
  margin-top: auto;
}

/***********************************************/
/*******************  検索結果  *****************/
/***********************************************/
.result {
  border-radius: 10px;
  background-color: #e7e9ff;
  padding: 30px;
  width: 100%;
  max-width: 1210px;
  margin: 40px auto;
  overflow: hidden;
}
.result_title {
  margin-bottom: 20px;
  border-bottom: 1px dotted #222;
  padding-bottom: 6px;
  display: flex;
}
.result_title b {
  font-size: 20px;
  margin-right: 20px;
}
.result_title div#move_search {
  background-color: #3f6ec2;
  border-radius: 4px;
  color: #fff;
  padding: 2px 42px 2px 8px;
  align-items: center;
  display: flex;
  transition: 0.3s all;
  position: relative;
  font-size: 12px;
}
.result_title div#move_search::after {
  content: "";
  background-image: url("../img/common/arrow-search.svg");
  width: 13px;
  height: 13px;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.result_title div#move_search:hover {
  background-color: #1f80e0;
  transition: 0.3s all;
}
.result .option li {
  border-radius: 4px;
  border: 1px dotted #222;
  padding: 2px 8px;
  font-size: 13px;
  display: inline-block;
  margin-right: 6px;
  margin-top: 4px;
}

.search_filter {
  margin: 30px auto;
  width: 100%;
  max-width: 1210px;
  overflow: hidden;
  display: flex;
  justify-content: end;
  align-items: center;
}
.search_filter span {
  font-size: 14px;
  margin-right: 16px;
}
.search_filter ul {
  padding: 8px;
  float: right;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.search_filter ul li {
  display: inline-block;
  margin: 0 6px;
  cursor: pointer;
  padding: 2px 21px 2px 10px;
  position: relative;
  transition: 0.3s all;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.search_filter ul li:hover {
  background-color: #dfdfdf;
  border-radius: 4px;
  transition: 0.3s all;
}
.search_filter ul li:after {
  content: "";
  position: absolute;
  background-image: url("../img/09_search/arrow.png");
  background-size: cover;
  width: 8px;
  height: 15px;
  top: 5px;
  right: 7px;
}
.search_filter ul li.sorted {
  background-color: #3f6ec2;
  padding: 2px 21px 2px 10px;
  border-radius: 4px;
  color: #fff;
  transition: 0.3s all;
}
.search_filter ul li.sorted:after {
  content: none;
}
.search_filter ul li.sorted:before {
  content: "";
  position: absolute;
  background-image: url("../img/09_search/arrow-active.png");
  background-size: cover;
  width: 10px;
  height: 16px;
  top: 4px;
  right: 6px;
  transition: 0.3s background-color;
}
.search_filter ul li.sorted:hover {
  transition: 0.3s;
  background-color: #2b4a83;
}
.search_filter ul li.sorted:hover:before {
  background-image: url("../img/09_search/arrow-active-hover.png");
  width: 10px;
  height: 16px;
}
.search_filter ul li.desc:before {
  transform: rotate(180deg);
}

/***********************************************/
/*******************  利用規約  *****************/
/***********************************************/
.terms {
  width: 100%;
  max-width: 960px;
}
.terms h2 {
  font-size: 20px;
  margin: 30px 0;
  border-bottom: 1px solid #222;
}
.terms h3 {
  font-size: 18px;
}
.terms p {
  font-size: 14px;
  margin-bottom: 30px;
}

/***********************************************/
/*******************  運営情報  *****************/
/***********************************************/
.about {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.about h2 {
  font-size: 20px;
  margin: 30px 0;
  border-bottom: 1px solid #222;
}
.about dt {
  width: 100%;
  font-weight: 400;
  padding: 5px 0 5px 10px;
  background-color: #efefef;
}
.about dd {
  width: 100%;
  padding: 5px 0 5px 10px;
  margin: 0;
}

.footer-info {
  margin-top: 40px;
}
.footer-info h3 {
  font-size: 15px;
}
.footer-info-wrapper {
  color: #797979;
}
.footer-info-box {
  margin: 10px 0;
}
.footer-info-box p {
  color: #797979;
  font-size: 11px;
  line-height: 150%;
}

/***********************************************/
/******************   調査結果  *****************/
/***********************************************/
.research h2 {
  font-size: 20px;
  margin: 30px 0;
  border-bottom: 1px solid #222;
}
.research h3 {
  font-size: 16px;
}
.research p {
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 40px;
}
.research dl {
  line-height: 19px;
  font-size: 14px;
  margin-bottom: 40px;
}
.research dt {
  font-weight: 400;
  float: left;
}
.research dd {
  margin-left: 125px;
}

/***********************************************/
/*****************  お問い合わせ  ****************/
/***********************************************/
.page-template-page-contact {
  background-color: #f4f5f7 !important;
}
.page-template-page-contact .header-container {
  display: none !important;
}
.page-template-page-contact .content {
  margin-top: 24px;
}
.page-template-page-contact .content .content-in {
  width: 860px;
}
.page-template-page-contact .content .content-in .main {
  padding: 20px 29px;
}
.page-template-page-contact .content .content-in .main h1 {
  color: #333333;
}
.page-template-page-contact .content .content-in .main input[type=submit] {
  text-align: center;
}

/***********************************************/
/*****************  殿堂入り  ****************/
/***********************************************/
.award {
  border: 2px solid #3f51b5;
  position: relative;
  margin-top: 50px;
}
.award_title {
  background-color: #3f51b5;
  padding: 6px 0 5px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.award_title_left {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 26px;
  color: #fff;
}
.award_title_left img {
  width: 45px;
}
.award_title_right {
  width: 320px;
  margin-right: 14px;
}
.award_title_right img {
  width: 100%;
}
.award_services .service {
  background-color: #fff;
  border: 0px;
  margin: 10px;
}
.award_services .service h4 {
  padding-left: 17px;
}
.award_services .service h4 img {
  display: none;
}
.award_services .service h4 span {
  padding: 23px 0 0;
  line-height: 15px;
}

/***********************************************/
/*******************  FXの学び方  ***************/
/***********************************************/
.mv-study {
  background-color: #4fbf99;
}

.panNav {
  font-size: 12px;
  padding-top: 10px;
  display: flex;
  gap: 6px;
  margin-left: 20px;
}

.study {
  scroll-padding-top: 70px;
  background-color: #eff0ff;
  margin-bottom: 60px;
}
.study .box {
  line-height: 170%;
  background-color: #fff;
  padding: 40px;
  margin: 20px;
  border: 1px solid #c3c6f2;
}
.study_column {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  width: 720px;
  margin: 30px auto;
}
.study_column img {
  max-width: 360px;
  margin-bottom: 10px;
}
.study_column p {
  font-size: 14px !important;
}
.study h3 {
  text-align: center;
  padding: 10px;
  margin: 20px;
  background-color: #376fff;
  color: #fff;
  font-size: 2rem;
}
.study h4 {
  font-size: 22px;
  text-align: center;
  margin: 40px 0 20px;
  position: relative;
  padding-top: 50px;
  line-height: 120%;
}
.study h5 {
  font-size: 16px;
  margin: 50px 0 10px;
  color: #414141;
  padding: 7px 0 8px 20px;
  background-color: #e8ffe6;
}
.study h5:before {
  content: none;
}
.study h6 {
  padding-bottom: 1px;
  border-bottom: 1px dotted #222;
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
}
.study p {
  font-size: 15px;
  line-height: 170%;
}
.study p.font-14size {
  font-size: 14px;
}
.study span.small {
  font-size: 10px;
}
.study span.answer {
  display: block;
  padding: 10px 12px;
  background-color: #ffeb3b;
  line-height: 130%;
  margin-bottom: 5px;
  color: #ff5722;
  font-weight: 600;
}
.study-wrapper {
  margin: 20px 10px 0;
  padding-top: 10px;
  padding-bottom: 20px;
}
.study-wrapper b {
  font-weight: 600;
  color: #f06e6e;
}
.study-btn {
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  border: 1px solid #f2f5c6;
  background: #fffeef;
  box-shadow: 0 2px 0 0 #e5e9b6;
  border-radius: 6px;
  width: calc(50% - 20px);
}
.study-btn:hover {
  background-color: #fffcd2;
}
.study-btn a {
  padding: 15px 20px 10px;
  color: #5a5a5a;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.study-btn a b {
  color: #595959;
}
.study-btn a img {
  width: 40px;
  margin-left: 20px;
}
.study .btn-title {
  font-size: 15px;
  text-align: left;
  padding-bottom: 7px;
  color: #474747;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 10px;
  margin-top: 60px;
}
.study .studyBtn {
  border: 2px solid #b3f2ae;
  background-color: #d0ffcc;
  padding: 20px 12px;
  border-radius: 10px;
  margin: 90px 0 40px;
  position: relative;
}
.study .studyBtn .try {
  position: absolute;
  width: 200px;
  top: -35px;
  left: calc((100% - 172px) / 2);
  width: 172px;
}
.study .open {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.study .demo {
  display: block;
  margin: 20px auto 0;
  text-align: center;
}
.study ul {
  background-color: #fff3f3;
  padding: 10px 16px;
  margin: 10px 0;
}
.study ul.check {
  position: relative;
}
.study ul.check li {
  position: relative;
  left: 20px;
}
.study ul.check li:before {
  content: "";
  position: absolute;
  background-image: url("../img/study/check.png");
  width: 15px;
  height: 15px;
  background-size: contain;
  display: block;
  left: -19px;
}
.study ul.check li:first-child:before {
  top: 3px;
}
.study ul.check li:before {
  top: 9px;
}
.study ul.order {
  background-color: #fff;
  margin: 10px 20px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
.study ul.order li {
  margin: 5px 20px 5px 0;
}
.study ul.order li:last-child {
  margin-right: 0;
}
.study ul.order li p a:hover {
  color: #329cf3;
}
.study ul.number {
  list-style: decimal !important;
  list-style-type: decimal !important;
}
.study ul li {
  display: block;
  line-height: 150%;
  margin: 5px 0;
  padding-top: 5px;
  font-weight: 600;
  line-height: 160%;
  position: relative;
}
.study ul li:first-child.check:before {
  top: 3px;
}
.study ul li.check {
  position: relative;
  left: 20px;
}
.study ul li.check:before {
  content: "";
  position: absolute;
  background-image: url("../img/study/check.png");
  width: 15px;
  height: 15px;
  background-size: contain;
  display: block;
  left: -19px;
  top: 9px;
}
.study ul li:first-child {
  padding-top: 0;
  border-top: 0;
}
.study ul li p {
  color: #2196f3;
  text-decoration: underline;
  position: relative;
  padding: 0 0 0 10px;
}
.study ul li p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 4px solid transparent;
  border-left: 7px solid #329cf3;
}
.study ul li p:hover {
  text-decoration: none;
}
.study ol {
  background-color: #fff3f3;
  padding: 10px 16px 10px 25px;
  margin: 10px 0;
  list-style: decimal !important;
  list-style-type: decimal !important;
}
.study ol li {
  line-height: 150%;
}
.study .stepBox {
  margin: 20px auto;
  text-align: center;
}
.study .stepBox img {
  width: 610px;
  margin: 10px 0;
}

.btn-title {
  font-size: 2.5rem;
  color: #222;
  font-weight: 600;
  margin-bottom: 10px;
}

.study-btn-wrapper {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.center {
  display: block;
  margin: 0 auto;
}

.font-14size {
  font-size: 14px;
}

.order_imgtitle_ask {
  font-size: 16px;
  background-color: #f75e11;
  border-radius: 4px;
  color: #fff;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
}

.order_imgtitle_bit {
  font-size: 16px;
  background-color: #1143f7;
  border-radius: 4px;
  color: #fff;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
}

/*********   広告枠  *********/
.ad {
  margin-bottom: 20px;
}

.ad-p {
  background-color: #3f6ec2;
  text-align: center;
  color: #fff;
  padding: 4px 0px;
}

.ad a {
  display: block;
  padding: 10px;
  border: 1px solid #3f6ec2;
  background-color: #f8fcff;
}

.populer_fx_box.slick-initialized {
  display: block;
}

/*********   離脱防止モーダル  *********/
.back-modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.back-modal-bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.back-modal-content {
  background: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}

/** app banner *****/
.app_banner_content {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 7px 10px #ebebeb;
  position: relative;
  margin: 30px 0px 20px;
}
.app_banner_content h2 {
  background-color: #0f7813;
  border-radius: 23px;
  padding: 6px 23px 3px 22px;
  font-size: 15px;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: -19px;
  left: 0;
  display: flex;
  gap: 7px;
  width: 210px;
  right: 0;
}
.app_banner_content h2 img {
  width: 18px;
}
.app_banner_content_free {
  background-color: #c7ecae;
  border-top-left-radius: 10px;
  padding: 21px 0px 9px;
  border-top-right-radius: 10px;
}
.app_banner_content_free img {
  margin: 0px auto 0px;
  display: block;
  width: 92%;
}
.app_banner_content_img img {
  width: 100%;
}
.app_banner_content_box {
  border-radius: 4px;
  padding: 8px 4px 4px 4px;
}
.app_banner_content_name {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-bottom: 1px dashed #bebcbc;
  padding-bottom: 4px;
  margin-bottom: 8px;
}
.app_banner_content_name .icon {
  width: 68px;
}
.app_banner_content_name .icon img {
  width: 100%;
  border: 1px solid #3f6ec2;
}
.app_banner_content_badge a {
  width: 131px;
  margin-bottom: 4px;
  display: block;
}

/********************   初心者のためのFXガイド　*************************/
.beginner_guide {
  margin: 20px 10px;
}
.beginner_guide_title img {
  display: block;
  margin: 0 auto;
}
.beginner_guide_box {
  margin-top: 10px;
}
.beginner_guide_change {
  background-color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 2rem;
  font-weight: 600;
  gap: 4px;
  display: flex;
  flex-direction: row;
}
.beginner_guide_change_btn {
  border-top: 2px solid #08b705;
  border-left: 2px solid #08b705;
  border-right: 2px solid #08b705;
  flex: 1;
  height: 50px;
  line-height: 110%;
  color: #039f00;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 1.8rem;
  font-weight: 600;
}
.beginner_guide_change_btn.active {
  opacity: 1;
  color: #063d05;
}
.beginner_guide_change .active {
  background-color: #74E472;
}
.beginner_guide_panel {
  padding: 30px 20px;
  border: 3px solid #08b705;
  height: 170px;
  display: none;
  line-height: 150%;
}
.beginner_guide_panel p {
  width: calc(100% - 200px);
}
.beginner_guide_panel_left {
  width: calc(100% - 370px);
}
.beginner_guide_panel.active {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.beginner_guide_panel img {
  max-height: 110px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.beginner_guide_panel span.small {
  font-size: 1.1rem;
}
.beginner_guide_panel .btn_app {
  background-color: #fff9be;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 7px;
  position: relative;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 10px;
  width: 350px;
}
.beginner_guide_panel .btn_app span {
  display: block;
  text-align: center;
  font-size: 1.6rem;
}
.beginner_guide_panel .btn_app_left {
  border: 2px dotted #a19b5f;
}
.beginner_guide_panel .btn_app .qr_img {
  width: 80px;
  height: 80px;
}
.beginner_guide_panel .btn_app .qrcode {
  text-align: center;
  display: flex;
  margin: 4px;
  gap: 6px;
}
.beginner_guide_panel .btn_app .qrcode .phone {
  font-size: 14px;
  text-align: center;
  background-color: #918a8a;
  color: #fff;
  padding: 5px 10px;
}
.beginner_guide_panel .btn_app .qrcode div.qr_img {
  width: 60px;
  height: 60px;
  margin: 0 auto 0px;
}
.beginner_guide_panel .btn_app .qrcode span {
  display: block;
  font-size: 12px;
  width: calc(100% - 70px);
  text-align: left;
}
.beginner_guide_panel .btn_app_right {
  width: 100%;
}
.beginner_guide_panel .btn_app_right_title {
  width: 190px;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 5px;
}
.beginner_guide_panel .btn_app_right_title img {
  width: 100%;
}
.beginner_guide_panel .btn_app_right_box {
  display: flex;
  gap: 10px;
}
.beginner_guide_panel .btn_app_right_box a {
  width: calc(50% - 5px);
}
.beginner_guide_panel .btn_app_right_box img {
  width: 100%;
}

.theme_recommend_wrapper {
  display: flex;
  gap: 20px;
  background-color: #ffffed;
  padding: 40px 20px 20px;
  width: 100%;
}
.theme_recommend_wrapper.multi_line {
  padding: 50px 20px 20px;
}
.theme_recommend_wrapper .recommend_ad {
  position: relative;
  flex: 1;
  background-color: #FFF9C1;
  padding: 18px 15px 15px;
  border-radius: 10px;
  border: 3px solid #FF6B3E;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.theme_recommend_wrapper .recommend_ad_title {
  position: absolute;
  top: -20px;
  width: 180px;
  left: 50%;
  transform: translate(-50%, 0%);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: url(../img/common/recommend_title.png);
  background-size: 100% 100%;
  aspect-ratio: 250/48;
}
.theme_recommend_wrapper .recommend_ad_title.multi_line {
  top: -38px;
  width: 220px;
  aspect-ratio: 250/56;
}
.theme_recommend_wrapper .recommend_ad_title span {
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  font-weight: bold;
}
.theme_recommend_wrapper .recommend_ad {
  border: 3px solid #357C82;
  background-color: #F1FEFF;
}
.theme_recommend_wrapper a.ad_title {
  font-size: 1.9rem;
  padding: 4px 0px;
  text-align: center;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  line-height: 1.6rem;
}
.theme_recommend_wrapper img {
  width: 190px;
  display: block;
  text-align: center;
  margin: 7px auto 4px;
  cursor: pointer;
}
.theme_recommend_wrapper p {
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 600;
  text-align: center;
  margin: 10px 0px;
  flex: 1;
}
.theme_recommend_wrapper .btn {
  width: 100%;
  font-size: 1.8rem;
  padding: 10px 0px;
}

/*********   scroll-hint  *********/
.scroll-hint-icon {
  opacity: 1;
}

.scroll-hint-icon.hide {
  opacity: 0;
}

/*********   single-table  *********/
.single-table {
  overflow: inherit;
  border: 1px solid #dddddd;
}
.single-table .sorted-column {
  background-color: rgb(231, 236, 255) !important;
}
.single-table .js-scrollable {
  overflow: auto;
}
.single-table .js-scrollable table#compare-panel01 {
  width: -moz-max-content;
  width: max-content;
  max-width: none;
  min-width: 100%;
}
.single-table .js-scrollable table#compare-panel01 th {
  padding: 10px 0px;
}
.single-table .js-scrollable table#compare-panel01 th.sort-header svg {
  fill: #9e9e9e;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(1) {
  width: 42px !important;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(2) {
  width: 136px;
  position: sticky;
  width: 130px;
  left: -1px;
  z-index: 4;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(3) {
  width: 60px;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(4) {
  width: 80px;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(5) {
  width: 85px;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(6) {
  width: 80px;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(7) {
  width: 75px;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(8) {
  width: 85px;
  text-align: center;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(9) {
  width: 75px;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(10) {
  width: 260px;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(11) {
  width: 60px;
}
.single-table .js-scrollable table#compare-panel01 th:nth-child(12) {
  width: 120px;
}
.single-table .js-scrollable table#compare-panel01 td span.click-move {
  color: #3f6ec2;
  text-decoration: underline;
  cursor: pointer;
}
.single-table .js-scrollable table#compare-panel01 td span.click-move:hover {
  color: #e53900;
}
.single-table .js-scrollable table#compare-panel01 td:nth-child(1) {
  z-index: 4;
  padding: 0px 2px;
  background-color: #fff;
  width: 50px;
}
.single-table .js-scrollable table#compare-panel01 td:nth-child(2) {
  position: sticky;
  left: -1px;
  z-index: 4;
  background-color: #fff;
}
.single-table .js-scrollable table#compare-panel01 td:nth-child(8) {
  text-align: center;
}
.single-table .js-scrollable table#compare-panel01 td:nth-child(12) {
  padding: 15px;
}
.single-table .js-scrollable table#compare-panel01 td img.circle {
  width: 27px;
  margin: 6px auto 7px;
}
.single-table .js-scrollable table#compare-panel01 td .rankAward {
  background-image: url("../img/common/most_recommend.png");
  background-size: contain;
  width: 42px;
  height: 42px;
  margin-left: 1px;
}
.single-table .js-scrollable table#compare-panel01 td .rankAward span {
  display: none;
}
.single-table .js-scrollable table#compare-panel01 td .rank1 {
  position: relative !important;
  background-image: url("../img/01_top/no1.png");
  background-size: contain;
  width: 34px;
  height: 40px;
}
.single-table .js-scrollable table#compare-panel01 td .rank1 span {
  display: none;
}
.single-table .js-scrollable table#compare-panel01 td .rank2 {
  background-image: url("../img/01_top/no2.png");
  background-size: contain;
  width: 34px;
  height: 40px;
}
.single-table .js-scrollable table#compare-panel01 td .rank2 span {
  display: none;
}
.single-table .js-scrollable table#compare-panel01 td .rank3 {
  background-image: url("../img/01_top/no3.png");
  background-size: contain;
  width: 34px;
  height: 40px;
  background-repeat: no-repeat;
}
.single-table .js-scrollable table#compare-panel01 td .rank3 span {
  display: none;
}
.single-table .js-scrollable table#compare-panel01 tr.tr_rank1 td:first-child {
  background-color: #fbffaf !important;
}
.single-table .js-scrollable table#compare-panel01 tr.tr_rank2 td:first-child {
  background-color: #e6e6e6 !important;
}
.single-table .js-scrollable table#compare-panel01 tr.tr_rank3 td:first-child {
  background-color: #ecd48d !important;
}

.page-template-page-top .theme_recommend {
  margin-top: 0 !important;
}
.page-template-page-top .theme_recommend .theme_recommend_title {
  display: none;
}
.page-template-page-top .compare {
  margin: 30px auto 5px;
}
.page-template-page-top .beginner_guide {
  margin: 30px 10px 20px;
}/*# sourceMappingURL=style.css.map */