a,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{
   font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0;
}
html{
  line-height:1;
}
ol,ul{
  list-style:none;
}
table{
  border-spacing:0;
  border-collapse:collapse;
}
caption,td,th{
  font-weight:400;
  text-align:left;
  vertical-align:middle;
}
blockquote,q{
  quotes:none;
}
blockquote:after,blockquote:before,q:after,q:before{
  content:'';
  content:none;
}
a img{
  border:none;
  }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  display:block;
}
*{
  margin:0;
  padding:0;
}
html{
  font-size:62.5%;
  height:100%;
  -webkit-text-size-adjust:100%;
}
body{
  font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  font-size:10px;
  ont-size:1rem;
  line-height:1.5;
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:break-all;
  color:#222;
  background:#fff 50% 0;
  /* background:#1e2a6d url(../images/bg.jpg) 50% 0; */
  }

img{
  width:100%;
  height:auto;
  -webkit-transition:.3s all;
  transition:.3s all;
  vertical-align:bottom;
  }

a{
  text-decoration:none;
  }

.larger{
  font-size:160%;
  font-weight:700;
  color:#1e2a6d;
  }

.notice{
  color:#cc0000;
}

.container{
  font-size:160%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:100vh;
  margin:0 auto;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  }
  label{
    display:inline-block;
    margin-right:20px;
    }
  input[type=text]{
    font-size:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding:6px;
    border:2px solid rgba(176,137,79,.4);
    border-radius:4px;
    }
  input[name=zip1]{
    width:50px;
    }
  input[name=age],input[name=tel0],input[name=tel1],input[name=tel2],input[name=zip2]{
    width:60px;
  }
  input[name=price]{
    width:100px;
  }
  input[type=checkbox],input[type=radio]{
    margin-right:5px;}
  .select-wrap{
    position:relative;
    display:inline-block;
    width:100%;
    max-width:400px;
    }
  .select-wrap:before{
    position:absolute;
    z-index:1;
    top:50%;
    right:10px;
    width:6px;
    height:6px;
    margin-top:-6px;
    content:'';
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    pointer-events:none;
    border:0;
    border-right:solid 2px #b0894f;
    border-bottom:solid 2px #b0894f;
  }

.select-wrap.single{
  width:180px;
  }
select{
  font-size:inherit;
  width:100%;
  height:44px;
  padding:4px 12px;
  vertical-align:middle;
  text-indent:.01px;
  text-overflow:'';
  color:inherit;
  border:2px solid rgba(176,137,79,.4);
  border-radius:4px;outline:0;
  background:none #fff;
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  }
select option{
  background-color:#fff;
    }
select::-ms-expand{
  display:none;
  }
select:-moz-focusring{
  color:transparent;
  }
.btn{
  font-size:140%;
  font-weight:700;
  position:relative;
  display:block;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  margin:30px auto 0;
  padding:20px 10px;
  -webkit-transition:.3s all;
  transition:.3s all;
  text-align:center;
  color:#fff;
  border:0;
  border-radius:60px;
  background-color:#b0894f;
  text-shadow:0 -2px 0 rgba(0,0,0,.2);
  }
  .btn:after{
    position:absolute;
    top:50%;
    margin-top:-10px;
    content:'';
    border:solid 10px transparent;
    }
  .btn.next:after{
    right:10px;
    border-left:solid 10px #fff;
  }.btn:hover{
    cursor:pointer;
  }
  button.back{
    color:#333;
    background-color:#ddd;
    text-shadow:0 -2px 0 rgba(255,255,255,.2);
    }
  button.back:after{
    left:10px;
    border-right:solid 10px #333;
    }
  .btnNext{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    }
  .btnNext li{
    width:100%;
    }
  .disc li{
    position:relative;
    padding-left:1em;
    }
  .disc li:before{
    position:absolute;
    top:0;
    left:0;
    content:'●';
    color:#b0894f;
    }
  .disc li+li{
    margin-top:1em;
  }
.blue{
/*      background-color:#0068b7;*/
      background-color:#005590;
      }

.cream{
    background-color:#96aece;
    }
  .confetti{
/*    background:url(../images/confetti.png) 50% 0;background-size:1000px 497px;*/
    background-color: #005590;
  }
  header{
    width:100%;
    padding:0;
    }
  header h1{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding:10px;
    background-color:#3150a0;
    }
  header h1 img{
    display:block;
    max-width:600px;
    margin:0 auto;
  }
  header p.main{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    }
  header p.kikan{
    width:100%;
    background-color:#fff;
  }
  header p.kikan img{
    display:block;
    max-width:1000px;
    margin:0 auto;
    }
  main{
    width:100%;
    }
  main section{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding:20px;
    }
  main h2,main h3{
    font-weight:700;
  }
  main .ttl{
    font-size:180%;
    position:relative;
    display:block;
    width:200px;
    margin:0 auto 20px;
    padding:10px;
    text-align:center;
    color:#fff;
    background-color:#222;
  }
  main .ttl:after,main .ttl:before{
    position:absolute;
    width:0;height:0;
    content:'';
    border:8px solid transparent;
    }
  main .ttl:before{
    top:0;
    left:0;
    border-top-color:#e60012;
    border-left-color:#e60012;
  }
  main .ttl:after{
    right:0;
    bottom:0;
    border-right-color:#e60012;
    border-bottom-color:#e60012;
    }
  main .bgwrap{
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    

    }
    .wrap{
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      max-width:1000px;
      margin:0 auto;
      padding:20px;
      border:3px solid #b0894f;
      background-color:#fff;
      }
main .maker .makerList{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  background-color:#fff;
}
  main .maker .makerList li{
    width:10%;
  }
  main .step{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-width:1000px;
    margin:0 auto;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    }
main .step .wrap{
  margin:0;
}
main .step h3{
  font-size:120%;
  text-align:center;
  color:#1e2a6d;
  }
main .step h3 span{
  font-size:80%;
  display:block;
  width:100px;
  margin:0 auto 5px;
  padding:4px;
  color:#1e2a6d;
  background-color:#b0894f;
}
main .innerBox{
    width:calc(50% - 10px);
      }
main .innerBox figure{
  max-width:204px;
  margin:20px auto;
      }
main .detail h3{
  font-size:120%;
  padding:2px 10px;
  color:#b0894f;
  border-left:6px solid currentColor;
    }
main .detail p,main .detail ul{
    padding:10px;
  }
main .detail p+h3{
  margin-top:10px;
    }
form table{
  width:100%;
  margin:20px 0 0;
  border-top:1px solid rgba(176,137,79,.4);
  }
form table tr{
  border-bottom:1px solid rgba(176,137,79,.4);
  }
form table td,form table th{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;padding:20px 10px;
  }
form table th{
  font-weight:700;
  position:relative;
  vertical-align:text-top;
  }
form dl{
  overflow-y:auto;
  height:200px;
  border:1px solid #b0894f;
  }
form dl dt{
  font-weight:700;
  padding:5px;
  border-bottom:1px solid #b0894f;
  background-color:rgba(176,137,79,.2);
  }
form dl dd+dt{
  border-top:1px solid #b0894f;
  }
form dl dd{
  font-size:90%;
  padding:10px 10px 20px;
  }
form dl::-webkit-scrollbar{
  width:8px;
  background:#ddd;
  }
form dl::-webkit-scrollbar-thumb{
  border-radius:4px;
  background:#b0894f;
  }

form .upload{
  font-weight:700;
  position:relative;
  display:inline-block;
  padding:10px;
  color:#fff;
  border:0;
  background-color:#b0894f;
  }

form .upload>input{
    display:none;
  }

form .agreement
  {
    display:block;
    margin-top:10px;}

form .example,form .required{
    display:inline-block;
  }

form .required{
    font-size:85%;
    margin-left:5px;
    padding:2px 4px;
    color:#fff100;
    background-color:#c1020e;}

form .example{
    font-size:80%;
    margin-top:5px;
  }

form .error{
    display:block;
    margin-top:5px;
    color:#c1020e;
  }

.thanks{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;padding:20px;
  }

.thanks dl{
    margin-top:20px;
    border:2px solid #b0894f;
    background-color:#fff;
  }


.thanks dl dt{
    font-weight:700;
    padding:5px 10px;
    color:#fff;
    background-color:#b0894f;
  }


.thanks dl dd{
    font-size:90%;
    padding:10px;}


#pagetop{
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
  }

#pagetop:hover{
    opacity:.7;
  }
    .stop{
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  box-sizing: border:3px solid #b0894f;
  border-box;margin-bottom: 30px;
}

footer{
  font-size:small;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  padding:20px 10px;
  text-align:center;
  color:#fff;
}

@media screen and (min-width:768px){

  .btn{
    font-size:180%;
    max-width:400px;
    }
  .btnNext{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    }
  .btnNext li{
    width:calc(50% - 10px);}
  form table th{
    width:200px;
  }
  form table th:after{
    position:absolute;
    top:5%;
    right:0;
    display:block;
    width:1px;
    height:90%;
    content:'';
    content:'';
    border-left:1px solid rgba(176,137,79,.4);
    }
    }

@media screen and (min-width:769px){
  .btn:hover{
    -webkit-transform:translateY(2px);
    transform:translateY(2px);
    background-color:#b0894f;
    }
button.back:hover{
  background-color:#ddd;
}
}

@media screen and (max-width:767px){
.larger{font-size:110%;}
.btnNext li+li{-webkit-box-ordinal-group:0;
  -ms-flex-order:-1;
  order:-1;
    }
header h1 img{
  max-width:240px;
      }
main section{
  padding:20px 10px;
  }
form table td,form table th{
  display:block;
  width:100%;
  padding:10px;
    }
form table th:before{
  position:absolute;
  top:10px;
  left:0;
  width:5px;
  height:calc(100% - 20px);
  content:'';
  background-color:#b0894f;
  }
form table.confirm td{
  padding-top:0;
  }
form dl dd{
  font-size:85%;
}
}
  @media screen and (max-width:639px){
  .container{
    font-size:140%;
  }
  main .maker .wrap{
    padding:10px;
  }
  main .maker .makerList li{
    width:20%;
  }
  main .innerBox{
    width:100%;
  }
  main .innerBox+.innerBox{
    margin-top:20px;
    }
  }