@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
html, body {
  height: 100%;
}
body {
  font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.1rem;
  background-color: #fff;
}
img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
a:link {
  color: #1a77c5;
  text-decoration: underline;
}
a:hover {
  color: #3399CC;
  text-decoration: none;
}
a:visited {
  color: #663366;
  text-decoration: none;
}
picture{
    display: block;
}
picture + *{
    margin-top: 1em;
}
/*--------------------
common
---------------------*/
.inner {
  padding: 0 15px;
  width: 100%;
}
a.btn {
  color: #fff;
  display: block;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  width: 100%;
  position: relative;
}
.fade_off {
  opacity: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.fade_on {
  opacity: 1;
}
.fc_yel {
  color: #fffc00;
}
.note {
  font-size: 10px;
  color: #6f6f6f;
}
/*--- cv ---*/
.action_area {
  padding: 10px 0 0;
  text-align: center;
}
.text_area {
  color: #132438;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 20px;
}
.large_text {
  font-size: 15px;
}
.account_comment {
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 10px;
}
.account_btn_wrap {
  background: rgb(13, 204, 255);
  background: -moz-linear-gradient(90deg, rgba(13, 204, 255, 1) 0%, rgba(25, 103, 191, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(13, 204, 255, 1) 0%, rgba(25, 103, 191, 1) 100%);
  background: linear-gradient(90deg, rgba(13, 204, 255, 1) 0%, rgba(25, 103, 191, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0dccff", endColorstr="#1967bf", GradientType=1);
  transition: 0.5s;
  outline-offset: -0.4rem;
  background-size: 150% auto;
}
.rakutsumu_campaign .cp_btn_wrap {
  background: rgb(253, 78, 152);
  background: -moz-linear-gradient(90deg, rgba(253, 78, 152) 0%, rgba(217, 37, 87) 100%);
  background: -webkit-linear-gradient(90deg, rgba(253, 78, 152) 0%, rgba(217, 37, 87) 100%);
  background: linear-gradient(90deg, rgb(253, 78, 152) 0%, rgb(217, 37, 87) 100%);
  transition: 0.5s;
  outline-offset: -0.4rem;
  background-size: 150% auto;
}
.btn_area {
  position: relative;
  margin: 10px auto;
  max-width: 640px;
}
.rakutsumu_campaign .btn_area {
  margin: 30px auto;
}
.icon_free {
  position: absolute;
  top: -10px;
  left: 0;
  width: 50px;
  height: 50px;
}
.btn_area .account_btn_wrap,
.rakutsumu_campaign .btn_area .cp_btn_wrap{
  border-radius: 50px;
  font-size: 18px;
  height: 50px;
  margin: 0 auto;
  width: 90%;
  max-width: 640px;
  /*box-shadow: 0 10px 20px rgba(13, 204, 255, 0.2);*/
  box-shadow: 0px 7px 0px 0px #123e6d;
}
.rakutsumu_campaign .btn_area .cp_btn_wrap {
  box-shadow: 0px 7px 0px 0px #bb1a5e;
}
.btn_area .account_btn_wrap a.btn,
.rakutsumu_campaign .btn_area .cp_btn_wrap a.btn {
  line-height: 50px;
}
.btn_area .account_btn_wrap a.btn::before{
    background: #ffffff;
    height: 16px;
    width: 10px;
    content: "";
    display: block;
    position: absolute;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    right: 24px;
    top: calc(50% - 8px);
}

.btn_simulation {
  margin-bottom: 20px;
}
.btn_simulation a {
  border: 2px solid #26a6dc;
  border-radius: 30px;
  color: #132438;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  margin: 0 auto 30px;
  text-decoration: none;
  padding: 5px 20px;
  width: 60%;
  transition: 0.5s;
}
.camp_area {
  background: #102955;
}
.btn_area02 a.btn {
  padding: 15px 0;
  line-height: 1.5;
  letter-spacing: 0.1rem;
  transition: 0.5s all;
}
.btn_area02 a.btn .btn_text01 {
  display: block;
  margin: 0 0 4px;
}
.btn_area02 a.btn .btn_text01 small {
	background-color: #fff;
	padding: 2px 5px;
	margin: 0 0 5px;
	color: #102955;
}
.btn_area02 a.btn .btn_text02 {
  padding: 0 0 2px;
}
.btn_area02 a.btn:hover {
  opacity: .8;
}
/*--------------------
header
---------------------*/
header .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 15px 14px;
}
.logo {
  display: block;
  width: 50%;
  max-width: 200px;
}
header .account_btn_wrap {
  border-radius: 20px;
  font-size: 14px;
  height: 34px;
  width: 46%;
  max-width: 160px;
  box-shadow: 0px 4px 0px 0px #123e6d;
}
header .account_btn_wrap a.btn {
  line-height: 34px;
}
/*--------------------
main contents
---------------------*/
.point1 div, .point2 .point2-02 {
  margin-top: -1px;
}
/*
.point1 div:first-child{
	margin-top: 0;
} */
/*--------------------
question
---------------------*/
.question {
  background: #f4f4f4;
  padding: 50px 0;
}
.question h2 {
  color: #1a77c5;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
.ac-menu li {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px #ccd7dc;
  margin-bottom: 15px;
}
.ac-menu .label {
  cursor: pointer;
  color: #1a77c5;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: normal;
  padding: 20px 15px;
  position: relative;
  transition: .1s;
  text-align: center;
}
.ac-menu .label::before, .ac-menu .label::after {
  content: '';
  width: 20px;
  height: 4px;
  background: #cbe403;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.ac-menu .label::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .1s;
}
.ac-menu .label.open::before {
  opacity: 0;
}
.ac-menu .label.open::after {
  transform: rotate(180deg);
}
.ac-menu .detail {
  padding: 20px 20px 40px;
  display: none;
}
.ac-menu .detail h3 {
  color: #001740;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.4;
}
.ac-menu .detail p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.ac-menu .detail p strong {
  font-size: 16px;
  color: #26a6dc;
}
.ac-menu .detail .caption {
  display: block;
  margin-bottom: 20px;
}
.ac-menu.ac-menu-style{
    margin-top: 10px;
    width: 100%;
    max-width: 700px;
    margin-inline: auto;
}
.ac-menu.ac-menu-style li{
    background: #1494db;
}
.ac-menu.ac-menu-style li .label{
    color: #fff;
    font-size: 16px;
}
.ac-menu.ac-menu-style .detail{
    background: #fff;
    text-align: left;
}
/*--------------------
simulator
---------------------*/
#simulator {
  padding: 0;
}
.simulator_wrap {
  background: #e5f3f7;
  border-radius: 10px;
  padding: 30px 10px;
}
.simulator_wrap h2 {
  color: #001740;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 1.2;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.simulator_wrap h2 .balloon {
  background: #1494db;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 20px 0;
  position: absolute;
  height: 80px;
  width: 80px;
  top: -80px;
  left: -20px;
}
.simulator_wrap h2 .balloon strong {
  font-size: 20px;
}
#simulator_container {
  width: 100%;
}
#simulator_container table.tbl {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 0;
}
#simulator_container table.tbl th, #simulator_container table.tbl td {
  padding: 5px 0;
}
#simulator_container table.tbl th {
  width: 30%;
  font-size: 14px;
  font-weight: bold;
}
#simulator_container table.tbl td {
  width: 70%;
}
#simulator_container table.tbl td .txt_s {
  font-size: 12px;
  letter-spacing: normal;
  line-height: 1;
  display: block;
  margin: 5px 0 0;
}
#simulator_container table#simulator_tbl_1 {
  margin-bottom: 15px;
}
#simulator_container table#simulator_tbl_1 th {
  color: #1a77c5;
}
#simulator_container table#simulator_tbl_2 {
  margin-bottom: 30px;
}
#simulator_container table#simulator_tbl_2 th, #simulator_container table#simulator_tbl_2 td {
  border: 0;
  font-size: 16px;
  padding: 10px;
  display: block;
  width: 100%;
  text-align: center;
}
#simulator_container table#simulator_tbl_2 tr:last-child th, #simulator_container table#simulator_tbl_2 tr:last-child td {
  border: 0;
}
#simulator_container table#simulator_tbl_2 th {
  font-weight: bold;
  background: #1a77c5;
  color: #fff;
}
#simulator_container table#simulator_tbl_2 td {
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  white-space: nowrap;
  background: #fff;
  margin-bottom: 10px;
}
#simulator_container input[type="text"], #simulator_container input[type="number"] {
  width: 100%;
  font-size: 1.2em;
  padding: 2px 10px;
  text-align: right;
  box-sizing: border-box;
  -webkit-appearance: none;
  border: none;
  border-radius: 3px;
}
#simulator_container select {
  width: 100%;
  padding: 5px;
  font-size: 16px;
  border: 1px solid #fff;
  border-radius: 3px;
  background: #fff;
}
#simulator_container select:invalid {
  color: #888;
}
#simulator_chart {
  border: 1px solid #999;
  padding: 10px 0;
  border-radius: 10px;
  margin-bottom: 30px;
  background: #fff;
}
#simulator_chart p {
  text-align: center;
  padding: 20px 0;
  margin: 0;
  font-size: 0.9em;
  line-height: 150%;
  color: #ff3300;
}
#simulator_container #attention {
  margin-bottom: 20px;
  line-height: 1.4;
}
#simulator_container #attention dd {
  padding-left: 1em;
  text-indent: -1em;
}
#attention {
  background: #f7fafb;
  padding: 20px 10px;
  font-size: 12px;
}
#attention .txt_red {
  color: #c81919;
}
#attention dl dt, #attention dl dd.mgn_b5 {
  margin-bottom: 5px;
}

/*--------------------
rakutsumu campaign
---------------------*/
.rakutsumu_campaign{
    padding: 0 10px;
    box-sizing: border-box;
    max-width: 980px;
    margin: 30px auto 40px;
}
.rakutsumu_campaign .inner{
    /* background: #e5f3f7;
    border-radius: 10px;
    padding: 30px 20px 10px; */
}
.rakutsumu_campaign .campaign-img{
    text-align: center;
}
.rakutsumu_campaign .present-cp-text{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #e6013c;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 20px;
    margin-bottom: 14px;
    line-height: 1.4;
}
.rakutsumu_campaign .present-cp-text::before,
.rakutsumu_campaign .present-cp-text::after{
    content: "";
    width: 2px;
    height: 34px;
    background: #e6013c;
    display: block;
}
.rakutsumu_campaign .present-cp-text::before{
    transform: rotate(-25deg);
}
.rakutsumu_campaign .present-cp-text::after{
    transform: rotate(25deg);
}

/*--------------------
credit
---------------------*/
#credit{
    margin-top: 50px;
    padding-bottom: 50px;
}
#credit .inner .credit-wrap{
    padding: 50px 20px;
    box-sizing: border-box;
    background: #e5f3f7;
    border-radius: 10px;
    position: relative;
}
#credit .bestmuch{
    background: #ffd700;
    border-radius: 50%;
    text-align: center;
    width: 90px;
    height: 90px;
    display: flex;
    color: #090202;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1.2;
    font-feature-settings: "palt";
    position: absolute;
    top: -40px;
    left: -10px;
}
#credit h2{
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    font-size: 22px;
    letter-spacing: 0.1em;
    padding-bottom: 40px;
    color: #001740;
}
.credit-flex{
    line-height: 1.6;
    font-weight: bold;
    display: block;
    font-size: 16px;
    text-align: left;
    margin-bottom: 30px;
}
.credit-flex .card-img{
    width: 250px;
    margin: 30px auto 0;
}
.credit_lead{
    padding: 20px 10px;
    background: #fff;
    border-radius: 10px;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold;
}
.credit_lead strong{
    background: linear-gradient(transparent 50%, #edf1f7 50%);
}
#credit .note{
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.2;
    text-align: left;
}
#credit .note li + li{
    margin-top: 6px;
}

/*--------------------
account
---------------------*/
#account_step {
  letter-spacing: normal;
  background: #102955;
  overflow: hidden;
  padding-bottom: 40px;
  margin-top: 60px;
}
#account_step h2 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin: 30px 0;
}
#account_step h2 span {
  display: block;
  font-size: 16px;
}
#account_step .account_note{
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
}
.step_info {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 50px;
  padding: 30px 0 20px;
  position: relative;
}
.step_info::after, .examination::after {
  display: block;
  position: absolute;
  bottom: -30px;
  right: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.step_info:last-of-type:after {
  display: none;
}
#account_step .icon_step {
  background: #008ec8;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 14px;
  padding-top: 14px;
  position: absolute;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 1.2;
  top: -30px;
  left: 10px;
  box-sizing: border-box;
}
#account_step .icon_step em {
  font-size: 18px;
}
.step_info .read {
  color: #102955;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}
.step_info .text {
  padding: 20px 10px 10px;
  line-height: 1.6;
  font-size: 14px;
}
.examination {
  background: #50607b;
  color: #fff;
  font-size: 25px;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 50px;
  position: relative;
}
#footerWrap {
  width: 100%;
  background: #f2f4f6;
  line-height: 1.4;
  letter-spacing: normal;
}
#footerWrap #attention2 {
  padding-bottom: 10px;
}
#footerWrap #attention {
  margin: 10px auto;
  background: url(/g/img/beginner/attention.gif) no-repeat 10px 20px;
  background-size: 100px auto;
  padding: 55px 10px 10px 10px;
  width: 100%;
  max-width: 980px;
  font-size: 12px !important;
  box-sizing: border-box;
}
#footerWrap #attention dt {
  font-weight: bold !important;
  margin-bottom: 5px;
  font-size: 12px;
}
#footerWrap #attention dd {
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 12px;
}
#footerWrap #attention a.textlink1 {
  font-size: 10px;
}
#footerWrap #attention2 {
  width: 100%;
  max-width: 980px;
  margin: 10px auto;
  background: #f2f4f6;
  padding-top: 0;
  box-sizing: border-box;
}
#footerWrap #footer {
  width: 100%;
  min-width: inherit;
  background: none;
  padding: 10px 0;
  text-align: center;
  background-color: #ffffff;
}
/*202206_Add*/
.pc {
  display: none;
}
.sp {
  display: block;
}
.fc_blue {
  color: #1494db;
}
.main_visual {
  background: url("../img/mv_bg_sp.png") center bottom no-repeat;
  background-size: cover;
  padding: 17px 0 8px;
}
.main_visual .mv_lead {
  color: #01a6c4;
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 15px;
}
.main_visual .mv_lead02 {
  font-weight: bold;
  font-size: 34px;
  line-height: 1.1;
  color: #01a6c4;
  margin: 0 0 10px;
}
.main_visual .mv_lead02 small {
  font-weight: bold;
  font-size: 28px;
  color: #000;
}
.main_visual h1 {
	margin: 0 0 10px;
}
.main_visual h1 strong {
  font-weight: bold;
  font-size: 75px;
  color: #0a5ea3;
}
.main_visual h1 img {
  width: 72%;
  display: block;
  padding: 10px 0;
}
.main_visual .note {
  font-size: 10px;
  color: #7d7d7d;
  line-height: 1.4;
  text-indent: -15px;
  padding: 0 0 0 17px;
}
.main_visual .mv_img {
  width: 100%;
}
.main_visual .note {
	text-align: left;
}
/*point1*/
.point1 .point1-main {
  background-color: #7dcaea;
  padding: 20px 0 30px;
  position: relative;
}
.point1 .point1-main::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -28px;
  left: 50%;
  border-top: 30px solid #7dcaea;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  transform: translateX(-50%);
  z-index: 5;
}
.point1 .point1-main .point1_lead01 {
  background: url("../img/lead_img01.png") right center no-repeat;
  background-size: 30%;
}
.point1 .point1-main .point1_lead01 p {
  background: url("../img/text_bg01_sp.png") left center no-repeat;
  background-size: 70%;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 25px 0 25px 25px;
  line-height: 2;
  letter-spacing: 2px;
  margin: 0 0 25px;
}
.point1 .point1-main .point1_result01 {
  background: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #001740;
  padding: 20px 15px;
  border-radius: 10px;
  line-height: 1.8;
  letter-spacing: 1px;
}
.point1 .point_tit .point_no {
  height: 30px;
  width: auto;
  margin: 0 0 10px;
}
.point1 .point_tit .point_no img {
  height: 100%;
}
.point1 .point_tit h2 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 2px;
  margin: 0 0 12px;
  z-index: 15;
  position: relative;
}
.point1 .point_tit .point_tit_txt01 {
  font-size: 16px;
  font-weight: bold;
  color: #001740;
  line-height: 1.8;
  letter-spacing: 2px;
  margin: 0 0 12px;
}
.point1 .point_tit .note {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.50);
  line-height: 1.8;
}
.point1 .point_txt {
  background: rgba(234, 247, 252, 0.70);
  border-radius: 5px;
  padding: 21px 20px;
}
.point1 .point_txt dl dt {
  margin: 0 0 10px;
}
.point1 .point_txt dl dt span {
  font-weight: bold;
  font-size: 10px;
  padding-bottom: 3px;
  position: relative;
  padding: 4px 0 15px 40px;
}
.point1 .point_txt dl dt span::after {
  position: absolute;
    content: "";
    display: block;
    background: url(../img/atten_bl.png) left bottom no-repeat;
    background-size: 100%;
    width: 27px;
    height: 24px;
    left: 0;
    top: 0;
}
.point1 .point_txt dl dd {
  color: #001740;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: 1px;
}
.point1 .point1-01 {
  background-color: #1494db;
  position: relative;
  padding: 70px 0 30px;
}
.point1 .point1-01::before {
  position: absolute;
  content: "";
  display: block;
  background: url("../img/point_no_bg01.png") right top no-repeat;
  background-size: 90%;
  width: 50%;
  height: 303px;
  right: 15px;
  top: 5%;
  z-index: 10;
}
.point1 .point1-01::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -28px;
  left: 50%;
  border-top: 30px solid #1494db;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  transform: translateX(-50%);
  z-index: 5;
}
.point1 .point1-01 .point_img_sp {
  margin: -30px 0 20px;
}
.point1 .point1-02 {
  background-color: #cbeaf7;
  position: relative;
  padding: 70px 0 30px;
}
.point1 .point1-02::before {
  position: absolute;
  content: "";
  display: block;
  background: url("../img/point_no_bg02.png") right top no-repeat;
  background-size: 90%;
  width: 50%;
  height: 303px;
  right: 15px;
  top: 1.5%;
  z-index: 10;
}
.point1 .point1-02::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -28px;
  left: 50%;
  border-top: 30px solid #cbeaf7;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  transform: translateX(-50%);
  z-index: 5;
}
.point1 .point1-02 .point_tit h2 {
  color: #1494db;
}
.point1 .point1-02 .point_img_sp {
  margin: 30px 0 20px;
}
.point1 .point1-02 .point_table {
  background: #fff;
  border-radius: 5px;
  margin: 25px 0 0;
  padding: 20px 12px;
}
.point1 .point1-02 .point_table h3 {
  text-align: center;
  font-weight: bold;
  color: #1494db;
  font-size: 15px;
  letter-spacing: 2px;
  margin: 0 0 15px;
}
.point1 .point1-02 .point_table .bg_gray {
  background: #ededed;
  color: #001740;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  padding: 13px 0;
  margin: 0 0 20px;
}
.point1 .point1-02 .point_table .dollar_conv {
  display: flex;
  justify-content: center;
  color: #001740;
  font-weight: bold;
  align-items: flex-end;
  margin: 0 0 25px;
}
.point1 .point1-02 .point_table .dollar_conv dt {
  font-size: 26px;
  position: relative;
  margin: 0 5px 0 0;
}
.point1 .point1-02 .point_table .dollar_conv dt::before {
  position: absolute;
  content: "";
  display: block;
  background: url("../img/merit_flag.png") center top no-repeat;
  background-size: 90%;
  width: 100%;
  height: 50px;
  top: -40px;
  left: 0;
}
.point1 .point1-02 .point_table .dollar_conv dd {
  margin: 0 0 0 5px;
  background: -moz-linear-gradient(top, transparent 60%, #cbe403 40%);
  background: -webkit-linear-gradient(top, transparent 60%, #cbe403 40%);
  background: linear-gradient(to bottom, transparent 60%, #cbe403 40%);
  padding: 0 0 10px;
}
.point1 .point1-02 .point_table .dollar_conv dd span {
  font-size: 60px;
  padding: 0 10px;
}
.point1 .point1-02 .point_table .dollar_conv dd span small {
  font-size: 30px;
  font-weight: normal;
}
.point1 .point1-02 .point_table .conv_table table {
  width: 100%;
  border-top: 1px solid #c5c5c5;
}
.point1 .point1-02 .point_table .conv_table th, .point1 .point1-02 .point_table .conv_table td {
  border-bottom: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  display: block;
  width: 100%;
}
.point1 .point1-02 .point_table .conv_table th {
  padding: 5px 5px;
}
.point1 .point1-02 .point_table .conv_table th.bg_blue {
  font-size: 12px;
  color: #fff;
  background-color: #1494db;
  letter-spacing: 0;
}
.point1 .point1-02 .point_table .conv_table th.bg_blueL {
  font-size: 14px;
  color: #071e46;
  background-color: #d3edfb;
  letter-spacing: 0;
}
.point1 .point1-02 .point_table .conv_table td {
  padding: 10px 5px;
}
.point1 .point1-02 .point_table .note {
  text-indent: -23px;
  padding: 10px 0 0 23px;
}
.point1 .point1-02 .point_table .note li {
  font-size: 10px;
  color: #767676;
  line-height: 1.4;
}
.point1 .point1-02 .point_table .note.note2 {
  text-indent: -13px;
  padding: 10px 0 0 14px;
}
.point1 .point1-03 {
  background: #f4f4f4;
  position: relative;
  padding: 50px 0 30px;
}
.point1 .point1-03::before {
  position: absolute;
  content: "";
  display: block;
  background: url("../img/point_no_bg03.png") right top no-repeat;
  background-size: 90%;
  width: 50%;
  height: 303px;
  right: 15px;
  top: 5%;
  z-index: 10;
}
.point1 .point1-03::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -28px;
  left: 50%;
  border-top: 30px solid #f4f4f4;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  transform: translateX(-50%);
  z-index: 5;
}
.point1 .point1-03 .point_tit h2 {
  color: #1494db;
}
.point1 .point_table_diff {
  background: #fff;
  border-radius: 5px;
  margin: 25px 0 0;
  padding: 20px 12px;
}
.point1 .point_table_diff h3 {
  text-align: center;
  font-weight: bold;
  color: #1494db;
  font-size: 15px;
  letter-spacing: 2px;
  margin: 0 0 15px;
}
.point1 .point_table_diff .gaitame_fx {
  margin: 0 0 15px;
}
.point1 .point_table_diff .gaitame_fx .gaitame_fx_tit {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #1494db;
  text-align: center;
  padding: 8px 0;
}
.point1 .point_table_diff .gaitame_fx .gaitame_fx_box {
  border-left: 3px solid #1494db;
  border-right: 3px solid #1494db;
  border-bottom: 3px solid #1494db;
  padding: 18px 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.point1 .point_table_diff .gaitame_fx .gaitame_fx_box dl {
  width: 47%;
  color: #001740;
  text-align: center;
  padding: 0 5px;
}
.point1 .point_table_diff .gaitame_fx .gaitame_fx_box dl dt {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 15px;
}
.point1 .point_table_diff .gaitame_fx .gaitame_fx_box dl dd {
  padding: 0 0 10px;
}
.point1 .point_table_diff .gaitame_fx .gaitame_fx_box dl dd span {
  font-size: 20px;
  font-weight: bold;
  background: linear-gradient(to bottom, transparent 60%, #cbe403 40%);
  padding: 0 10px;
}
.point1 .point_table_diff .gaitame_fx .gaitame_fx_box dl dd span em {
  font-size: 40px;
  font-weight: bold;
}
.point1 .point_table_diff .bank_fx {
  margin: 0 0 12px;
}
.point1 .point_table_diff .bank_fx table {
  color: #465a78;
  width: 100%;
}
.point1 .point_table_diff .bank_fx table tr:first-of-type {
  background: #e4e4e4;
  font-size: 12px;
  line-height: 1.4;
}
.point1 .point_table_diff .bank_fx table tr:nth-of-type(2) {
  background: #f9f9f9;
}
.point1 .point_table_diff .bank_fx table tr:nth-of-type(3) {
  background: #ededed;
}
.point1 .point_table_diff .bank_fx table tr th, .point1 .point_table_diff .bank_fx table tr td {
  text-align: center;
  vertical-align: middle;
  padding: 20px 0;
  width: 50%;
  font-weight: bold;
}
.point1 .point_table_diff .bank_fx table tr td {
  font-size: 14px;
}
.point1 .point_table_diff .bank_fx table tr td em {
  font-size: 19px;
  font-weight: bold;
}
.point1 .point_table_diff .bank_fx table tr .lineR {
  border-right: 2px solid rgba(158, 158, 158, 0.30);
}
.point1 .point_table_diff .note {
  font-size: 10px;
  color: #767676;
  text-indent: -23px;
  padding: 0 0 0 23px;
  line-height: 1.4;
}
.point1 .point_table_diff .fx_cf_pc {
  width: 100%;
  display: table;
  margin: 0 0 30px;
}
.point1 .point_table_diff .fx_cf_pc th.bg_wht {
  background-color: #fff;
  border: #FFF 1px solid;
}
.point1 .point_table_diff .fx_cf_pc th, .point1 .point_table_diff .fx_cf_pc td {
  width: 25%;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #465a78;
  line-height: 1.3;
  letter-spacing: 1px;
}
.point1 .point_table_diff .fx_cf_pc tr:first-of-type {
  background: #e4e4e4;
}
.point1 .point_table_diff .fx_cf_pc tr:nth-of-type(odd) {
  background: #f9f9f9;
}
.point1 .point_table_diff .fx_cf_pc tr:nth-of-type(even) {
  background: #ededed;
}
.point1 .point_table_diff .fx_cf_pc td em {
  font-weight: bold;
  font-size: 18px;
}
.point1 .point_table_diff .fx_cf_pc th.gaitame_tb {
  background: #1494db;
  border: 5px solid #1494db;
  color: #fff;
  font-size: 16px;
}
.point1 .point_table_diff .fx_cf_pc td.gaitame_tb {
  border-left: 5px solid #1494db;
  border-right: 5px solid #1494db;
  color: #001740;
  font-size: 14px;
  line-height: 1.5;
}
.point1 .point_table_diff .fx_cf_pc td.gaitame_tb em {
  color: #001740;
  font-size: 18px;
}
.point1 .point_table_diff .fx_cf_pc td.gaitame_tb span {
  background: -moz-linear-gradient(top, transparent 80%, #cbe403 40%);
  background: -webkit-linear-gradient(top, transparent 80%, #cbe403 40%);
  background: linear-gradient(to bottom, transparent 80%, #cbe403 40%);
}
.point1 .point_table_diff .fx_cf_pc tr:nth-of-type(7) td.gaitame_tb {
  border-bottom: 5px solid #1494db;
}
.point1 .point_table_diff .fx_cf_pc tr th {
  color: #001740;
  width: 18%;
}
.point1 .point_table_diff .fx_cf_pc tr .lineR {
  border-right: 2px solid rgba(158, 158, 158, 0.20);
  font-size: 12px;
}
.point1 .point_table_diff .fx_cf_pc td.gaitame_tb .table-detail-btn{
    display: block;
    margin-top: 14px;
    background: none;
    text-align: center;
}
.point1 .point_table_diff .fx_cf_pc td.gaitame_tb .table-detail-btn a{
    display: inline-block;
    background: #1494db;
    padding: 7px 14px;
    width: 90%;
    max-width: 200px;
    border-radius: 8px;
    color: #fff;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}
.point1 .point_table_diff .fx_cf_pc td.gaitame_tb .table-detail-btn a::before{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    right: 8px;
    margin: auto;
    bottom: 0;
    top: 0;
}

/* colorbox */
.colorbox_inline {
  padding: 5%;
  background: #eee;
  font-size: clamp(14px, 3vw, 16px);
}
.colorbox_inline + iframe.cboxIframe{
  display: none;
}
#cboxLoadedContent {
  border: none !important;
}
#cboxLoadedContent:has(.colorbox_inline) {
	display: table;
}
#cboxLoadedContent .colorbox_inline {
	display: table-cell;
	vertical-align: middle;
}
#modal01 .modalttl {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: #008fdd;
}
#modal01 > * + * {
  margin-top: 1em;
}
#modal01 > * {
  font-size: 15px;
  line-height: 1.7;
}
#modal01 figure {
  text-align: center;
}
.modal_txt_l{
    font-size: 18px;
    font-weight: bold;
    color: #008fdd;
}
@media screen and (max-width:750px){
  #colorbox {
    top: 50% !important;
    left: 50% !important;
    position: fixed;
    width: 95% !important;
    height: 675px;
    transform: translate(-50%, -50%) !important;
  }
  #cboxLoadedContent {
    width: 95% !important;
  }
  #cboxClose{
    right: 25px !important;
  }
}





.point1 .point1-04 {
  background-color: #1494db;
  background-image: url("../img/lead_bg_sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 50px 0 30px;
}
.point1 .point1-04 p {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 1.6;
}
.point1 .point1-04 p strong {
  font-size: 24px;
}
.point1 .point1-04 p span {
  background: #cbe403;
  padding: 15px 30px;
  border-radius: 5px;
  margin: 0 0 10px;
  color: #001740;
  display: inline-block;
  min-width: 232px;
  text-align: center;
}
.point1 .point1-04 .p_wrap1 {
  padding: 0 0 10px;
}
.point1 .point1-04 .p_wrap2 {
  text-align: center;
  /* padding: 0 0 0 2em; */
}
.point1 .point1-04 p.ta_left {
  text-align: left;
  display: inline-block;
}
.point2 {}
.point2 .point2-01 {
  background-color: #ecf5ae;
  padding: 20px 0 30px;
  position: relative;
}
.point2 .point2-01::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -28px;
  left: 50%;
  border-top: 30px solid #ecf5ae;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  transform: translateX(-50%);
  z-index: 5;
}
.point2 .point2-main .point2_lead01 {
  background: url(../img/lead_img02.png) right center no-repeat;
  background-size: 30%;
}
.point2 .point2-main .point2_lead01 p {
  background: url(../img/text_bg02_sp.png) left center no-repeat;
  background-size: 70%;
  color: #001740;
  font-size: 15px;
  font-weight: bold;
  padding: 25px 0 35px 25px;
  line-height: 1.8;
  letter-spacing: 2px;
  margin: 0 0 25px;
}
.point2 .point2-main .point2_result01 {
  background: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #001740;
  padding: 20px 15px;
  border-radius: 10px;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 0 0 25px;
}
.point2 .point2-01_box {
  background: rgba(255, 255, 255, 0.80);
  width: calc(100% - 5%);
  padding: 40px 0;
  margin: 0 auto 25px;
  border-radius: 15px;
}
.point2 .point2-01_box h2 {
  color: #001740;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 1px;
  margin: 0 0 20px;
}
.point2 .point2-01_box.box01 .point_list li {
  border: 3px solid #cbe403;
  background: #fff;
  border-radius: 50px;
  padding: 14px 5px;
  margin: 0 auto 12px;
  width: 85%;
}
.point2 .point2-01_box.box01 .point_list li dl {
  width: 75%;
  margin: 0 0 0 auto;
}
.point2 .point2-01_box.box01 .point_list li dl dt {
  color: #001740;
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 11px;
}
.point2 .point2-01_box.box01 .point_list li dl dd {
  color: #1494db;
  font-weight: bold;
  font-size: 10px;
}
.point2 .point2-01_box.box01 .point_list li:first-of-type {
  background: #fff url("../img/auto_icon01.png") left 25px center no-repeat;
  background-size: 40px;
}
.point2 .point2-01_box.box01 .point_list li:nth-of-type(2) {
  background: #fff url("../img/auto_icon02.png") left 25px center no-repeat;
  background-size: 40px;
}
.point2 .point2-01_box.box01 .point_list li:nth-of-type(3) {
  background: #fff url("../img/auto_icon03.png") left 25px center no-repeat;
  background-size: 40px;
}
.point2 .point2-01_box.box01 .point_list li:nth-of-type(4) {
  background: #fff url("../img/auto_icon04.png") left 25px center no-repeat;
  background-size: 40px;
}
.point2 .point2-01_box.box01 .txt01 {
  text-align: center;
  font-size: 15px;
  color: #001740;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1px;
  margin: 23px 0 25px;
}
.point2 .point2-01_box.box01 .txt02 {
  text-align: center;
  font-size: 18px;
  color: #01a6c4;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 1px;
  margin: 23px 0 0;
}
.point2 .point2-01_box.box02 h2 {
  margin: 0 0 28px;
}
.point2 .point2-01_box.box02 .support_list {
  width: 80%;
  margin: 0 auto;
}
.point2 .point2-01_box.box02 .support_list li {
  margin: 0 0 30px;
}
.point2 .point2-01_box.box02 .support_list h3 {
  font-size: 17px;
  text-align: center;
  color: #92a401;
  font-weight: bold;
  margin: 0 0 12px;
}
.point2 .point2-01_box.box02 .support_list dl dt {
  margin: 0 0 8px;
}
.point2 .point2-01_box.box02 .support_list dl dd {
  font-size: 11px;
  color: #001740;
  font-weight: bold;
  margin: 0 0 5px;
  line-height: 1.4;
}
.point2 .point2-01_box.box02 .txt02 {
  text-align: center;
  font-size: 20px;
  color: #01a6c4;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 1px;
}
.point2 .point2-01_box.box03 .inner, .point2 .point2-01_box.box04 .inner {
  padding: 0 15px 0 30px;
}
.point2 .point2-01_box.box03 h2, .point2 .point2-01_box.box04 h2 {
  text-align: left;
}
.point2 .point2-01_box.box03 {
  background: rgba(255, 255, 255, 0.80) url("../img/app_bg_sp.png") right bottom no-repeat;
  background-size: 160%;
}
.point2 .point2-01_box.box03 .txt02 {
  text-align: left;
  font-size: 20px;
  color: #01a6c4;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1px;
}
.point2 .point2-01_box.box03 .txt01, .point2 .point2-01_box.box04 .txt01 {
  font-size: 14px;
  font-weight: bold;
  color: #001740;
  line-height: 1.5;
  letter-spacing: 1px;
  margin: 0 0 17px;
}
.point2 .point2-01_box.box04 .txt02 {
  text-align: left;
  font-size: 19px;
  color: #01a6c4;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1px;
  margin: 0 0 30px;
}
.point2 .point2-01_box.box04 .img01 {
  margin: 0 auto 30px;
  width: 80%;
}
.point2 .point2-01_box.box04 .note {
  color: #767676;
  font-size: 10px;
  font-weight: bold;
  text-indent: -12px;
  padding: 0 0 0 12px;
  line-height: 1.5;
}
.point2 .point2-02 {
  background-color: #92a401;
  background-image: url(../img/lead_bg_sp.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 50px 0 10px;
}
.point2 .point2-02 p {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 1px;
  margin: 0 0 20px;
}
.point2 .point2-02 p strong {
  font-size: 24px;
}
/* slider */
.point2 .point2-01 .slider_main .slider {
	height: 600px;
} 
.point2 .point2-01 .slick-dots li button:before {
  background: #212121;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  content: "";
}
.point2 .point2-01 .slick-dots li.slick-active button:before {
  background: #212121;
  border-radius: 10px;
  width: 15px;
  height: 15px;
}
.point2 .point2-01 .slick-prev, .point2 .point2-01 .slick-next {
  width: 30px;
  height: 30px;
  background-color: #fff;
  z-index: 10;
  border: 1px solid #212121;
}
.point2 .point2-01 .slick-prev {
  left: -10px;
}
.point2 .point2-01 .slick-next {
  right: -10px;
}
.point2 .point2-01 .slick-prev:before, .point2 .point2-01 .slick-next:before {
  font-size: 16px;
}
.point2 .point2-01 .slick-prev:before {
  content: '\2190';
  font-family: initial;
}
[dir='rtl'] .slick-prev:before {
  content: '\2190';
}
.point2 .point2-01 .slick-next:before {
  content: '\2192';
  font-family: initial;
}
[dir='rtl'] .slick-next:before {
  content: '\2192';
}
.point2 .point2-01 .slick-dots li button:before {
  font-size: 12px;
  color: #fff;
  opacity: 1;
}
.point2 .point2-01 .slick-prev:before, .point2 .point2-01 .slick-next:before, .point2 .point2-01 .slick-dots li.slick-active button:before {
  opacity: 1;
  color: black;
}

.minkabu {
  background-color: rgba(203, 234, 247, 0.40);
  background-image: url("../img/minkabu_bg_sp.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
.minkabu .inner {
  padding: 40px 0;
}
.minkabu .flex {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}
.minkabu .icon {
  width: 40%;
}
.minkabu .icon img {
  width: 80%;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.minkabu .text {
  width: 58%;
}
.minkabu .text p {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 1px;
  color: #102955;
}
.minkabu .text p span {
  width: 75%;
  display: inline-block;
  padding: 0 10px 10px 0;
  position: relative;
}
.minkabu .text p span img {
  position: absolute;
  top: -10px;
}
.minkabu .text p strong {
  font-size: 28px;
}
.minkabu .note {
  font-size: 10px;
  color: #6f6f6f;
  text-indent: -20px;
  padding: 0 0 0 20px;
  line-height: 1.5;
  width: 95%;
  margin: 0 auto;
}
#voice {
  background: #f4f4f4;
  padding: 50px 0;
}
#voice h2 {
  color: #1a77c5;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.5
}
#voice h2 small {
  font-size: .7em;
  color: #000;
}
.voice_list li {
  margin-bottom: 10px;
  line-height: 1.5;
}
.balloon-set-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.balloon-set-box.left {
  flex-direction: row;
}
.balloon-set-box.right {
  flex-direction: row-reverse;
}
.voice_balloon {
  position: relative;
  display: inline-block;
  max-width: calc(100% - 75px);
  margin: 10px 0 10px;
  padding: 8px 10px 8px 15px;
  background: #fff;
  text-align: left;
  border-radius: 10px;
  font-size: 14px;
}
.voice_balloon::after {
  content: '';
  border: 14px solid transparent;
  border-top-color: #fff;
  position: absolute;
  top: 0;
}
.left .voice_balloon::after {
  left: -10px;
}
.right .voice_balloon::after {
  right: -10px;
}
.voice_balloon strong {
  color: #f39800;
}
.icon-box {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
/****************************

PC

****************************/
@media screen and (min-width:751px) {
  .inner {
    max-width: 980px;
    margin: 0 auto;
  }
  .note {
    font-size: 14px;
  }
  .text_area {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .large_text {
    font-size: 24px;
  }
  .action_area {
    padding: 30px 0 0;
  }
  .account_comment {
    font-size: 15px;
  }
  header .account_btn_wrap:hover { 
	background-position: right center;
	box-shadow: none;
	margin-top: 4px;
	margin-bottom: -4px;
  }
  .btn_area .account_btn_wrap:hover,
  .rakutsumu_campaign .btn_area .cp_btn_wrap:hover {
    background-position: right center;
	box-shadow: none;
	margin-top: 7px;
	margin-bottom: -7px;
  }
  .btn_simulation a {
    font-size: 18px;
    padding: 10px 40px;
  }
  .btn_simulation a:hover {
    background: #1494db;
    color: #fff;
  }
  .btn_area {
    margin: 0 auto;
    padding: 20px 0 50px;
  }
  .btn_area .account_btn_wrap,
  .rakutsumu_campaign .btn_area .cp_btn_wrap {
    height: 80px;
    font-size: 28px;
  }
  .btn_area .account_btn_wrap a.btn,
  .rakutsumu_campaign .btn_area .cp_btn_wrap a.btn{
    line-height: 80px;
  }
  .btn_area02 a.btn .btn_text02 {
	font-size: 22px;
  }
  .icon_free {
    left: 10px;
    width: 70px;
    height: 70px;
  }

  .point1, .point2, .minkabu {
    /*max-width: 1366px;*/
    margin: 0 auto;
  }
  .question {
    padding: 80px 0;
  }
  .question h2 {
    font-size: 44px;
    margin-bottom: 50px;
  }
  .ac-menu .label {
    padding: 20px 30px;
  }
  .ac-menu .detail {
    padding: 20px 40px;
  }
  .ac-menu .detail .caption {
    float: right;
    margin-left: 20px;
  }
  #simulator {
    padding: 0 0;
  }
  .simulator_wrap {
    padding: 50px;
  }
  .simulator_wrap h2 {
    font-size: 36px;
  }
  #simulator_container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #simulator_container table#simulator_tbl_1, #simulator_container table#simulator_tbl_2 {
    width: 48%;
  }
  #simulator_container table.tbl th, #simulator_container table.tbl td {
    padding: 0 0 10px;
  }
  #simulator_chart {
    width: 100%;
  }
  .simulator_wrap h2 .balloon {
    font-size: 24px;
    height: 120px;
    width: 120px;
    top: -70px;
    left: 60px;
  }
  .simulator_wrap h2 .balloon strong {
    font-size: 36px;
  }
  #attention {
    padding: 30px;
  }

/*--------------------
rakutsumu campaign
---------------------*/
/* .rakutsumu_campaign .inner{
    padding: 50px 20px 0;
} */
.rakutsumu_campaign .btn_area{
    padding: 10px 0 50px;
}
.rakutsumu_campaign .present-cp-text{
    font-size: 24px;
    gap: 24px;
    align-items: center;
}

/*--------------------
credit
---------------------*/
#credit .inner .credit-wrap{
    padding: 50px;
}
#credit .bestmuch{
    width: 150px;
    height: 150px;
    font-size: 28px;
    line-height: 1.2;
    top: -30px;
    left: 10px;
}
#credit h2{
    line-height: 1.4;
    font-size: 36px;
}
.credit-flex{
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 2;
    gap: 50px;
    justify-content: center;
}
.credit-flex .card-img{
    width: 250px;
    margin: 0 0;
}
#credit .note{
    font-size: 12px;
}
.credit_lead{
    padding: 30px 10px;
    font-size: 20px;
    line-height: 2;
}


  /******************************
account_step
*****************************/
  .step_container {
    display: flex;
    justify-content: space-between;
    margin: 100px 0 0;
  }
  .step_info {
    width: 270px;
  }
  .step_info .image img {
    width: 100%;
  }
  .step_info .read {
    font-size: 1.125rem;
  }
  .examination {
    width: 40px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 1.25rem;
    line-height: 40px;
    letter-spacing: 2rem;
    padding-top: 30px;
  }
  .step_info::after, .examination::after {
    top: 0;
    bottom: 0;
    right: -23px;
    left: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
  }
  .step_info .text {
    font-size: 0.875rem;
  }
  .campagin_info img {
    max-width: inherit;
  }
  #account_step h2 {
    font-size: 44px;
    margin-top: 70px;
  }
  #account_step h2 span {
    font-size: 24px;
  }
  /*202206_add*/
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  .main_visual {
    background: url(../img/mv_bg.png) center bottom no-repeat;
    background-size: cover;
    padding: 90px 0 40px;
  }
  .main_visual .inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .main_visual .inner::after {
    position: absolute;
    content: "";
    display: block;
    background: url("../img/mv_img.png") right center no-repeat;
    background-size: 80%;
    width: 612px;
    height: 400px;
    right: 0;
    bottom: 0;
  }
  .main_visual .mv_lead {
    font-size: 30px;
  }
  .main_visual .mv_lead02 {
    font-size: 60px;
    margin: 0 0 26px;
    line-height: 1;
  }
  .main_visual .mv_lead02 small {
    font-size: 40px;
	  color: #000;
  }
  .main_visual h1 {
    margin: 0 0 46px;
  }
  .main_visual h1 strong {
    font-size: 92px;
  }
  .main_visual h1 img {
    width: 474px;
    padding: 15px 0 0 5px;
  }
  .point1 .point1-main .point1_lead01 {
    background: url(../img/lead_img01.png) right center no-repeat;
    background-size: 27%;
  }
  .point1 .point1-main .point1_lead01 p {
    background: url(../img/text_bg01.png) left center no-repeat;
    background-size: 70%;
    font-size: 26px;
    padding: 75px 0 120px 25px;
  }
  .point1 .point1-main .point1_result01 {
    font-size: 26px;
  }
  .point1 .point_tit {
    margin: 0 0 40px;
  }
  .point1 .point_tit .point_no {
    height: 50px;
  }
  .point1 .point_tit h2 {
    font-size: 36px;
  }
  .point1 .point_tit .point_tit_txt01 {
    font-size: 24px;
  }
  .point1 .point1-01 .inner {
    position: relative;
  }
  .point1 .point1-01::before {
    display: none;
  }
  .point1 .point1-01 .inner::before {
    position: absolute;
    content: "";
    display: block;
    background: url("../img/point_img01.png") right top no-repeat;
    background-size: 100%;
    height: 490px;
    width: 57%;
    right: -10%;
    top: -30px;
    z-index: 10;
  }
  .point1 .point_txt {
    padding: 26px 30px 18px;
    border-radius: 10px;
  }
  .point1 .point_txt dl dt {
    margin: 0 0 15px;
  }
  .point1 .point_txt dl dt span {
    font-size: 16px;
	padding: 4px 0 15px 50px;
  }
  .point1 .point_txt dl dt span::after {
    width: 37px;
    height: 34px;
  }
  .point1 .point_txt dl dd {
    font-size: 14px;
    line-height: 2;
  }
  .point1 .point1-02::before {
    display: none;
  }
  .point1 .point1-02 .inner {
    position: relative;
  }
  .point1 .point1-02 .inner::before {
    position: absolute;
    content: "";
    display: block;
    background: url("../img/point_img02.png") right top no-repeat;
    background-size: 100%;
    height: 450px;
    width: 60%;
    right: -15%;
    top: -30px;
    z-index: 10;
  }
  .point1 .point1-02 .point_table {
    border-radius: 10px;
    padding: 45px 40px;
  }
  .point1 .point1-02 .point_table h3 {
    font-size: 24px;
    margin: 0 0 30px;
  }
  .point1 .point1-02 .point_table .bg_gray {
    font-size: 24px;
    padding: 26px 0;
    margin: 0 0 40px;
  }
  .point1 .point1-02 .point_table .bg_gray p small {
    font-size: 16px;
  }
  .point1 .point1-02 .point_table .dollar_conv dt {
    font-size: 36px;
  }
  .point1 .point1-02 .point_table .dollar_conv dd span {
    font-size: 120px;
  }
  .point1 .point1-02 .point_table .dollar_conv dd span small {
    font-size: 48px;
  }
  .point1 .point1-02 .point_table .dollar_conv dd {
    margin: 0 0 0 5px;
    background: -moz-linear-gradient(top, transparent 80%, #cbe403 40%);
    background: -webkit-linear-gradient(top, transparent 80%, #cbe403 40%);
    background: linear-gradient(to bottom, transparent 80%, #cbe403 40%);
    padding: 0;
  }
  .point1 .point1-02 .point_table .dollar_conv dt::before {
    top: -60px;
  }
  .point1 .point1-02 .point_table .conv_table table {
    width: 100%;
    display: table;
  }
  .point1 .point1-02 .point_table .conv_table th, .point1 .point1-02 .point_table .conv_table td {
    border: 1px solid #c5c5c5;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }
  .point1 .point1-02 .point_table .conv_table th {
    padding: 5px 5px;
  }
  .point1 .point1-02 .point_table .conv_table th.w18 {
    width: 18%;
  }
  .point1 .point1-02 .point_table .conv_table th.w16 {
    width: 16.4%;
  }
  .point1 .point1-02 .point_table .conv_table th.bg_blue {
    font-size: 12px;
    color: #fff;
    background-color: #1494db;
    letter-spacing: 0;
  }
  .point1 .point1-02 .point_table .conv_table th.bg_blueL {
    font-size: 14px;
    color: #071e46;
    background-color: #d3edfb;
    letter-spacing: 0;
    width: 18%;
  }
  .point1 .point1-02 .point_table .conv_table td {
    padding: 10px 5px;
    width: 16.4%;
  }
  .point1 .point1-02 .point_table .conv_table td .flex p.sp_th {
    display: none;
  }
  #trigger1 {
    display: none;
  }
  .point1 .point1-02 .point_table .note li {
    font-size: 12px;
  }
  .point1 .point1-03::before {
    display: none;
  }
  .point1 .point1-03 .inner {
    position: relative;
  }
  .point1 .point1-03 .inner::before {
    position: absolute;
    content: "";
    display: block;
    background: url("../img/point_img03.png") right top no-repeat;
    background-size: 100%;
    height: 300px;
    width: 60%;
    right: -15%;
    top: -30px;
    z-index: 10;
  }
  .point1 .point_table_diff h3 {
    font-size: 24px;
    margin: 0 0 50px;
  }
  .point1 .point_table_diff {
    padding: 46px 50px;
  }
  .point1 .point_table_diff .fx_cf_pc {
    width: 100%;
    display: table;
    margin: 0 0 30px;
  }
  .point1 .point_table_diff .fx_cf_pc th.bg_wht {
    background-color: #fff;
    border: #FFF 1px solid;
  }
  .point1 .point_table_diff .fx_cf_pc th, .point1 .point_table_diff .fx_cf_pc td {
    width: 25%;
    padding: 24px 0;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
    color: #465a78;
    line-height: 1.3;
  }
  .point1 .point_table_diff .fx_cf_pc td em {
    font-size: 32px;
  }
  .point1 .point_table_diff .fx_cf_pc th.gaitame_tb {
    font-size: 26px;
  }
  .point1 .point_table_diff .fx_cf_pc td.gaitame_tb {
    font-size: 18px;
  }
  .point1 .point_table_diff .fx_cf_pc td.gaitame_tb em {
    font-size: 34px;
  }
  .point1 .point_table_diff .fx_cf_pc td.gaitame_tb span {
    background: -moz-linear-gradient(top, transparent 80%, #cbe403 40%);
    background: -webkit-linear-gradient(top, transparent 80%, #cbe403 40%);
    background: linear-gradient(to bottom, transparent 80%, #cbe403 40%);
  }
  .point1 .point_table_diff .fx_cf_pc tr th {
    font-size: 18px;
  }
  .point1 .point_table_diff .fx_cf_pc tr .lineR {
    font-size: 18px;
  }
  .point1 .point1-04 {
    background-image: url(../img/lead_bg.png);
    background-size: cover;
    padding: 80px 0 70px;
  }
  .point1 .point1-04 p span {
    margin: 0 5px 10px;
  }
  .point1 .point1-04 p strong {
    font-size: 36px;
  }
  .point1 .point1-04 p {
    font-size: 30px;
  }
  .point2 .point2-main .point2_lead01 p {
    background: url(../img/text_bg02.png) left center no-repeat;
    background-size: 70%;
    font-size: 26px;
    padding: 75px 0 120px 25px;
  }
  .point2 .point2-main .point2_result01 {
    font-size: 26px;
	margin: 0 0 45px;
  }
  .point2 .point2-01_box h2 {
    font-size: 36px;
    margin: 0 0 40px;
  }
  .point2 .point2-01_box.box01 .point_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .point2 .point2-01_box.box01 .point_list li {
    width: 48%;
  }
  .point2 .point2-01_box.box01 .point_list li dl dt {
    font-size: 20px;
  }
  .point2 .point2-01_box.box01 .point_list li dl dd {
    font-size: 16px;
  }
  .point2 .point2-01_box {
    padding: 70px 0;
    border-radius: 100px;
    margin: 0 auto 50px;
  }
  .point2 .point2-01_box.box01 .point_list li {
    padding: 24px 5px;
    border: 5px solid #cbe403;
  }
  .point2 .point2-01_box.box01 .point_list li:first-of-type {
    background: #fff url(../img/auto_icon01.png) left 35px center no-repeat;
    background-size: 55px;
  }
  .point2 .point2-01_box.box01 .point_list li:nth-of-type(2) {
    background: #fff url(../img/auto_icon02.png) left 35px center no-repeat;
    background-size: 55px;
  }
  .point2 .point2-01_box.box01 .point_list li:nth-of-type(3) {
    background: #fff url(../img/auto_icon03.png) left 35px center no-repeat;
    background-size: 55px;
  }
  .point2 .point2-01_box.box01 .point_list li:nth-of-type(4) {
    background: #fff url(../img/auto_icon04.png) left 35px center no-repeat;
    background-size: 55px;
  }
  .point2 .point2-01_box.box01 .txt01 {
    font-size: 16px;
  }
  .point2 .point2-01_box.box01 .txt02 {
    font-size: 28px;
  }
  .point2 .point2-01_box.box02 h2 {
    margin: 0 0 40px;
  }
  .point2 .point2-01_box.box02 .support_list {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .point2 .point2-01_box.box02 .support_list li {
    width: 31%;
  }
  .point2 .point2-01_box.box02 .support_list h3 {
    font-size: 24px;
    margin: 0 0 14px;
  }
  .point2 .point2-01_box.box02 .support_list dl dt {
    margin: 0 0 18px;
  }
  .point2 .point2-01_box.box02 .support_list dl dd {
    font-size: 14px;
  }
  .point2 .point2-01_box.box02 .txt02 {
    font-size: 28px;
  }
  .point2 .point2-01_box.box03 .txt02 {
    font-size: 28px;
  }
  .point2 .point2-01_box.box03 {
    background: rgba(255, 255, 255, 0.80) url(../img/app_bg.png) right -40px center no-repeat;
    background-size: cover;
  }
  .point2 .point2-01_box.box03 .txt01, .point2 .point2-01_box.box04 .txt01 {
    font-size: 20px;
    margin: 0 0 34px;
  }
  .point2 .point2-01_box.box04 .txt02 {
    font-size: 28px;
    margin: 0 0 0;
  }
  .point2 .point2-01_box.box04 .inner {
    background: url(../img/support_img.png) right 10% top no-repeat;
    background-size: 238px;
  }
  .point2 .point2-02 {
    background-image: url(../img/lead_bg.png);
    background-size: cover;
    padding: 90px 0 80px;
  }
  .point2 .point2-02 p strong {
    font-size: 36px;
  }
  .point2 .point2-02 p {
    font-size: 30px;
    margin: 0 0 5px;
  }
  .point2 .point2-01_box.box03 .inner, .point2 .point2-01_box.box04 .inner {
	padding: 0 15px 0 60px;
  }
  .point2 .point2-01_box.box03 {
	background: rgba(255, 255, 255, 0.80) url("../img/app_bg_sp.png") right center no-repeat;
	background-size: cover;
  }
  .point2 .point2-01 .slider_main .slider {
	height: 550px;
  }

  .minkabu .flex {
    align-items: center;
  }
  .minkabu .icon {
    width: 25%;
  }
  .minkabu .text {
    width: 72%;
  }
  .minkabu .text p {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1.3;
  }
  .minkabu .text p span {
    width: 50%;
  }
  .minkabu .text p span img {
    top: -30px;
  }
  .minkabu .text p strong {
    font-size: 40px;
  }
  .minkabu .note {
    font-size: 14px;
  }
  #voice {
    padding: 80px 0;
  }
  #voice h2 {
    font-size: 44px;
    margin-bottom: 50px;
  }
  .icon-box {
    width: 80px;
    height: 80px;
  }
  .voice_balloon {
    max-width: calc(100% - 120px);
    margin: 10px 20px 20px;
    padding: 12px 18px;
    border-radius: 15px;
    font-size: 18px;
  }
}
@media screen and (min-width:1000px) {
  .main_visual .inner {
    width: 80%;
  }
}
@media screen and (min-width:1300px) {
  .main_visual .inner {
    width: 70%;
  }
  .point2 .point2-01 .slick-prev {
    left: -45px;
  }
  .point2 .point2-01 .slick-next {
    right: -45px;
  }
}
@media screen and (min-width:1500px) {
  .main_visual .inner {
    width: 55%;
  }
}
@media screen and (max-width:750px) {
  .main_visual .inner {
    text-align: center;
  }
  .point1 .point1-02 .point_table .conv_table .pc_th {
    display: none;
  }
  .point1 .point1-02 .point_table .conv_table th, .point1 .point1-02 .point_table .conv_table td {
    padding: 10px;
  }
  .point1 .point1-02 .point_table .conv_table td .flex {
    display: flex;
  }
  .point1 .point1-02 .point_table .conv_table td .flex p.sp_th {
    color: #1494db;
    text-align: left;
    font-size: 14px;
    width: 60%;
    letter-spacing: 0.5px;
  }
  .point1 .point1-02 .point_table .conv_table td .flex p.ta_right {
    text-align: right;
    font-weight: bold;
    width: 40%;
    letter-spacing: 0.5px;
  }
  .conv_table {
    position: relative;
  }
  .grad-btn::before {
    content: "続きを見る ▼";
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
    border: 1px solid #1495dc;
    padding: 10px 30px;
    color: #1495dc;
    font-size: 12px;
    font-weight: bold;
  }
  .grad-item {
    position: relative;
    overflow: hidden;
    height: 395px; /*隠した状態の高さ*/
    margin: 0 0 70px;
  }
  .grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    height: 40px;
  }
  .grad-trigger {
    display: none; /*チェックボックスは常に非表示*/
  }
  .grad-trigger:checked ~ .grad-btn::before {
    content: "▲ 閉じる";
    bottom: -55px;
    text-align: center;
    background: #1495dc;
    padding: 10px 30px;
    color: #fff;
    font-size: 12px;
  }
  .grad-trigger:checked ~ .grad-item {
    height: auto; /*チェックされていたら、高さを戻す*/
  }
  .grad-trigger:checked ~ .grad-item::before {
    display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
  }
    .point1 .point_table_diff .fx_cf_pc td.gaitame_tb .table-detail-btn a{
        text-align: left;
    }

    #account_step .account_note{
        font-size: 12px;
    }
}
@media screen and (max-width:480px) {
  .point1 .point1-02 .point_table .conv_table td .flex p.sp_th {
    font-size: 10px;
  }
  .point1 .point1-02 .point_table .conv_table td .flex p.ta_right {
    font-size: 12px;
  }
}
@media screen and (max-width:750px) and (min-width:500px) {
  .point1 .point1-main .point1_lead01 p {
    padding: 35px 0 55px 25px;
    font-size: 20px;
  }
  .point2 .point2-main .point2_lead01 p {
    font-size: 20px;
    padding: 55px 0 65px 25px;
  }
}
@media screen and (max-width:1260px) and (min-width:751px) {
  .point1 .point1-01 .inner::before {
    width: 47%;
    right: 0;
  }
  .point1 .point1-02 .inner::before {
    width: 49%;
    right: 0;
  }
  .point1 .point1-03 .inner::before {
    width: 50%;
    right: 0;
  }
  .point1 .point1-04 p {
    font-size: 20px;
  }
  .point1 .point1-04 p strong {
    font-size: 26px;
  }
  .point1 .point1-04 p span {
    min-width: 200px;
    padding: 15px 15px;
  }
  .point1 .point_tit h2 {
    font-size: 30px;
  }
  .point1 .point1-main .point1_result01 {
    font-size: 20px;
  }
  .point1 .point_table_diff .fx_cf_pc th, .point1 .point_table_diff .fx_cf_pc td {
    font-size: 18px;
  }
  .point1 .point_table_diff {
    padding: 46px 20px;
  }
  .point1 .point1-04 {
    padding: 50px 0 40px;
  }
  .point2 .point2-main .point2_result01 {
    font-size: 20px;
  }
  .point2 .point2-01_box h2 {
    font-size: 26px;
  }
  .point2 .point2-01_box.box01 .point_list li dl dt {
    font-size: 20px;
  }
  .point2 .point2-01_box.box01 .point_list li dl dd {
    font-size: 14px;
  }
  .point2 .point2-01_box.box01 .txt02, .point2 .point2-01_box.box02 .txt02, .point2 .point2-01_box.box03 .txt02, .point2 .point2-01_box.box04 .txt02 {
    font-size: 22px;
  }
  .point2 .point2-01_box.box02 .support_list li {
    width: 32%;
  }
  .point2 .point2-01_box.box02 .support_list h3 {
    font-size: 20px;
  }
  .point2 .point2-02 {
    padding: 50px 0 20px;
  }
  .point2 .point2-02 p {
    font-size: 20px;
  }
  .point2 .point2-02 p strong {
    font-size: 26px;
  }
  .point2 .point2-01_box.box01 .point_list li:first-of-type {
    background: #fff url(../img/auto_icon01.png) left 20px center no-repeat;
    background-size: 55px;
  }
  .point2 .point2-01_box.box01 .point_list li:nth-of-type(2) {
    background: #fff url(../img/auto_icon02.png) left 22px center no-repeat;
    background-size: 55px;
  }
  .point2 .point2-01_box.box01 .point_list li:nth-of-type(3) {
    background: #fff url(../img/auto_icon03.png) left 23px center no-repeat;
    background-size: 55px;
  }
  .point2 .point2-01_box.box01 .point_list li:nth-of-type(4) {
    background: #fff url(../img/auto_icon04.png) left 20px center no-repeat;
    background-size: 55px;
  }
  .minkabu .text p {
    font-size: 20px;
  }
  .minkabu .text p span {
    width: 50%;
  }
  .simulator_wrap h2 .balloon {
    left: -20px;
  }

    /*--------------------
    credit
    ---------------------*/
    #credit .inner .credit-wrap{
        padding: 50px 20px;
    }
    #credit .bestmuch{
        width: 120px;
        height: 120px;
        font-size: 22px;
        left: 0;
    }
    .credit-flex{
        letter-spacing: normal;
        font-size: 18px;
    }
    

}
@media screen and (max-width:1100px) and (min-width:865px) {
  .main_visual .inner::after {
   
  }
  .main_visual h1 {
    font-size: 46px;
  }
  .main_visual h1 img {
    width: 50%;
  }
}
@media screen and (max-width:864px) and (min-width:751px) {
  .main_visual .inner::after {
    
  }
  .main_visual h1 {
    font-size: 46px;
  }
  .main_visual h1 img {
    width: 50%;
  }
}