@charset "utf-8";
/*=====================================================

フォーム用

======================================================*/

.entry_form_grp {
	margin-bottom: 45px;
	text-align: left;
}


table.form-01 {
    width: 100%;
	margin: 0 0 10px 0;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.form-01 th {
	width: 250px;
    padding: 15px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #f0f5fa;
	font-size: 1em;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table.form-01 td {
    padding: 15px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	font-size: 1em;
	background: #fff;
}

table.form-01 td ul {
	margin: 0;
	padding: 0;
}


/*注釈*/
.entryitem_info {
	margin-bottom: 3px;
	font-size: 1em;
}
.sub_info {
	font-size: 0.8em;
}


/*必須*/
.required_item {
	display: inline-block;
	margin-left: 5px;
	padding: 0 5px;
	color: #fff;
	font-size: 0.75em;
	background: #C00;
    border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}
.required_item::before {
	content: "必須";
}

/*テキストボックス*/
input[type="text"],
input[type="tel"] {
	margin: 3px;
	padding: 2px 5px;
}
input[type="text"].size_small,
input[type="tel"].size_small {
	width: 5em;
}
input[type="text"].size_normal,
input[type="tel"].size_normal {
	width: 15em;
}

/*ラジオボタン*/
ul.raido_list li {
	list-style: none;
	line-height: 1.85em;
}
input[type="radio"] {
	margin-right: 7px;
}
input[type="text"].size_wide,
input[type="email"] {
	width: 95%;
}


/*テキストエリア*/
textarea {
	padding: 10px;
	width: 95%;
}

/*エラー表示関連*/
.err_info {
	margin-bottom: 30px;
	font-size: 1.35em;
	color: #C00;
	text-align: center;
}
.err_item {
	background: #fedcd2!important;
}
.err_msg {
	color: #C00;
}
.err_msg::before {
	font-family: FontAwesome;
  	padding-right: 7px;
}

/*ボタン*/
.enrtyform_btn {
	margin-top: 45px;
}
input[type="submit"].btn_submit {
	width: 60%;
	color: #fff;
	text-align: center;
	font-size: 1.15em;
	font-weight: 500;
	line-height: 3em;
	background: rgba(70,120,176,1);
	border: none;
}
input[type="submit"].btn_submit:hover {
	background: rgba(70,120,176,0.8);
}
input[type="submit"].btn_submit_mail {
	width: 35%;
	color: #fff;
	text-align: center;
	font-size: 1.15em;
	font-weight: 500;
	line-height: 3em;
	background: rgba(70,120,176,1);
	border: none;
}
input[type="submit"].btn_submit_mail:hover {
	background: rgba(70,120,176,0.8);
}
input[type="submit"].btn_reset {
	width: 35%;
	margin-right: 10px;
	color: #fff;
	text-align: center;
	font-size: 1.15em;
	font-weight: 500;
	line-height: 3em;
	background: rgba(210,210,210,1);
	border: none;
}
input[type="submit"].btn_reset:hover {
	background: rgba(210,210,210,0.8);
}

/*ファイル用*/
.datafile_tempsaved {
	display: none;
}
.datafile_tempsaved span {
	padding-right: 10px
}

/*======================================================
* media screen *
======================================================*/
@media screen and (max-width: 979px) {




}

@media screen and (max-width: 768px) {	


}

@media screen and (max-width: 668px) {
	

}

@media screen and (max-width: 568px) {	

/*
　テーブル
-----------------------------------------*/
table.form-01 {
    width: 100%;
    border: 1px #E3E3E3 solid;
	border-width: 1px 1px 0 1px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.form-01 th {
	display: block;
	width: 100%;
    padding: 7px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 0;
    background: #f0f5fa;
	font-size: 0.9em;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.form-01 td {
	display: block;
	width: 100%;
    padding: 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 0;
	font-size: 0.9em;
    text-align: left;
}


/*エラー表示関連*/
.err_info {
	font-size: 1.2em;
}


}

/*
　装飾
-----------------------------------------*/
.red {
	color:#d62f43;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}


.blue_circle {
	list-style-type: none;
}

.blue_circle:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #4678B0;
	position: relative;
	left: -15px;
	top: -3px;
}