@charset "utf-8";
/* フォーム
---------------------------------------------------------- */
.container input[type="text"],
.container input[type="tel"],
.container input[type="email"],
.container input[type="number"],
.container input[type="password"],
.container input[type="file"],
.container select,
.container textarea {
	padding: 1.5%;
	border: #CCC 1px solid;
	font-size: 1.6rem;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-weight: bold;
	background-color: #FFF;
    box-sizing: border-box;
    -webkit-border-radius: 7;
	-moz-border-radius: 7;
	border-radius: 7px;
}
.container select {
    width: 100%;
    }
/* プルダウンとボタンセット */
.select_set {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    gap: 0px 10px;
}
.select_set select,
.select_set input[type="text"],
.container .select_set input[type="text"] {
    width: auto;
    flex-grow:1;
}
.select_set .btn_base_sq.btn_orange {
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 10px 12px;
    flex-grow: 0;
}
/* サイズ */
.container input.input_size01 {
	width: 100%;
}
.container input.input_size02 {
	width: 20%;
}
.container textarea {
	width: 100%;
	line-height: 1.7em;
}
/* チェックボックス・ラジオボタン */
.container input[type="checkbox"],
.block_msg_red input[type="checkbox"] {
    width: 22px;
    height: 22px;
    /* vertical-align: middle; */
    vertical-align: text-bottom;
    border: #ccc 1px solid;
}
.checkbox-field,
.radio-field {
    margin-top: 10px;
}
.checkbox-field label,
.radio-field label{
    line-height: 2;
}
.checkbox-field label input,
.radio-field label input{
    display: none;
}
.checkbox-field label input:checked + .checkbox-field-text:after,
.radio-field label input:checked + .radio-field-text:after{
    display: block;
}
.checkbox-field label,
.radio-field label{
    display: inline-block;
    margin-right: 20px;
}
.checkbox-field label .checkbox-field-text,
.radio-field label .radio-field-text{
    padding-left: 30px;
    position: relative;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: bold;
}
.checkbox-field label .checkbox-field-text:before,
.radio-field label .radio-field-text:before{
    content: "";
    position: absolute;
    transition: 0.3s;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #CCC;
    background-color: #fff;
}
.checkbox-field label .checkbox-field-text:after{
    content: "";
    position: absolute;
    transition: 0.3s;
    display: none;
    width: 20px;
    height: 10px;
    left:0;
    top:50%;
    margin-top:-8px;
    transform:scale(0.5) rotate(-45deg);
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
}
.radio-field label .radio-field-text:after{
    content: "";
    position: absolute;
    transition: 0.3s;
    display: none;
    background: #000;
    width: 20px;
    height: 20px;
    left:1px;
    top:50%;
    margin-top:-10px;
    transform:scale(0.5);
}
.radio-field label .radio-field-text:before,
.radio-field label .radio-field-text:after{
    border-radius: 100px;
}
/*
 smart
----------------------------------------------------------- */
@media screen and (max-width : 1024px){
/* フォーム
---------------------------------------------------------- */
/* プルダウンとボタンセット */
/*
.select_set select {
    width: 85%;
}
*/
/* サイズ */
/*
.container input.input_size01 {
	width: 100%;
	box-sizing: border-box;
}
.container input.input_size02 {
	width: 100%;
	box-sizing: border-box;
}
.container input.input_size03 {
	width: 50%;
}
.container textarea {
	width: 100%;
	box-sizing: border-box;
}
*/
.block_privacy {
    margin-top: 30px;
    font-size: 1.6rem;
}
.block_doui {
    margin-top: 30px;
    font-size: 1.6rem;
 /*   text-align: left; */
}
}

/*
----------------------------------------------------------- */
@media screen and (max-width : 640px){
/* フォーム
---------------------------------------------------------- */
.container input[type="text"],
.container input[type="tel"],
.container input[type="email"],
.container input[type="number"],
.container input[type="password"],
.container input[type="file"],
.container select,
.container textarea {
	padding: 3%;
	font-size: 1.4rem;
}
.select_set .btn_base_sq.btn_orange {
    font-size: 1.4rem;
    padding: 8px;
}
}