@charset "UTF-8";
/* import */
/* カラー */
/* レスポンシブ */
/*****STANDART CSS******/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  /******SMOOTH SCROLL ANCHOR******/
}

/*****STANDART CSS******/
/* ---------common--------- */
body {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  border: 20px solid #e2e9ff;
  font-size: 16px;
}
@media (max-width: 768px) {
  body {
    border: 14px solid #e2e9ff;
    font-size: 14px;
  }
}

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

img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

a {
  transition: 0.3s;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
a:hover {
  opacity: 0.7;
}

/* パンくずリスト */
.bread {
  width: 100%;
}
.bread .inner {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}
.bread ul {
  display: flex;
}
.bread ul li {
  padding: 5px;
}
.bread ul li a {
  transition: 0.15s;
}
@media (max-width: 768px) {
  .bread ul li a {
    font-size: 14px;
  }
}
.bread ul li a:hover {
  opacity: 0.7;
}
.bread ul li:after {
  content: ">";
  margin-left: 10px;
  margin-right: 10px;
}
.bread ul li:last-child:after {
  content: "";
}

/* flex */
.row {
  display: flex;
  flex-wrap: wrap;
}

.between {
  justify-content: space-between;
}

.align_start {
  align-items: flex-start;
}

.align_center {
  align-items: center;
}

.align_end {
  align-items: flex-end;
}

.flex_center {
  justify-content: center;
}

.flex_start {
  justify-content: flex-start;
}

.flex_end {
  justify-content: flex-end;
}

.stretch {
  align-items: stretch;
}

.reverse {
  flex-direction: row-reverse;
}

/* inner */
.inner {
  width: 1100px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .inner {
    width: 93%;
  }
}
@media (max-width: 768px) {
  .inner {
    width: 100%;
  }
}

/* display */
@media (max-width: 768px) {
  .sp_dn {
    display: none;
  }
}

.sp_db {
  display: none;
}
@media (max-width: 768px) {
  .sp_db {
    display: block;
  }
}

@media (max-width: 968px) {
  .tab_dn {
    display: none;
  }
}

.tab_db {
  display: none;
}
@media (max-width: 968px) {
  .tab_db {
    display: block;
  }
}

.text_red {
  color: #d84335;
}

.mb_0 {
  margin-bottom: 0 !important;
}

/* 下層ページ共通 */
.caption_text p {
  font-size: 13px;
}

.common_btn {
  color: #374B8C;
  text-decoration: underline;
  font-size: 14px;
}

.hidden {
  display: none;
}

::-moz-placeholder {
  color: rgb(214, 214, 214);
}

::placeholder {
  color: rgb(214, 214, 214);
}

/* header */
header {
  background-color: #F2F2F2;
  padding: 50px 20px;
  background: url(../../images/transaction/header_bg.jpg) bottom center/cover no-repeat;
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  header {
    padding: 20px 0;
    margin-bottom: 30px;
    width: 100%;
  }
}

/* footer */
footer {
  padding: 40px;
  text-align: center;
  background: url(../../images/transaction/header_bg.jpg) bottom center/cover no-repeat;
  color: #fff;
}
@media (max-width: 768px) {
  footer {
    padding: 40px 20px;
  }
}
footer p {
  font-size: 12px;
  margin-top: 40px;
}
footer .company_info {
  text-align: left;
}
@media (max-width: 768px) {
  footer .company_info {
    width: 100%;
    text-align: center;
  }
}
footer .company_info .footer_logo {
  width: 210px;
  margin: 0 0 20px;
}
@media (max-width: 768px) {
  footer .company_info .footer_logo {
    margin: 0 auto 20px;
  }
}
footer .company_info h4 {
  font-size: 24px;
  margin-bottom: 30px;
}
footer .company_info address {
  font-style: normal;
  margin-top: 32px;
}
footer .company_info a {
  color: #fff;
}
@media (max-width: 768px) {
  footer .links {
    width: 100%;
  }
}
footer .links a {
  position: relative;
  display: block;
  color: #fff;
  padding: 10px 40px;
  border: 1px solid;
  margin: 16px 0;
}
footer .links a::after {
  content: "〉";
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
}

.wrap {
  padding: 30px;
}
@media (max-width: 768px) {
  .wrap {
    padding: 15px;
  }
}

.top_text h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  .top_text h1 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .top_text p {
    font-size: 14px;
  }
}
.top_text p span {
  color: #d84335;
}

.top_text_thanks {
  text-align: center;
}
.top_text_thanks p {
  font-size: 22px;
}
@media (max-width: 768px) {
  .top_text_thanks p {
    font-size: 16px;
  }
}

.thanks_btn {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  margin: 0 auto;
}
.thanks_btn a {
  color: #333;
  font-weight: bold;
}

.thanks_page {
  margin-top: -100px;
}
@media (max-width: 968px) {
  .thanks_page {
    margin-top: 0;
  }
}

.form_about {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .form_about {
    margin-top: 30px;
  }
}
.form_about a {
  color: #374B8C;
  text-decoration: underline;
}

.sub_ttl {
  font-size: 14px;
  color: #666;
}

.form_choice,
.change_form {
  position: relative;
  padding: 35px 10px 40px;
  flex-basis: 49%;
}
@media (max-width: 768px) {
  .form_choice,
  .change_form {
    flex-basis: 100%;
    margin-top: 20px;
    padding: 17px 0 14px;
  }
}

.form_frame {
  padding: 40px 20px;
  border-radius: 0 0 20px 20px;
  border-right: 2px solid #ccc;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  min-height: 262px;
  position: relative;
}
@media (max-width: 768px) {
  .form_frame {
    min-height: auto;
  }
}

.option_ttl {
  position: relative;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 900;
  padding: 20px 10px;
  margin: auto;
  border-radius: 15px 15px 0 0;
  width: 100%;
  color: #fff;
  line-height: 1;
}
.option_ttl img {
  width: 40%;
  vertical-align: baseline;
}
@media (max-width: 768px) {
  .option_ttl {
    display: block;
    font-size: 26px;
  }
}
.option_ttl span {
  font-size: 47px;
}
@media (max-width: 768px) {
  .option_ttl span {
    font-size: 28px;
    vertical-align: text-top;
  }
}

.form_choice .option_ttl {
  background-color: #00B900;
}
@media (max-width: 968px) {
  .form_choice.form_choice_dmm form {
    width: 100% !important;
  }
}
@media (max-width: 968px) {
  .form_choice.form_choice_dmm .form_frame {
    gap: 0 !important;
  }
}

.change_form .option_ttl {
  background-color: #EB9100;
}
.change_form form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media (max-width: 768px) {
  .change_form form {
    position: relative;
    transform: translate(0, 0);
    left: 0;
  }
}

.line_entry_btn,
.fatmeo_entry_btn,
.line_change_btn {
  padding: 10px;
  max-width: 340px;
  width: 100%;
  height: 80px;
  text-align: center;
  margin: 0 auto 20px;
  display: block;
  cursor: pointer;
  transition: 0.3s;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .line_entry_btn,
  .fatmeo_entry_btn,
  .line_change_btn {
    width: 100%;
  }
}

.line_entry_btn {
  background-color: #00B900;
  border: 3px solid #00B900;
  color: #fff;
  box-shadow: 0px 3px 1px #0f863f;
}
.line_entry_btn:hover {
  box-shadow: none;
  transform: translateY(3px);
}
@media (max-width: 768px) {
  .line_entry_btn {
    font-size: 16px;
  }
}

.fatmeo_entry_btn {
  background-color: #EB9100;
  border: 3px solid #EB9100;
  color: #fff;
  box-shadow: 0px 3px 1px #9b6000;
  margin-bottom: 0;
}
.fatmeo_entry_btn:hover {
  box-shadow: none;
  transform: translateY(3px);
}
@media (max-width: 768px) {
  .fatmeo_entry_btn {
    font-size: 16px;
  }
}

.line_change_btn {
  background-color: #fff;
  border: 2px solid #00B900;
  color: #00B900;
  box-shadow: 0px 2px 1px #00B900;
}
.line_change_btn:hover {
  box-shadow: none;
  transform: translateY(2px);
}
@media (max-width: 768px) {
  .line_change_btn {
    font-size: 16px;
  }
}

.dmm_line_form,
.dmm_line_c_form {
  flex-basis: calc(33.3333333333% - 30px);
}
@media (max-width: 968px) {
  .dmm_line_form,
  .dmm_line_c_form {
    flex-basis: 100%;
  }
}/*# sourceMappingURL=style.css.map */