@charset "UTF-8";
/*body, form, aタグなどの設定 */

:root {
    --text-color:#423232;
    --brown-text-color:#8D6C6B;
    --brand-color: #c79594;
    --main-bg-color: #f3b7ad;
    --main-button-color: #dcbdbc;
    --secondary-background:#ECD4CE;
    --sub-bg-color: #f1f6f6;
    --color-black: #231815;
    --color-brown: #423232;
    --secondary-color: #93AEC1;
    --tertiary-color: #9DBDBA;
    --quaternary-color: #EC6A52;
    --tertiary-color: #9DBDBA;
    --quinary-color: #F8B042;
    --scroll-color: #DCBDBC;
    --line-color:#06C755;
    --line-trans-color:rgba(61,177,86,0.9);
    --brown-trans-color:rgba(66,50,50,0.9);
    --font-round: normal 500 1em/1.4 'M PLUS Rounded 1c', sans-serif;

    --font-size-short:0.8em;
    --font-size-midshort:0.9em;
    --font-size-midlarge:1.6em;
    --font-size-large:2em;

    --input-height:42px;
}

@media screen and (max-width: 640px){
    :root {
        --font-size-midlarge:1.4em;
    }
}




*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    box-sizing:border-box;
    position: relative;
    font-size:62.5%;
}

body{
    position: relative;
    font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:300;
    letter-spacing:.01em;
    line-height:1.6;
}
a{
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
a:hover{
    opacity:0.8;
}
fieldset{
    border: none;
    margin:0 0 1em 0;
    padding:0;
}

header, footer{
    width: 100%;
}



h3 {
    font-size: 1.2rem;
    line-height: 1.2;
}

fieldset{
    margin-bottom: 0.5rem;
}
input[type="text"], input[type="tel"],input[type="email"],input[type="password"],input[type="date"],select {
    margin-bottom: 0.5rem;
    font-size:1.2rem;
    height: 2.7rem;
}
textarea {
    margin-bottom: 0.5rem;
    font-size:1.2rem;
}

.button, button, input[type='button'], input[type='reset'], input[type='submit'] {
}

input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], input[type='color'], input[type='date'], input[type='month'], input[type='week'], input[type='datetime'], input[type='datetime-local'], input:not([type]), textarea, select {
    background-color: transparent;
    border: 0.1rem solid #d1d1d1;
    border-radius: .4rem;
    box-shadow: none;
    box-sizing: inherit;
    padding: 0.5rem;
    width: 100%;
    color:var(--text-color);
}


input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], input[type='color'], input[type='date'], input[type='month'], input[type='week'], input[type='datetime'], input[type='datetime-local'], input:not([type]), select {
    /*height: 3.8rem;*/
    margin: 0.1rem 0;
}
input[type='file']{
    font-size: 1em;
}
.button, button, input[type='button'], input[type='reset'], input[type='submit'] {
    background-color: var(--main-button-color);
    border: 0.1rem solid var(--main-button-color);
    border-radius: .5rem;
    font-size: 1.1em;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    height: 3rem;
    letter-spacing: .1em;
    line-height: 3rem;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 1em;
}

button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover {
    opacity: 0.9;
}
.top_image_link button{
    background-color: rgba(220, 189, 188,0.6);;
}
.top_image_link button:hover{
    background-color: rgba(220, 189, 188,0.9);;
}

.back_button {
background-color: #f3f3f3;
    color:var(--text-color);
    border: #f3f3f3;
}


/*マニュアルリンクのボタン*/
.home_manual .button{
    font-size: 0.9em;
    height: 2rem;
    line-height: 2rem;
    background-color: #eee;
    border: 0.1rem solid #eee;
    color:var(--text-color);
}

label {
    margin-bottom: 0rem;
    display: inline-block;
}
.radio_list label {
    display: inline;
    width:23%;
    margin-right:1em;
    margin-bottom: 0.5em;
    vertical-align: top;
}
div.checkbox{
    display: inline-block;
    width:23%;
    margin-right:1em;
    margin-bottom: 0.5em;
    vertical-align: top;
}
.checkbox_block{
    margin: 20px 0;
}
.checkbox_block .checkbox{
    width:50%;
}


@media screen and (max-width: 1000px){
    div.checkbox{
        width:44%;
    }
    .radio_list label{
        width:44%;
    }
}
@media screen and (max-width: 640px){
    div.checkbox{
        width:100%;
    }
    .radio_list label{
        width:100%;
    }
}
legend {
    display: block;
    width: 100%;
    font-weight: 700;
}

hr {
    border-top: 0.1rem dotted gray;
    margin: 1.0rem 0;
}

table {
    border-spacing: 0;
    width: 100%;
}
td, th {
    border-bottom: 0.1rem solid #e1e1e1;
    padding: 1.2rem 1.5rem;
    text-align: left;
}
/*
td:first-child, th:first-child {
    padding-left: 0.5em;
}
*/

section {
    clear: both;
}

thead{
    background-color: #f3f3f3;
}


@media screen and (max-width: 640px) {
    td, th {
        padding: 0.5rem 0.2rem 0.5rem 0;
        border-bottom: none;
    }
}