@charset "utf-8";

/* ============================================================ *\

	class content 用　追加CSS定義

\* ============================================================ */

.large #contents {
    padding-bottom: 200px;
}

.large input {
    font-size: 120%;
}

.policy {
    border: 1px solid #cccccc;
    padding: 12px;
    background: #ffffdd;
}

#formId {
    padding-bottom: 1em;
}

#formId>div {
    margin-bottom: 1em;
}

.wrapper {
    /* padding-left: 10px; */
    /* padding-right: 10px; */
}

#popup_container {
    max-width: 370px;
}
/*
input {
    outline: 0;
}
*/
input[type="submit"], input[type="reset"],input[type="button"] {
    border-radius: 0;
    appearance: button;
    -webkit-appearance: button;
    box-sizing: border-box;
    cursor: pointer;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    border-width: 2px;
    border: 1px solid #AAA;
    font-weight: normal;
}

input[type="reset"]{
    margin-left: 1em;
}

/*★同意にチェックが入っていない場合の設定を追加*/
input[type="submit" i]:disabled {
	color: #a3a3a3;
}

/*★inputの基本設定に以下のカラーを追加*/
input[type="submit"], input[type="reset"],input[type="button"] {
	color: #000;
}


@media screen and (max-width: 767px) {
    .emb.middle #contents {
        padding-bottom: 150px;
    }
    #contents {
        padding-bottom: 230px;
    }
    input, label, option, select {
        font-size: 140%;
        vertical-align: top;
    }
    strong {
        width: 100%;
    }
    select {
        border: solid 1px black;
    }
    input[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }
    input[type="radio"] {
        margin: 5px 5px 0 5px;
        width: 20px;
        height: 20px;
    }
    input[type="checkbox"] {
        margin: 5px 5px 0 5px;
        width: 20px;
        height: 20px;
        vertical-align: text-bottom;
    }
}
@media screen and (max-width: 767px) {
    body:not(#page-topindex) #contents {
        background-color: #ffffff;
        margin-top: 0;
        padding-top: 45px;
    }
    #contents-header {
        width: auto;
        margin: 0 -10px;
    }
    #contents-body {
        flex-wrap: wrap
    }
}



/*  ------------------------------------ 
	修正 追記  FJI
 ------------------------------------ */
.spBR { display: none; }

#formId.formSet fieldset {
    border:none;
    padding: 0;
}
#formId.formSet .bold {
	font-weight: bold;
}
#formId.formSet .formSetLabel label { /*フォントを大きくしない*/
    font-size: 100%;
}
#formId.formSet .exAdd {
	color: #666666;
}
#formId.formSet .formSetLabel dl > * {
    display: inline-block;
    vertical-align: top;
}
#formId.formSet .formSetLabel dl + dl {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
    #contents {
            margin-top: 55px;
    }
	#formId.formSet .formSetLabel dl dd {
		width: 100%;
	}
	#formId.formSet .formSetLabel dl dd input {
		width: 100%;
		box-sizing: border-box;
	}
	#formId.formSet .formSetLabel dl dd span {
		display: block;
	}
    #formId.formSet .policy label {
        vertical-align: middle;
    }
	.spBR { display: block; }
}


/*ラジオボンタン・チェックボックス
.large #contents input[type="radio"],
.large #contents input[type="checkbox"] {
    width: 24px;
    height: 24px;
}
*/

/* TB */

@media screen and (min-width: 768px) {
}
/* PC */
@media screen and (min-width: 1025px) {
}