﻿.opinionForm{margin:80px 0 0;padding:0}.opinionForm__title{margin:0 0 60px;padding:30px 50px;font-size:28px;line-height:1;font-weight:700;color:#FFF;background-color:#60c7ff}.notice{margin:0;padding:0;list-style:none}.notice__item{margin:0 0 10px;padding:0 0 0 20px;position:relative}.notice__item::before{content:'';width:8px;height:8px;position:absolute;top:12px;left:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#333}.notice__item span{color:#e60012}.mailForm{width:100%;margin:50px 0 0;border-collapse:collapse}.mailForm th,.mailForm td{border:1px solid #CCC;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mailForm th{width:30%;padding:30px;font-weight:normal;text-align:left;background-color:#daeef9;border-right:none}.mailForm th em{margin:0 0 0 20px;color:#e60012;font-style:normal}.mailForm td{width:70%;padding:20px 30px;border-left:none}.mailForm td input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:60px;padding:18px 5px;font-size:16px;background-color:#f3f3f3;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mailForm td input[type=text].itext{width:100%}.mailForm td input[type=text].small{width:30%}.mailForm td input[type=text].age{width:15%;margin:0 10px 0 0}.mailForm td input[type=text].p-postal-code{width:15%;margin:0 0 20px 10px}.mailForm td input[type=text].p-region{width:100%;margin:0 0 20px}.mailForm td input[type=text].p-extended-address{width:100%}.mailForm td textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:340px;padding:18px 5px;font-size:18px;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","Meiryo UI","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Verdana,sans-serif;background-color:#f3f3f3;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mailForm__btn{width:400px;height:80px;margin:80px auto 0;font-size:18px;font-weight:700;line-height:1;color:#FFF !important;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:center;background-color:#293380;border:1px solid #293380;-webkit-border-radius:80px;-moz-border-radius:80px;border-radius:80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:0.1s linear}.mailForm__btn:hover{text-decoration:none;color:#FFF !important;background-color:#60c7ff;border:1px solid #60c7ff;-webkit-box-shadow:rgba(0,0,0,0.09) 0px 2px 1px,rgba(0,0,0,0.09) 0px 4px 2px,rgba(0,0,0,0.09) 0px 8px 4px,rgba(0,0,0,0.09) 0px 16px 8px;-moz-box-shadow:rgba(0,0,0,0.09) 0px 2px 1px,rgba(0,0,0,0.09) 0px 4px 2px,rgba(0,0,0,0.09) 0px 8px 4px,rgba(0,0,0,0.09) 0px 16px 8px;box-shadow:rgba(0,0,0,0.09) 0px 2px 1px,rgba(0,0,0,0.09) 0px 4px 2px,rgba(0,0,0,0.09) 0px 8px 4px,rgba(0,0,0,0.09) 0px 16px 8px;cursor:pointer}.mailForm__btn span{padding:0 28px 0 0;background-image:url("../img/common/svg/03_white.svg");background-position:right center;background-repeat:no-repeat;background-size:18px 15px}table.preview{width:100%;margin:0;border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}table.preview tr:first-of-type th,table.preview tr:first-of-type td{border-top:1px solid #333}table.preview tr th,table.preview tr td{padding:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #333}table.preview tr th{width:30%;color:#333;text-align:left;background-color:#daeef9;border-left:1px solid #333}table.preview tr td{border-right:1px solid #333}.btnWrap{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column}.btnWrap button{width:400px;height:80px;margin:60px auto 0;padding:0;font-size:18px;font-weight:700;line-height:1;color:#FFF !important;display:block;background-color:#293380;border:1px solid #293380;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;position:relative;transition:0.1s linear}.btnWrap button:hover{text-decoration:none;color:#FFF !important;background-color:#60c7ff;border:1px solid #60c7ff;-webkit-box-shadow:rgba(0,0,0,0.09) 0px 2px 1px,rgba(0,0,0,0.09) 0px 4px 2px,rgba(0,0,0,0.09) 0px 8px 4px,rgba(0,0,0,0.09) 0px 16px 8px;-moz-box-shadow:rgba(0,0,0,0.09) 0px 2px 1px,rgba(0,0,0,0.09) 0px 4px 2px,rgba(0,0,0,0.09) 0px 8px 4px,rgba(0,0,0,0.09) 0px 16px 8px;box-shadow:rgba(0,0,0,0.09) 0px 2px 1px,rgba(0,0,0,0.09) 0px 4px 2px,rgba(0,0,0,0.09) 0px 8px 4px,rgba(0,0,0,0.09) 0px 16px 8px;cursor:pointer}.btnWrap button.send{color:#FFF !important;background-color:#60c7ff;border:1px solid #60c7ff}.btnWrap button.send:hover{color:#60c7ff !important;background-color:#FFF;border:5px solid #60c7ff}.p_code a{margin:0 0 0 20px;padding:3px 20px;color:#FFF;font-size:14px;display:inline-block;background-color:#3286b3;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;transition:0.1s linear}.p_code a:hover{text-decoration:none;background-color:#aaa}@media (max-width: 1000px){.opinionForm td input[type=text].p-postal-code{width:120px}}@media (max-width: 680px){.opinionForm__title{padding:30px;font-size:24px}}@media (max-width: 500px){p.intro{font-size:16px}.notice__item{font-size:16px}.mailForm th,.mailForm td{font-size:16px;padding:20px}table.preview tr th,table.preview tr td{font-size:16px;padding:20px}}@media (max-width: 480px){.mailForm__btn{width:100%}.btnWrap button{width:100%}}
