@charset "UTF-8";

body{
    background-color: #F4EADE;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'MS Pゴシック', sans-serif;
}

.centering:not(.submit-wrap){
    padding: 0.5em 1em;
    margin: 1em auto;
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    max-width: 900px;
}
.centering h3{
    border-bottom: solid 1px #cccccc;
}

/* 入力フォーム */
input[type="text"], input[type="date"], input[type="time"], input[type="email"]{
    border-radius: 2px;
    outline: none;
    background-color: #FFFFFF;
    border: solid 1px #cccccc;
    padding: 5px 10px;
    margin: 3px 5px;
}
.select_wrap select{
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    padding: 5px 10px;
}
.select_wrap{
    border: 1px solid   #cccccc;
    border-radius: 2px;
    background: #FFFFFF;
    width: 10em;
}
input[type="text"]:hover, input[type="date"]:hover, input[type="time"]:hover, .select_wrap:hover, input[type="radio"]:hover, input[type="email"]:hover{
    border: solid 1px #2988BC;
    opacity: 0.5;
}
input[type="text"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="email"]:focus{
    border: solid 1px #2988BC;
    opacity: 1;
}
input[type="radio"]{
    margin-bottom: 10px;
}

/* 送信ボタン */
.submit-wrap{
    text-align: center;
    margin-bottom: 15px;
}
.submit-button{
    padding: 10px 20px;
    background-color: #2F496E;
    color: #FFFFFF;
    border-style: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.submit-button:hover{
    opacity: 0.5;
}

/* 質問と回答 */
.question{
    border-left: 7px solid #ED8C72;
    border-top-left-radius: 5px;
    padding: 0.5em 0 0.5em 1em;
    margin-bottom: 0;
}
.question p{
    margin: 0;
}
.answer{
    border-left: 7px solid #2988BC;
    border-bottom-left-radius: 5px;
    padding: 0.5em 0 0.5em 1em;
    margin-top: 0;
    margin: 0 0 1em 0;
}
.answer p{
    margin: 0;
}
.note{
    font-size: 0.9em;
    opacity: 0.7;
}