@charset "utf-8";

/* form
==================================*/
#form{width:1040px; margin:0 auto 60px;}
#form p.text{margin-bottom:50px;}
#form p.text span{display:block; margin-top:2em;}
#form ul{list-style:none;}
#form ul>li{ padding:30px 0; border-bottom:2px solid #fdeff5;}
#form ul>li dl{ display:table; width:100%;}
#form ul>li dt{ display:table-cell; width:25%; vertical-align:center; padding-left:1.2em; font-size:18px; font-weight:bold;}
#form form>ul>li.last dt{ vertical-align:top; padding-top:.6em;}
#form ul>li dt span{ display:inline-block; margin-left:1.3em; font-size:16px; color:#fff; font-weight:normal; padding:.1em .8em; background:#9f083e; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#form ul>li dd{ display:table-cell; width:75%;}
#form ul>li dd input[type="text"]{ font-size:18px; padding:.6em 1.3em; border:2px solid #f7cbde; text-decoration:none; appearance:none; overflow:visible; margin: 0; outline: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#form ul>li dd p.error{ background:#9e073d; margin:1em 0 0; padding:.4em 1em .2em; font-size:15px; font-weight:bold; color:#fff; position:relative;}
#form ul>li dd p.error:after{ content:""; width:0; height:0; border-bottom:8px solid #9e073d; border-right:8px solid transparent; border-top:8px solid transparent; border-left:8px solid transparent; position:absolute; top:-16px; left:5%;}
#form ul>li.first dd input[type="text"],
#form ul>li.multi2 dd input[type="text"]{ width:60%;}
#form ul>li.multi3 dd input[type="text"]{ width:80%;}
#form ul>li dd ol{ list-style:none;}
#form ul>li dd ol li{ font-size:18px; margin-bottom:20px; border-bottom:2px solid #fdeff5;}
#form ul>li dd ol li.last{ margin-bottom:0; border-bottom:0;}
#form ul>li dd ol li span.date{ margin:0 .6em;}
#form ul>li dd ol li span.oclock{ margin:0 .6em;}
#form ul>li dd ol li span input[type="text"],
#form ul>li dd ol li span select{ font-size:18px; margin-right:.5em; padding:.8em 1.3em; border:2px solid #f7cbde; background:#fff url(img/selectBtn.gif) right center no-repeat; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px; text-decoration:none; appearance:none; overflow:visible; outline: none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#form ul>li dd textarea{ width:90%; font-size:16px; min-height:12em; padding:1em 1.3em; border:2px solid #f7cbde; text-decoration:none; appearance:none; overflow:visible; margin: 0; outline: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#form ul>li dd ol li span input[type="text"]{ width:8em;}
#form ul>li dd ol li span select{ width:6em;}
#form ul{ margin-bottom:30px;}
p.btn{ text-align:center; letter-spacing:-.4em;}
p.btn input[type="submit"]{ letter-spacing:normal; margin:0 3%; display:inline-block; width:30%; font-size:18px; color:#fff; padding:.5em 0; text-align:center; text-decoration:none; appearance:none; overflow:visible; border: none; outline: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; font-family:'Noto Sans Japanese', 'メイリオ', 'ＭＳ Ｐゴシック', Hiragino Kaku Gothic Pro, Helvetica, Verdana, Arial, sans-serif; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
p.btn input[type="submit"].left{ background:#ff6a9c url(/common/img/btnIcon02.png) 5% no-repeat;}
p.btn input[type="submit"].left:hover{ background:#e8004e url(/common/img/btnIcon02.png) 4% no-repeat;}
p.btn input[type="submit"].right{ background:#ff6a9c url(/common/img/btnIcon.png) 95% no-repeat;}
p.btn input[type="submit"].right:hover{ background:#e8004e url(/common/img/btnIcon.png) 96% no-repeat;}
p.title{ text-align:center; font-size:30px; margin-bottom:50px;}
p.btn a{ box-shadow:4px 4px 1px -1px #220054; -webkit-box-shadow:4px 4px 1px -1px #220054; letter-spacing:normal; width:60%; color:#1b1b1b; font-size:20px; text-align:center; text-decoration:none; padding:.6em 0; display:inline-block; background:#eada2f url(/common/img/icon.png) 95% no-repeat; -o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s;}
p.thanks{ font-size:16px;}
p.thanks span{ display:block; width:30%; margin:40px auto 0;}
p.thanks span a{ display:block; font-size:16px; padding:.5em 0; text-align:center; color:#fff; text-decoration:none; background:#ff6a9c; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
p.thanks span a:hover{ background:#e8004e;}
@media screen and (max-width: 640px){
#form{width:auto; margin:0 0 30px;}
#form>dt img{ width:70%;}
#form p.text{ margin-bottom:30px;}
#form ul>li{ padding:20px 0;}
#form ul>li dl{ display:block; width:100%;}
#form ul>li dt{ display:block; width:100%; vertical-align:auto; padding-left:0; margin-bottom:20px; font-size:16px;}
#form form>ul>li.last dt{ vertical-align:auto; padding-top:0;}
#form ul>li dt span{ font-size:14px; color:#fff;}
#form ul>li dd{ display:block; width:auto;}
#form ul>li dd input[type="text"]{ font-size:16px;}
#form ul>li dd p.error{ background:#9e073d; margin:1em 0 0; padding:.4em 1em .2em; font-size:15px; font-weight:bold; color:#fff; position:relative;}
#form ul>li dd p.error:after{ content:""; width:0; height:0; border-bottom:8px solid #9e073d; border-right:8px solid transparent; border-top:8px solid transparent; border-left:8px solid transparent; position:absolute; top:-16px; left:5%;}
#form ul>li.first dd input[type="text"],
#form ul>li.multi2 dd input[type="text"]{ width:80%;}
#form ul>li.multi3 dd input[type="text"]{ width:80%;}
#form ul>li dd ol li{ font-size:14px; margin-bottom:20px;}
#form ul>li dd ol li span{ margin:0;}
#form ul>li dd ol li span.date{ display:block; margin-bottom:10px;}
#form ul>li dd ol li span input[type="text"],
#form ul>li dd ol li span select{ font-size:16px; margin-right:.5em; padding:.8em 1.3em;}
#form ul>li dd textarea{ width:80%;}
#form ul>li dd ol li span input[type="text"]{ width:8em;}
#form ul>li dd ol li span select{ width:6em;}
p.btn{ text-align:center; letter-spacing:-.4em;}
p.btn input[type="submit"]{ width:100%; margin:0; font-size:16px; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none;}
p.btn input[type="submit"].left{ width:45%; margin-right:3%; background:#ff6a9c url(/common/img/btnIcon02.png) 5% no-repeat;}
p.btn input[type="submit"].left:hover{ background:#ff6a9c url(/common/img/btnIcon02.png) 5% no-repeat;}
p.btn input[type="submit"].right{ width:45%; margin-right:3%; background:#ff6a9c url(/common/img/btnIcon.png) 95% no-repeat;}
p.btn input[type="submit"].right:hover{ background:#ff6a9c url(/common/img/btnIcon.png) 95% no-repeat;}
p.wbtn input[type="submit"].right{ width:100%;}
p.thanks span{width:auto; margin:40px 5% 0;}
p.thanks span a{background:#ff6a9c; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none;}
p.thanks span a:hover{background:#ff6a9c;}
}