<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* =================================================== *

    ページ全体

 * =================================================== */
 
div#frame {
  overflow: hidden;
  width: 100%;
  position: relative;
}
body {
  background: #fff;
  /* color: #51263a; */
  color: #5f5e5e;
}
.content960 {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.content1050 {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
}
.content1095 {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
}
.content100p {
  width: 100% ;
}
.content100p img {
  width: 100% ;
}
.content100p-form {
    text-align: center;
    width: 100%;
}
.content100p-form form {
    /* max-width: 400px; */
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.step-background{
      background-image: url(../images/step-background.png);
      background-position: center;
    background-size: cover;
    width: 100%;
}

.content-step2 {
    width: 100%;
    padding: 80px 0;
  margin-top: -1px;
}
.twitter-area {
    width: 90%;
    border: 25px solid #02a7ea;
    margin: 0 auto 30px;
    border-radius: 19px;
    height: auto;
    padding: 10px;
    font-size: 1.8rem;
    background: #d0f1ff;
    box-shadow: 0px 5px 12px #92ada7;
}
.twitter-area img{}
.step2-image01 {
    width: 100%;
}
.step2-image01 img {
    width: 100%;
    margin-top: -70px ;
}
.step2-image02 {
    width: 100%;
}
.step2-image02 img {
    width: 100%;
    margin-top: -230px ;
}
form select {
    margin-bottom: 10px;
    display: block;
    background-color: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 32px;
    padding: 4px 0 4px 10px;
    border-radius: 5px;
    background: #fff url(/sp/img/home/top_select_btn.png) no-repeat 100% 50%;
    -webkit-background-size: 35px;
    background-size: 35px;
    outline: 0;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .05em;
    cursor: pointer;
}
form {
    padding: 0 10px;
}
form .item {
    padding: 10px 0;
    display: flex;
}
form .item_name {
    border-left: solid 5px orange;
    padding: 0.25em 0.5em;
}
form .necessity {
    margin-left: 5px;
    padding: 0.25em;
}
form .necessity span.required {
    background-color: red;
}
form .necessity span {
    vertical-align: top;
    padding: 1px 5px;
    border-radius: 5px;
    color: white;
    font-size: 0.8em;
    letter-spacing: 1px;
}
form .contract {
    height: 150px;
    overflow: auto;
    font-size: 11px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    padding: 16px 14px;
}
#agree_wrap {
    margin: 10px 0;
    text-align: center;
}
form textarea {
    resize: none;
    width: 100%;
    border-color: #aeaeae;
    font-size: 13px;
}
form input[type="text"] {
    width: 100%;
    font-size: 13px;
    border: solid 1px #aeaeae;
    padding: 7px 10px;
    border-radius: 5px;
}
button {
    border: 0;
    max-width: 300px;
    margin: 0 auto;
}
button img {
  width: 100%;
}
section.company dl {
    font-size: 3vw;
    background-color: white;
    margin: 0 auto;
}
section.company dt {
    width: 20%;
    padding: 0.5em;
    font-weight: bold;
}
section.company dd {
    width: 80%;
    padding: 0.5em;
    line-height: 1.5em;
}
section.company dl &gt; div:not(:last-child) {
    border-bottom: dotted 1px #aeaeae;
}
section.company dl &gt; div {
    display: flex;
}
section.company h2 {
    background: #EB7B00;
    color: #fff;
    font-size: 3vw;
    padding: 15px 30px;
    font-weight: bold;
    margin-top: 80px;
}

p.footer-copy {
    background: #fb7400;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
}


.content-pos{position: relative;}
.content-ab1{position: absolute; bottom:10%; left:0; right:0; margin:0 auto; max-width: 50%;  height: auto;}
.content-ab2{position: absolute; top:0%; left:0; right:0; margin:0 auto; max-width: 50%;  height: auto;  z-index: 3;}
.content-ab2-2{position: absolute; top:10%; left:0;  margin:0 auto; max-width: 110%;  height: auto;  z-index: 4; }
.content-buttonimg{width:100%; margin:37% auto -22%; text-align: center;}
.content-buttonimg img{width:80%;}

.content-back001 textarea {
  resize: none;
  width:80%;
  top:50%;
  bottom:50%;
}
.content-back001{width:100%; height:100px; background-image: url("../images/img04_lp2-1.png") center top no-repeat; background-size:100%;}
.first-o-waku{margin-top:60px !important; margin-bottom:30px;}
.last-o-waku{margin-top:30px !important; margin-bottom:60px;}
.orenji-waku{text-align: center; width:80%; margin-left: auto; margin-right: auto; margin-top:30px; margin-bottom:30px;}
.orenji-waku h1 {
  color: #fff;/*文字色*/
  background: #f4aa5a;
  padding: 0.2em;
    border-radius: 0.5em;
    font-size: 3vw;
}

.content100p p{font-size:2.5vw; text-align:center; color:#5f5e5e !important;}
.last-p{margin-bottom:60px; }
.wakuwaku{border: solid 2px #5f5e5e; padding:0.3em 0.5em; }
.chose1{padding:0.2em 0;}

.example {
  position: relative;
  }

.example p {
  position: absolute;
  top: 50%;
  left: 42%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-35%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  font-size:2.4vw;
  color:#5f5e5e;
  }

.example img {
  width: 100%;
  }

.box002{
background-image: url("../images/mizutama.png");
background-repeat: repeat;
/* background-attachment: fixed; */
height:auto ;
}
.box002.step2-fukidashi {
    margin: 0 auto;
    width: 100%;
    max-width: 820px;
    padding: 0 4% 5%;
    position: relative ;
}
.box003{
background-image: url("../images/mizutama-c.png");
background-repeat: repeat;
/* background-attachment: fixed; */
height:auto ;
}
.box003.step2-fukidashi {
    margin: 0 auto;
    width: 100%;
    max-width: 820px;
    padding: 0 4% 5%;
    position: relative ;
    margin-top: 15%;
}

.box004{width:100%; text-align:center; }
.box004 img{width:70%;}
.box-img{ top:20px; }

.triangle3 {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #ebf6f5;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: auto;
}
.oubo-area {
    width: 100%;
    max-width: 820px;
    margin: 0 auto !important;
}
.oubo-title {
    background: #ee841b;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 2rem;
}
.oubo-box{
  width:100%;
  padding:3%;
  background:#fff;
}

.oubo-box p{margin-bottom: 1.5em !important; font-size: 1.5vw;}
.yellow-back-area{background:#f8ed39; padding:3%;}
.yellow-back-area p{margin-bottom: 0 !important; font-size: 1.5vw;}
.js-copybtn{background:#ee841b ; color:#fff; padding:0.5em;}
.step3awase{margin-top:7%;}

@media (max-width:768px) { 
.content-ab1{position: absolute; bottom:10%; left:0; right:0; margin:0 auto; max-width: 50%;  height: auto;}
.content-ab2{position: absolute; bottom:10%; left:0; right:0; margin:0 auto; max-width: 60%;  height: auto;}
  .content-ab2-2{position: absolute; top:10%; margin:0 auto; max-width: 110%;  height: auto; }
  .content-ab2 textarea {
  resize: none;
  width:187px;
  height:61px;
  font-size:11px;
}
  .box002{
background-image: url("../images/mizutama.png");
background-repeat: repeat;
/* background-attachment: fixed; */
height:auto;
}
  .box003{
background-image: url("../images/mizutama-c.png");
background-repeat: repeat;
/* background-attachment: fixed; */
height:auto ;
}
  .content100p p{font-size:3vw; text-align:center; color:#5f5e5e !important;}
  .example p {
  position: absolute;
  top: 50%;
  left: 42%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-35%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  font-size:3vw;
  color:#5f5e5e;
  }
.orenji-waku{text-align: center; width:80%; margin-left: auto; margin-right: auto; margin-top:15px; margin-bottom:15px;}
.orenji-waku h1 {
  color: #fff;/*文字色*/
  background: #f4aa5a;
  padding: 0.2em;
    border-radius: 0.5em;
    font-size: 3vw;
}
  .first-o-waku{margin-top:30px !important; margin-bottom:15px;}
.last-o-waku{margin-top:15px !important; margin-bottom:30px;}
  
  .content-buttonimg{width:100%; margin:36% auto -18%; text-align: center;}
.content-buttonimg img{width:80%;}
  .box003.step2-fukidashi {
    margin: 0 auto;
    width: 100%;
    max-width: 820px;
    padding: 0 4% 5%;
    position: relative ;
    margin-top: 18%;
}
  
  .box004 img{width:90%;}
  .step2-image02 img {
    width: 100%;
    margin-top: -109px ;
}
  .content-step2 {
    width: 100%;
    padding: 65px 3%;
}
  .last-p{margin-bottom:30px; }
  .oubo-area {
    width: 100%;
    max-width: 820px;
    margin: 0 auto !important;
    padding: 0 3% !important;
}
  .twitter-area p{ line-height: 0.8 !important;}
  .oubo-title {
    background: #ee841b;
    color: #fff;
    text-align: center;
    padding: 4px;
    font-size: 1.3rem;
}
.oubo-box{
  width:100%;
  padding:3%;
  background:#fff;
}

.oubo-box p{margin-bottom: 1.5em !important; font-size: 3vw;}
  .js-copybtn{background:#ee841b ; color:#fff; padding:0.5em; font-size: 0.7em;}
  .js-copytext{font-size: 0.7em;}
  .step3awase{margin-top:20%;}
  
  .triangle3 {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 35px solid #ebf6f5;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
}
}

/* ----------------------------------------------------------------------
 br - pc-sp での改行
---------------------------------------------------------------------- */
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 768px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

</pre></body></html>