@charset "utf-8";
/* lp-sns.css
++++++++++++++++++++++++++++++++++++++++
* NOTE
++++++++++++++++++++++++++++++++++++++++
- Charset: utf-8
- Return code: LF
++++++++++++++++++++++++++++++++++++++++
* INDEX
++++++++++++++++++++++++++++++++++++++++
- base
- layout
- utility
- module
++++++++++++++++++++++++++++++++++++++++ */

/* base
++++++++++++++++++++++++++++++++++++++++ */
/* reset ++++++++++++++++
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display: block;
}
nav ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}

/* initialize ++++++++++++++++ */
*,
*::before,
*::after {
  box-sizing: inherit;
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
}
body {
  font-family: 'Roboto', 'YakuHanJP', 'Subset-NotoSansJP', Meiryo, sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.7;
  word-wrap: break-word;
  color: #313942;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) { /* hack for Chrome Noto Sansブラウザ毎のレンダリング違い補正 */
  body:not(*:root),
  body > *:not(header):not(footer) {
    -webkit-text-stroke: 0.1px;
  }
}

main {
  display: block;
}

a {
  text-decoration: underline;
  color: inherit;
  transition: color 0.2s ease-in-out,
              background 0.2s ease-in-out,
              opacity 0.2s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: #2599e3;
}

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

ul, ol, li {
  list-style: none;
}

sub,
sup {
  position: relative;
  font-size: 86%;
  line-height: 0;
}
sub {
  bottom: -0.14em;
}
sup {
  top: -0.14em;
}

b {
  font-weight: bold;
}

/* layout
++++++++++++++++++++++++++++++++++++++++ */

/* header ++++++++++++++++ */
.header-sns {
  position: relative;
  width: 100%;
  min-width: 0;
  color: #212e46;
}
.header-sns-global {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  max-width: 980px;
  margin: 0 auto;
  padding: 20px;
}
.header-sns-global .logo {
  position: relative;
  top: 0;
  left: 0;
  background: url(/corp/lp/sns/images/logo-gmoclicksec.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  white-space: nowrap;
  text-indent: 101%;
  overflow: hidden;
}
.header-sns-global .text {
  width: 560px;
  font-size: 1.3rem;
  line-height: 2.0rem;
}
.header-sns-global .text em {
  font-style: normal;
  color: #005bac;
}

@media (max-width: 767px) {
  .header-sns {
    width: 100%;
    max-width: 620px;
    min-width: 0;
    margin: 0 auto;
    background-image: none;
  }
  .header-sns-global {
    padding: 10px;
  }
  .header-sns-global .logo {
    width: 150px;
    height: 22px;
  }
  .header-sns-global .text {
    display: none;
  }
}
@media (min-width: 768px) {
  .header-sns-global {
    padding: 20px;
  }
  .header-sns-global .logo {
    width: 252px;
    height: 20px;
  }
}

/* nav ++++++++++++++++ */
.main-nav{}
.section-nav{
  background-color: #f0f4f7;
  border-radius: 4px;
}

/* main ++++++++++++++++ */
main {
  box-sizing: border-box;
}

@media (min-width: 768px) {
  main {
    width: 900px;
    margin: 20px auto 0;
  }
}
@media (max-width: 767px) {
  main {
    width: 100%;
    max-width: 620px;
    margin: 10px auto 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* footer ++++++++++++++++ */
.footer-sns {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  border-top-width: 1px;
  border-top-color: #cbcbcb;
}
.footer-sns-address {}
.footer-sns-address dt{
  width: 190px;
  line-height: 1;
}
.footer-sns-address dt img{
}
.footer-sns-address dd{
  font-size: 1.2rem;
  margin-top: 16px;
}
.footer-sns-call {}


@media (max-width: 767px) {
  .footer-sns {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-top-style: dashed;
  }
  .footer-sns-address {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
  }
  .footer-sns-address dd{
    line-height: 1.8rem;
  }
  .footer-sns-call {
    margin: 20px auto 0;
    padding-bottom: 44px;
  }
}
@media (min-width: 768px) {
  .footer-sns {
    width: 900px;
    margin: 48px auto 0;
    padding-top: 30px;
    border-top-style: solid;
  }
  .footer-sns-address {
    width: 538px;
  }
  .footer-sns-address dd{
    line-height: 2.0rem;
  }
  .footer-sns-call img {
    width: 330px;
  }
}

/* utility
++++++++++++++++++++++++++++++++++++++++ */

/* display contorol ++++++++++ */
.u-d-ib { display: inline-block!important;}

@media screen and (max-width: 767px) {
  .u-d-n-sp { display: none !important;}
}
@media (min-width: 768px) {
  .u-d-n-pc { display: none !important;}
}

/* width ++++++++++ */
.u-w15p { width: 15% !important; }
.u-w25p { width: 25% !important; }
.u-w30p { width: 30% !important; }
.u-w35p { width: 35% !important; }
.u-w65p { width: 65% !important; }

/* margin ++++++++++ */
/* top */
.u-mgt0 { margin-top: 0 !important;}
.u-mgt8 { margin-top: 8px !important;}
.u-mt12 { margin-top: 12px !important;}
.u-mt20 { margin-top: 20px !important;}
/* left */
.u-ml20 { margin-left: 20px !important;}

/* padding ++++++++++ */
/* top */
.u-pdt0 { padding-top: 0 !important;}

/* color ++++++++++ */
.u-col-red { color: #f6717b; }
.u-col-blue { color: #005bac; }

/* font ++++++++++ */
.u-txt-bold { font-weight: bold; }

/* text align ++++++++++ */
.u-txt-left { text-align: left !important; }
.u-txt-center { text-align: center !important; }

/* iPhoneX safe area offset */
.u-safeareainset-btm {
  display: block;
  padding-bottom: env(safe-area-inset-bottom);
  visibility: hidden;
}

/* module
++++++++++++++++++++++++++++++++++++++++ */
/* copyright ++++++++++++++++++++ */
.copyright {
  text-align: center;
  color: #fff;
  background-color: #005bac;
}
@media (max-width: 767px) {
  .copyright {
    margin-top: 20px;
    font-size: 1.1rem;
    line-height: 2.4rem;
  }
}
@media (min-width: 768px) {
  .copyright {
    margin-top: 40px;
    font-size: 1.3rem;
    line-height: 5.0rem;
  }
}

/* pagatop ++++++++++++++++++++ */
.pagatop {
  position: fixed;
  box-sizing: border-box;
}
.pagatop a {
  display: block;
}
.pagatop a:hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  .pagatop {
    right: 0;
    bottom: 0;
    width: 107px;
    padding-bottom: 44px;
  }
}
@media (min-width: 768px) {
  .pagatop {
    right: 20px;
    bottom: 6%;
    width: 54px;
    height: 54px;
  }
}

/* main visual ++++++++++++++++ */
.commission-list-mv{
  text-align: center;
}
@media (max-width: 767px) {
  .commission-list-mv{
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .commission-list-mv{
    margin-bottom: 20px;
  }
}

/* section ++++++++++++++++ */
.sec-01{}
.sec-02{}
@media (max-width: 767px) {
  .sec-03{
    margin-top: 12px;
  }
}
@media (min-width: 768px) {
  .sec-02{
    margin-top: 16px;
  }
  .sec-03{
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .sec-02 p{
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .sec-02 p{
    margin-top: 12px;
  }
}

/* heading ++++++++++++++++ */

/* title */
.ttl-02,
.ttl-01{
  color: #005bac;
}
.ttl-01{
  text-align: center;
  line-height: 1;
}
.ttl-02{
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}
.ttl-02 span{
  padding-left: 1em;
  font-size: 1.4rem;
  color: #313942;
}
.ttl-03{}
.ttl-04{}

.ttl-brackets-01{
  font-weight: bold;
  color: #333;
}
.ttl-brackets-01:before{
  content: "<";
}
.ttl-brackets-01:after{
  content: ">";
}

@media (max-width: 767px) {
  .ttl-01{
    font-size: 2.0rem;
    margin: 20px 0;
  }
  .ttl-02{
    font-size: 1.6rem;
    margin-bottom: 6px;
    padding: 20px 0 6px;
    line-height: 2.0rem;
  }
  .ttl-02 span{
    display: inline-block;
    font-size: 1.2rem;
    padding-left: 0;
  }
  .ttl-03{
    font-size: 1.6rem;
    padding-bottom: 4px;
  }
}
@media (min-width: 768px) {
  .ttl-01{
    font-size: 4.0rem;
    margin: 40px 0;
  }
  .ttl-02{
    font-size: 2.4rem;
    margin-bottom: 16px;
    padding: 24px 0 12px;
    line-height: 1;
  }
  .ttl-02 span{
    padding-left: 1em;
    font-size: 1.4rem;
  }
  .ttl-03{
    font-size: 2.2rem;
    padding: 20px 0 6px;
  }
}

/* capiton */
.caption-01{}
.caption-01 span{
  display: inline-block;
}
@media (max-width: 767px) {
  .caption-01{
    margin: 16px 0 0 !important;
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .caption-01{
    margin: 20px 0 8px !important;
    font-size: 1.8rem;
  }
}

/* list ++++++++++++++++ */

/* navigation */
.list-main-nav {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2px;
  border-bottom: 2px solid #005cae;
}
.list-main-nav > li {
  width: 32%;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 4px 4px 0 0;
}
.list-main-nav > li a{
  display: block;
  color: inherit;
  text-decoration: none;
  transition: none;
}
.list-main-nav > li:hover,
.list-main-nav .is-active{
  color: #fff;
  background: linear-gradient( #0579e0 0%, #005bac 100% );
  border-radius: 4px 4px 0 0;
}

.list-section-nav{
  padding: 8px 16px 16px 0;
}
.list-section-nav > li{
  display: inline-block;
  position: relative;
  font-weight: bold;
}
.list-section-nav > li:before{
  box-sizing: border-box;
  position: absolute;
  top: 3px;
  left: 2px;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  border-right: 2px solid #0088de;
  border-bottom: 2px solid #0088de;
}
.list-section-nav > li a{
  text-decoration: none;
}

@media (max-width: 767px) {
  .list-main-nav > li {
    font-size: 1.2rem;
    line-height: 3.6rem;
  }
  .list-section-nav{
    margin-left: -4px;
    padding: 8px 10px 16px 0;
  }
  .list-section-nav > li{
    font-size: 12px;
    margin: 8px 0 0 16px;
    padding-left: 16px;
  }
  .list-section-nav > li:before{
    top: 3px;
    left: 2px;
    display: block;
    width: 8px;
    height: 8px;
  }
  .list-section-nav > li a{
    color: #005bac;
  }
}
@media (min-width: 768px) {
  .list-main-nav > li {
    font-size: 2.2rem;
    line-height: 5.0rem;
  }
  .list-section-nav > li{
    margin: 8px 0 0 40px;
    padding-left: 22px;
  }
  .list-section-nav > li:before{
    top: 3px;
    left: 2px;
    display: block;
    width: 10px;
    height: 10px;
  }
}

/* text */
.list-text{
  padding-left: 1em;
}
.list-text > li{
  list-style: disc;
}
.list-text-02{}
.list-text-02 > li{
  padding-left: 1em;
  text-indent: -1em;
}
.list-text-02 > li:before{
  content: "■";
}
.list-text-02 > li:first-child{
  margin-top: 0;
}
@media (max-width: 767px) {
  .list-text-02 li{
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .list-text-02 li{
    margin-top: 8px;
  }
}

/* text note */
.list-text-note-02 > li,
.list-text-note-01 > li{
  padding-left: 1em;
  text-indent: -1em;
}
.list-text-note-02 > li:before,
.list-text-note-01 > li:before{
  content: "※";
}
.list-text-note-01{}
.list-text-note-02{
  font-size: 1.2rem;
}

/* table ++++++++++++++++ */

/* table-01 */
.table-01{
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}
.table-01 .w-20per {
  width: 20%;
}
.table-01 .w-30per {
  width: 30%;
}
.table-01 .w-40per {
  width: 40%;
}
.table-01 .w-50per {
  width: 50%;
}
.table-01 .w-60per {
  width: 60%;
}
.table-01 td,
.table-01 th{
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.table-01 td:last-child,
.table-01 th:last-child{
  border-right: none;
}
.table-01 th{
  color: #313942;
  border-top: 1px solid #c2c7ca;
  border-right: 1px solid #c2c7ca;
}
.table-01 tr:first-child th{
  border-top: none;
}
.table-01 td{
  color: #666;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.table-01 .ttl-row-01{
  background-color: rgba(100, 130, 145, 0.2); /* #e0e6e9 */
}
.table-01 .ttl-row-02{
  background-color: rgba(210, 195, 110, 0.2); /* #f6f3e2 */
}
.table-01 .ttl-row-03{
  background-color: rgba(240, 200, 195, 0.2); /* #fcf4f3 */
}
.table-01 .ttl-col-01,
.table-01.table-alternate tr:nth-child(odd){
  background-color: rgba(190, 195, 205, 0.2); /* #f2f3f5 */
}
.table-alternate tr.table-alternate-none{
  background-color: transparent !important;
}
.table-01 .ttl-col-01{
  font-weight: bold;
}
.table-01 .table-border-01{
  border-right: 1px solid #ddd !important;
}
.table-01 .table-border-02{
  border-top: 1px solid #c2c7ca !important;
}
.table-01.table-alternate{}

/* table-01 custom 1 */
.table-01 .txt-row-01 th{
  border-right: 1px solid #ddd;
}
.table-01 .txt-row-01 td{
  border-top: 1px solid #c2c7ca;
}

/* table-01 custom 2 */
.table-01 .txt-row-02 th{
  border-right: 1px solid #ddd;
}
.table-01 .txt-row-02 td{
  border-top: 1px solid #c2c7ca;
}
.table-01 .txt-row-02 td,
.table-01 .txt-row-02 th{
  padding-right: 16px;
  padding-left: 16px;
  text-align: left;
}

@media (max-width: 767px) {
  .table-01{
    margin-top: 4px;
    border: 1px solid #c2c7ca;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (min-width: 768px) {
  .table-01{
    margin-top: 12px;
    border-radius: 4px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.08);
  }
}

/* table-01 sp custom */
@media (max-width: 767px) {
  .table-01.sp-table-01 th,
  .table-01.sp-table-01 td{
    display: block;
    width: 100% !important;
  }
  .table-01.sp-table-01 .txt-row-02 th{
    border-right: none;
  }
  .table-01.sp-table-01 .txt-row-02 td{
    border-top: 1px solid #ddd;
  }
}

/* table-02 */
.table-02{
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border-top: 1px solid #eee;
}
.table-02 th,
.table-02 td{
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}
.table-02 th{
  text-align: left;
  color: #2c3248;
}
@media (max-width: 767px) {
  .table-01{
    margin-top: 4px;
    border: 1px solid #c2c7ca;
    border-radius: 0;
    box-shadow: none;
  }
  .table-02 th{
    width: auto;
    padding-right:0;
    padding-left: 16px;
  }
  .table-02 td{
    padding-right: 16px;
    padding-left: 16px;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .table-01{
    margin-top: 12px;
    border-radius: 4px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.08);
  }
  .table-02 th,
  .table-02 td{
    padding-right:0;
    padding-left: 16px;
  }
  .table-02 th{
    width: 240px;
  }
}

/* table common width */
.table-width-01 { width: 18% !important; }
.table-width-02 { width: 27% !important; }
.table-width-03 { width: 28% !important; }

/* table common width - responsive */
@media (max-width: 413px) {
  .table-width-text-01{
    display: block;
  }
}
@media (min-width: 414px) {
  .table-width-text-01{
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .table-width-genbutsu { width: 50% }
  .table-width-shinyou-value { width: 25% !important; }
  .table-width-shinyou { width: 55% !important; }
  .table-width-shinyou-vip { width: 45% !important; }
}
@media (min-width: 768px) {
  .table-width-genbutsu { width: 40%; }
  .table-width-shinyou { width: 40% !important; }
  .table-width-shinyou-vip { width: 40% !important; }
}

/* table sp scroll */
@media (max-width: 767px) {
  .sp-table-scroll{
    overflow: auto;
    width: auto;
    margin-top: 4px;
    background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.2)) left,
                linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.2)) right;
    background-size: 15px 100%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    -webkit-overflow-scrolling: touch;
  }
  .sp-table-scroll table{
    min-width: 100%;
    margin-top: 0;
    background: linear-gradient(to left, rgba(255,255,255,0), #fff 20px) left,
                linear-gradient(to right, rgba(255,255,255,0), #fff 20px) right;
    background-size: 30px 100%;
    background-attachment: local;
    background-repeat: no-repeat;
  }
  .sp-table-scroll td,
  .sp-table-scroll th{
    white-space: nowrap;
  }
}

/* box ++++++++++++++++ */

/* column */
.box-column-01{
  width: auto;
  color: #666;
}
@media (max-width: 767px) {
  .box-column-01{
    margin-top: 4px;
  }
}
@media (min-width: 768px) {
  .box-column-01{
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
  }
}

/* border */
.box-border-01{
  margin-top: 20px;
  padding: 28px 30px;
  color: #666;
  border: 3px solid #f3bec2;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.01);
}
.box-border-02{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dotted #8e99ad;
}
.box-border-03{
  border: 2px solid #a9c8e8;
}
.box-border-05,
.box-border-04{
  border-style: solid;
  border-width: 1px;
}
.box-border-04{
  color: #693318;
  background-color: #fdf9f9;
  border-color: #9e1d15;
}
.box-border-05{
  color: #0d549d;
  background-color: #f8fcff;
}

@media (max-width: 767px) {
  .box-border-01{
    margin-top: 10px;
    padding: 8px 12px;
  }
  .box-border-03{
    padding: 8px 8px 6px;
  }
  .box-border-05,
  .box-border-04{
    font-size: 1.4rem;
    margin-top: 8px;
    padding: 8px 10px 10px;
  }
}
@media (min-width: 768px) {
  .box-border-01{
    margin-top: 20px;
    padding: 28px 30px;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.01);
  }
  .box-border-03{
    padding: 8px 12px;
  }
  .box-border-05,
  .box-border-04{
    font-size: 1.2rem;
    margin-top: 16px;
    padding: 8px 8px 8px 12px;
  }
}

/* text ++++++++++++++++ */

/* text */
.txt-emphasis-02,
.txt-emphasis-01{
  font-weight: bold;
  color: #10a6d1;
}
.txt-note{
  font-size: 1.2rem;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .txt-emphasis-02{
    font-size: 1.4rem;
  }
  .txt-note{
    margin-top: 4px !important;
  }
}
@media (min-width: 768px) {
  .txt-emphasis-02{
    font-size: 1.6rem;
  }
  .txt-note{
    margin-top: 8px !important;
  }
}

/* link text */
.text-link-01{
  position: relative;
  display: inline-block;
  font-size: 1.6rem;
  padding-left: 1em;
  font-weight: bold;
  color: #313942;
}
.text-link-01:before{
  box-sizing: border-box;
  position: relative;
  top: -1px;
  left: -6px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #0088de;
  border-right: 2px solid #0088de;
}
.text-link-01 a{
  text-decoration: none;
}
.text-link-vip{
  padding-top: 0;
}

@media (max-width: 767px) {
  .text-link-01{
    display: block;
    font-size: 1.4rem;
    text-align: right;
  }
  .text-link-01:before{
  }
  .text-link-vip{
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
}

/* space ++++++++++++++++ */

/* space */
@media (max-width: 767px) {
  .space-top-01{
    margin-top: 4px !important;
  }
  .space-top-02{
    margin-top: 0 !important;
  }
  .space-top-03{
    margin-top: 4px !important;
  }
  .space-top-04{
    margin-top: 12px !important;
  }
  .space-top-05{
    margin-top: 4px !important;
  }
}
@media (min-width: 768px) {
  .space-top-01{
    margin-top: 12px !important;
  }
  .space-top-02{
    margin-top: 8px !important;
  }
  .space-top-03{
    margin-top: 16px !important;
  }
  .space-top-04{
    margin-top: 8px !important;
  }
  .space-top-05{
    margin-top: 0 !important;
  }
}

/* indent */
@media (max-width: 767px) {
  .indent-01{
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .indent-01{
    margin-left: 20px;
  }
}

/* unique ++++++++++++++++ */

/* risk */
.list-text-bond{}
.list-text-bond dt{
  font-weight: bold;
  color: #1E335C;
}
.list-text-bond dt:first-child{
  margin-top: 0;
}
@media (max-width: 767px) {
  .list-text-bond dt{
    margin-top: 4px;
  }
}
@media (min-width: 768px) {
  .list-text-bond dt{
    margin-top: 12px;
  }
}

/* inquiry */
.inquiry-list{}
.inquiry-list > li{}
.inquiry-list .inquiry-list-column-left{}
.inquiry-list .inquiry-list-column-right{}
@media (max-width: 767px) {
  .inquiry-list > li{
    margin-top: 10px;
  }
  .inquiry-list .inquiry-list-column-right,
  .inquiry-list .inquiry-list-column-left{
    width: auto;
  }
  .inquiry-list .inquiry-list-column-right{
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .inquiry-list > li{
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
  }
  .inquiry-list .inquiry-list-column-left{
    width: 180px;
  }
  .inquiry-list .inquiry-list-column-right{
    width: 650px;
    margin-top: 0;
  }
}
.inquiry-list-btn{}
@media (max-width: 767px) {
  .inquiry-list-btn{
    display: block;
  }
  .inquiry-list-btn dd{
    margin-top: 8px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .inquiry-list-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.inquiry-list-ttl-01,
.inquiry-list-ttl-02{
  margin-top: 0 !important;
  padding: 9px 0 9px 8px;
  line-height: 1;
}
.inquiry-list-ttl-01{
  background-color: #f1f4f8;
  box-shadow: 0px 0px 0px 2px rgba(30,51,92,1) inset,
  0px 0px 0px 3px rgba(255,255,255,1) inset;
}
.inquiry-list-ttl-02{
  border-color: #63120d;
  background: linear-gradient( #d36e3a 2%, #c7632e 98% );
  box-shadow: 0px 0px 0px 2px rgba(99,18,13,1) inset,
  0px 0px 0px 3px rgba(222,146,108,1) inset;
}
@media (max-width: 767px) {
  .inquiry-list-ttl-02 img,
  .inquiry-list-ttl-01 img{
    width: auto;
    height: 17px;
  }
}
@media (min-width: 768px) {
  .inquiry-list-ttl-02 img,
  .inquiry-list-ttl-01 img{
    width: auto;
    height: auto;
  }
}

.list-number-01{}
.list-number-01 li{
  display: inline-block;
  padding-left: 24px;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
}
.list-number-01 li.ico-num1{
  background-image: url(/corp/lp/sns/images/inquiry-icon-01.png);
}
.list-number-01 li.ico-num2{
  background-image: url(/corp/lp/sns/images/inquiry-icon-02.png);
}
.list-number-01 li.ico-num3{
  background-image: url(/corp/lp/sns/images/inquiry-icon-03.png);
}
.list-number-01 li.ico-num4{
  background-image: url(/corp/lp/sns/images/inquiry-icon-04.png);
}
.list-number-01 li.ico-num5{
  background-image: url(/corp/lp/sns/images/inquiry-icon-05.png);
}
.list-number-01 li.ico-num6{
  background-image: url(/corp/lp/sns/images/inquiry-icon-06.png);
}
@media (max-width: 767px) {
  .list-number-01{
    margin-top: 0;
  }
  .list-number-01 li{
    width: 50%;
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  .list-number-01{
    margin-top: 4px;
  }
  .list-number-01 li{
    width: 33%;
    margin-top: 4px;
  }
}

.inquiry-arrow{}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
  .inquiry-arrow{
    padding-bottom: 42px;
    background-image: url(/corp/lp/sns/images/inquiry-img_arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}

.inquiry-txt-note{
  color: #a75226;
  font-weight: bold;
}

/**/
.m-anchor-navi a {
  text-decoration: none;
}