@charset "utf-8";
/* CSS Document */

body{
  background: #000 url("/img/bg_type2.jpg") no-repeat left top / 150% auto;
}

#notice {
    margin: 2% 0 4%;
    padding: 4%;
    text-align: center;
}
.attention {
    font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    line-height: 1.3;
    margin: 4% 0;
}
.mm {
    font-family: "Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
    font-size: 1.13rem;
    font-style: italic;
    letter-spacing: 0.05em;
    line-height: 1.3;
    margin: 0 0 4%;
}
.mm span {
    color: #ff4a58;
}
.ppp {
    text-align: left;
}
#notice .btn_more {
    display: inline-block;
    margin: 2% 0 10%;
}
.caution {
    text-align: left;
}
.caution span {
}
#box {
}
.d1 {
    margin: 0 2% 12%;
    text-align: left;
}
.d2 {
    margin: 0 0 10%;
}
.wrap {
    border: 1px solid #ccc;
    margin: 0 auto 15%;
}
#box .dd {
}
.number {
    background-color: #ccc;
    color: #fff;
    font-family: "Pathway Gothic One",sans-serif;
    font-size: 1rem;
    line-height: 1;
    margin: -21px 0 0 -1px;
    padding: 2px 0 3px 10px;
    text-align: left;
    width: 40%;
}
.inner {
    overflow: hidden;
    padding: 0 0 5%;
}
.inner_box {
    padding: 0 4%;
    text-align: left;
}
.name {
    font-size: 1.2rem;
    margin: 0 0 2%;
    text-align: center;
}
.btn_more a {
    font-size: 0.88rem;
    font-style: italic;
    letter-spacing: 0.01em;
}
.inner_box p {
}
#vv {
    background-color: #fcf4f8;
    border: 1px solid #f1bed7;
    display: block;
    margin: 5% 0;
    padding: 4%;
    text-align: center;
}
#vv p {
}
#vv .dd {
    font-size: 1.13rem;
}
.com {
    background-color: #f2f2f2;
    font-size: 0.77rem;
    line-height: 1;
    margin: 10% auto 0;
    padding: 1.8% 0;
    text-align: center;
    width: 80%;
}
.num {
    font-size: 1.66rem;
    font-style: italic;
    letter-spacing: 0.02em;
    text-align: center;
}
.box {
    margin: 5% 0 0;
    padding: 5% 0 0;
}
#main {
    text-align: center;
}
.in {
    margin: 0 0 10%;
}
.in:last-child {
    margin: 0;
}
.in h4 {
    color: #006cd8;
}
.in p {
}
#box {
    padding: 0 2%;
}
#box .photo {
    margin: 5% auto 2%;
    width: 30%;
}
.app {
    font-family: "Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
    font-size: 1.12rem;
    font-style: italic;
    letter-spacing: 0.02em;
    line-height: 1.3;
    margin: 2% 0 4%;
}
#box .photo img {
    width: 100%;
}
.sp1 {
    color: #674d8c;
    font-size: 2.23rem;
}
.sp2 {
    color: #ff4a58;
    font-weight: bold;
}
.com {
}
.notice {
    font-size: 12px;
    margin: 4% 0 10%;
}
.box h3 {
    font-family: "Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
    font-size: 1.33rem;
    /*font-style: italic;*/
    letter-spacing: 0.05em;
    margin: 0 0 2%;
    text-align: center;
}
.box dt span {
    color: #ff0000;
    font-size: 0.6rem;
    font-weight: bold;
    margin: 0 0 0 5px;
}
form {
    padding: 0 0 10%;
}
select {
    background: #fff url("/sp/img/icon_arrow_under.png") no-repeat scroll right 5px center / 6px 5px;
}
.box dd {
    text-align: left;
    font-size: 1rem;
}
.box dt {
    font-family: sans-serif;
    margin: 0 0 2%;
    text-align: left;
    color:#ccc;
}
.box dl {
    margin: 0 auto;
    overflow: hidden;
    padding: 3% 5%;
}
label {
}
.box .dd {
    padding: 4%;
    text-align: left;
}
.label {
    margin: 0 0 0 2%;
}
.radio {
    margin: 0 0 1%;
}
.text {
    border: 1px solid #ccc;
    padding: 2%;
    width: 50%;
}
.short {
    border: 1px solid #ccc;
    margin: 0 5px 0 15px;
    padding: 5px;
    width: 60px;
}
.select {
    border: 1px solid #ccc;
    margin: 0 1% 2% 1%;
    padding: 1.5% 4% 1.5% 2%;
    font-size: 1rem;
}
.short:first-child {
    margin-left: 0;
}
.textarea {
    border: 1px solid #ccc;
    height: 120px;
    padding: 2%;
    width: 96%;
}

.form_txt {
    padding: 2% 4% 0;
    text-align: left;
}
.dd {
    color: #ff4c4c;
}
.sup {
    font-size: 0.66rem;
}
#error {
    /*background-color: #222;*/
    color: #ff0000;
    font-weight: bold;
    padding: 6% 2%;
    text-align: center;
}
#completion {
    padding: 4% 2% 10%;
    text-align: left;
}
#completion .pp {
    font-size: 1.33rem;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin: 0 0 5%;
    text-align: center;
    /*text-decoration: underline;*/
}
#completion .ppd {
}
#completion .ppd span {
}
.pppp {
    text-align: left;
}


/*enquete*/

.msg p{
    font-size: 0.7rem;
    margin-bottom: 30px;
    text-align: left;
}