@charset "UTF-8";
/* html {
	font-size: 62.5%;
} */

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    float: none !important;
    width: 4.5em;
}

body, p, input, textarea, select{
	color: #000000;
    font-family: 'Noto Sans Japanese',sans-serif !important;
    font-size: 18px;
}
body { min-width: 0px; }/* reset.css で設定されている値を上書き */

header { height: 120px; background-color: #ffffff;}
main { padding-top: 150px;}
footer { background: rgb(11, 22, 62); color: #fff; padding: 30px 0;}
footer p.copyright { color: #fff; width: 100%; text-align: center;font-size: 12px;}

main * {
    box-sizing: border-box;
}
a, h1, h2, h3, h4, li, p {
    color: #000000;
}
textarea {
    resize: none;
}

.clear{
    clear:both;
}
.left {
    float:left;
}
.right{
    float: right;
}
.txt_center {
	text-align: center;
}
.hide {
	display: none;
}

.link {
    color:#F29501;
}
.caution {
    color: #B60081;
}
.pink {
    color: #B60081;
}
.blue {
    color: #0071BC;
}
.green {
    color: #00B559;
}
.gray {
    color: #888;
}
.yellow {
    color: #ffff00;
}

.btn {
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
}
.btnPink {
    background: #B60081;
}
.btnRed {
    background: #CF0318;
}
.btnBlue {
    background: #0071BC;
}
.btnGreen {
    background: #00B559;
}

.page_title {
    /* color: #000000; */
    font-weight: 500;
	font-size: 30px;
	margin-top: 20px;
    color: #2ca6e0;
    border-bottom: none;
}

/* .page_title_bg {
    height: 105px;
    color: #2ca6e0;
} */

h1 {
	margin-bottom: 0;
}

h2 {
	/* font-size: 2.8rem;
	margin-bottom: 0; */
}

.inner_cnt .comment {
	position: relative;
	width: 100%;
	font-size: 110%;
	margin: 20px auto;
	padding: 15px 0;
	/* color: #ffffff; */
	border-bottom: 3px solid #cbcbcb;
}

.inner_cnt .comment:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 70px;
	height: inherit;
	border-bottom: 3px solid #2ca6e0;
}

ul {
	list-style-type: none;
}



p a:hover {
    opacity: 0.6;
}

/*
.msg {
	border: 2px solid #00A893;
	margin: 40px 0;
	padding: 20px;
}
*/



/*
* ec
*/
.section-block {
    padding-bottom: 30px;
    line-height: 180%;
    clear: both;
}

.main_box {
	margin: 30px 0 0 0;
}

.privacy {
	font-weight: 400;
}

.privacy a {
	color: #13449d;
	text-decoration: underline;
}
.privacy span {
	font-weight:bold;
}

.privacy_tbl {
    border-style: none;
    border-collapse: collapse;
	width: 100%;
    /* max-width: 800px; */
    line-height: 1em;
	margin: 30px auto;
}

.privacy_tbl th {
    border-collapse: collapse;
    /* background-color: #9cb6ba; */
    background-color: #4c4c4c;
    border-top: solid 1px #ffffff;
    text-align: center;
    vertical-align: middle;
    color: white;
    width: 240px;
    border-bottom: solid 1px #2D315B;
    padding: 5px 10px;
}
.privacy_tbl .txt_brown {
    padding: 5px 0;
}

.privacy_tbl div.scroll {
    overflow: auto;
    height: 140px;
    font-size: small;
    padding: 10px;
}
/*
#btn_area {
    width: 98%;
    margin: 0 10px 1em 10px;
}

#btn_area a {
    display: block;
    max-width: 368px;
    margin: 0 auto 8px;
}
*/
.form_btn {
    text-align: center;
    padding-bottom: 30px;
    margin-top: 30px;
	vertical-align: middle;
}

.form_btn a {
	display: inline-block;
	padding: 10px 50px 10px 50px;
	text-align: center;
	min-width: 160px;
	font-size: 18px;
	color: #fff;
	margin-right: 10px;
	cursor: pointer;
	/* border-radius: 5px; */
	background: url(../img/btn_arrow.png) no-repeat;
	background-position: top 50% right 15px;
}
.form_btn a.color01 {
    background-color: #00B559;
}

.form_btn a.color02 {
    background-color: #699AD3;
}

.form_btn a.color03 {
    background-color: #2ca6e0;
}

.form_btn a.color04 {
    background-color: #b60081;
}
.form_btn a.color05 {
	background-color: #2ca6e0;
	color: #ffffff !important;
}

.form_btn a.color06 {
    background-color: #B3B3B3;
}

.form_btn:hover {
    color: #ffffff;
}

.gotobtn {
	color: #ffffff;
    text-decoration: none !important;
}
.gotobtn:hover {
	opacity: 0.8;
}

.msgbox {
	margin-right: auto;
	margin-left: auto;
    padding: 200px 0 120px 0;
	text-align: center;
}

/* download */
a.dlbtn {
	display: inline-block;
	padding: 0px 40px 0px 10px;
	text-align: center;
	color: #fff;
	margin: 10px;
	cursor: pointer;
	border-radius: 5px;
	background: url(../img/btn_down.png) no-repeat;
	background-position: top 50% right 5px;
}
a.dlbtn.color04 {
    background-color: #b60081;
}

/*
* 申請フォーム
*/

/* 募集期間の表示 */
/* .pre span:not(.pre1) { display: none;}
.open span:not(.open1) { display: none;}
.closed span:not(.close1) { display: none;} */
.pre h2:not(.pre1) { display: none;}
.open h2:not(.open1) { display: none;}
.closed h2:not(.close1) { display: none;}
.update h2:not(.update1) { display: none;}

/* メールアドレス登録画面の入力項目の表示 */
.pre div:not(.pre1) { display: none;}
/* .open div:not(.open1) { display: none;} */
.closed div:not(.close1) { display: none;}


#mail_form:not(.open1) {
	display:none;
}

/*
#page_title h2 {
	font-size: 2.4rem;
	margin-top: 30px;
}

.page_title_underbar {
	width: 100%;
	border: solid 1px #00a893;
	margin-top: 30px;
}
*/
.timeout_comment {
	color: #0071BC;
	background-color: #ffffff;
	width: 99%;
    /*max-width: 760px;*/
	border: solid 3px #0071BC;
	text-align: center;
	margin: 20px auto;
	padding: 10px;
    line-height: 1.5em;
}

table {
    border-collapse: collapse;
}
table caption{
    text-align: left;
}

.table {
    width: 100%;
}
.table th {
	border-collapse: collapse;
	background-color: #D7ECF7;
    border-color: #ffffff;
    border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	padding: 5px 10px;
	width:255px;
}

.table th.col11{
	background-color: #E1EED4;
}
.table th.col21{
	background-color: #D7ECF7;
}
.table th.col22{
	background-color: #E6E6E6;
}
.table th.col31{
	background-color: #FAD3BF;
}
.table th.col41{
	background-color: #E7E7E7;
}
.table th.col51{
	background-color: #F8E5F2;
}

.table th .memo{
    font-size: 14px;
	color: #CF0318;
}


.table td {
	padding: 10px;
	vertical-align: top;
    border-color: #e2e2e2;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 0px;
}


.table td select {
	border: 1px solid #BBBBBB;
	padding: 5px ;
	background: #ffffff;
	border: 1px solid #BBBBBB;
	border-radius: 3px;
	font-size: 18px;
    width: 100%;
    height: 45px;

}


.table input[type="text"], .table input[type="tel"] {
	background: #ffffff;
	border: 1px solid #BBBBBB;
	font-size: 18px;
	padding: 10px;
    vertical-align: middle;
	border-radius: 3px;
}


.table td input[type=radio] {
	margin-top: 0;
}

.table td input.s {
	width: 60px;
	background: #ffffff;
	border: 1px solid #BBBBBB;
	font-size: 16px;
	padding: 10px;
    vertical-align: middle;
	border-radius: 3px;
}

.table td input.num {
	text-align: right;
}

.table td input.m {
    width: 100%;
	max-width: 300px;
}

.table td input.houjin {
	width: 100%;
	max-width: 150px;
}

.table td input.cal {
	width: 100%;
	max-width: 150px;
}

.table td input.name {
	width: 100%;
	max-width: 180px;
}

.table td input.money {
	width: 100%;
	max-width: 130px;
    text-align: right;
	background: #ffffff;
	border: 1px solid #BBBBBB;
	padding: 10px;
    vertical-align: middle;
	border-radius: 3px;
}

.wrp_money{
    display: inline-block;
    width: 155px;
    text-align: right;
}

.table td input.l, .tbl_form .l {
	width: 100%;
}

.table td input.xl, .tbl_form .xl {
	width: 97%;
}

.table td input.readonly , .table td input.disabled , .table td select.disabled{
	background: #F0F0F0;
	padding: 10px;
    vertical-align: middle;
	border-radius: 3px;
}

.table td input::placeholder {
    color: #888;
}

.table td div.calendar {
    position: absolute;
}

.table td textarea {
	font-size: 18px;
	padding: 2px 5px;
    background-color: #ffffff;
	border: 1px solid #BBBBBB;
	border-radius: 3px;
	width: 100%;
}

.select-wrap {
	display: inline-block;
}
.other_select_root {
    display: flex;
    align-items: center;
}
.other_select_root .other_txt{ margin-left: 10px; flex-grow: 1;}

.pad_r {
	margin-right: 20px;
}

.red {
	color: #CF0318;
	/* color: #0071bc; */
}

/**
*  タイムアウト　カウントダウンメッセージ
*/
div.cntdwn_msg {
    /*position: fixed;
    bottom: 320px;
    right: 50px;*/
    background-color: #ffeecc;
    color: #000;
    font-size: 20px;
    padding: 0px;
    font-weight: bold;
    text-align: center;
}
#session_count_down {
    display: inline-block;
    width: 100px;
    text-align: center;
}
div.cntdwn_msg.timeout  {
    color: red;
}

div.caution_save {
	/*position: fixed;
	bottom: 245px;
	right: 50px;*/
    /*
    margin-bottom: 15px;
	opacity: 1;
	height: 70px;
	width: 200px;
	background-color: #CF0318;
	border-radius: 5px;
	color: white;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	z-index: 100;
	padding: 5px;
    */
    margin-right: auto;
    max-width: 1120px;
}
div.caution_save img {
    height: 35px;
}

div.tempsave_button a {
	/*position: fixed;
	bottom: 165px;
	right: 50px;*/
    margin-bottom: 15px;
	opacity: 1;
	text-decoration: none;
	z-index: 100;
}

div.tempsave_button a img {
	width: 200px;
	cursor: pointer;
}

div.preview_button a {
    /*position: fixed;
    bottom: 85px;
    right: 50px;*/
    margin-bottom: 15px;
    opacity: 1;
    text-decoration: none;
    cursor: pointer;
	z-index: 100;
}

div.preview_button a img {
	width: 200px;
	cursor: pointer;
}

.AOFerrmsg {
    color: #ff0000;
}

.font_s {
    font-size: 90%;
}

.query .confirmonly { display: none !important; }
.confirm .queryonly { display: none !important; }
.admin .privacy_tbl , .admin .privacy_check { display: none !important; }
.update .privacy_tbl , .update .privacy_check { display: none !important; }

/* メールアドレス登録画面 */
.tbl {
	margin: 60px auto;
    width: 100%;
	max-width: 800px;
}
.tbl th,
.tbl td {
	padding: 20px;
}
.tbl th{
	width: 250px;
    background-color: #ECECEC !important;
    vertical-align:middle;
}




/* 応募方法について画面 */
.oubokikan {
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
	padding: 10px 0;
    margin: 0;
}

.tit01, .tit02, .tit03, .tit04, .tit05 {
    font-size: 22px;
    color: #000;
	padding: 12px 0 0px 30px;
    position: relative;
	font-weight: bold;
}


.tit01::before, .tit02::before, .tit03::before, .tit04::before, .tit05::before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width: 0px;
	height: 40px;
	padding-left: 15px;
}

.tit01::before {
	background: #9AC66E;
	border-right: 5px solid #CDE2B7;
}

.tit02::before {
	background: #06A6EA;
	border-right: 5px solid #95D2EF;
}

.tit03::before {
	background: #ed6d28;
	border-right: 5px solid #f6b694;
}

.tit04::before {
	background: #999999;
	border-right: 5px solid #E7E7E7;
}

.tit05::before {
	background: #B60081;
	border-right: 5px solid #DA80C0;
}

section {
	margin: 0 auto 30px;
}

.detail p {
	padding: 0 0 0 45px;
}

.detail {
	padding: 20px;
}


/*
* 応募フォーム
*/


table.tbl_form {
    margin-bottom: 30px;
}

.tbl_form th {
    background-color: #F6DCE1;
}


table.tbl_form td {
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    border-left: none;
    border-right: none;
    padding: 5px 0 5px 5px;
	width: 620px;
}



.file_upload_area table.tbl_form .file_btn {
	display: inline-block;
	padding: 7px 5px;
	text-align: center;
	cursor: pointer;
	background-color: #B4CDE9;
	border: 1px solid #D1D1D1;
	text-decoration: none;
	color: inherit;
	width: 140px;
}


.contents.inner_cnt {
    /* padding: 35px 0 30px; */
    overflow: hidden;
}



.hide_table {
	display:none;
}

.calendar table td {
	border-left: none;
}


.fsz12{
	font-size:12px;
}

/* drag and drop */
.dragdropinside {
    background-color: #E6E6E6;
    border: solid 1px #CECECE;
    padding: 20px;
    text-align: center;
    margin: 10px 0;
}
.inputfile_label {
    display: inline-block;
    line-height: 1.0em;
    background-color: #B3B3B3;
    padding: 5px 5px 5px 20px;
    border-radius: 5px;
    color: #fff;
    background-image: url('../img/btn_file.png');
    background-repeat: no-repeat;
    background-position: 3px 50%;
}
.dragdrop .dl_template { float:left; margin-right:20px;}
.dragdropfile { display: none; }


/*財政規模*/
.zaisei_table span.title { display: inline-block; width:200px;}
.zaisei_table span.money { display: inline-block; width:180px; text-align: right;}
.zaisei_table th label { font-size: 12px;}

/*団体URL*/
.homepage_url .other_txt_root { display: flex; align-items: center; }
.homepage_url .other_txt_root .other_txt { flex-grow: 1; max-width: none;  width: auto;}

/*組織評価*/
.soshiki_hyoka .other_flex { display: flex; align-items: center;}
.soshiki_hyoka .other_flex .other_txt { flex-grow: 1; max-width: none; width: auto;}

/*他の助成金*/
.other_supp_table th.number_area { width: 30px; vertical-align: middle; border-right: solid 1px #fff; text-align: center;}
.other_supp_table th.name_area { width: 225px; }

/*交通機関*/
.kotu_line { display: flex; align-items: center; }
.kotu_line input[type="text"] { flex-grow: 1; max-width: none; width: auto !important; margin-right: 5px;}
.kotu_line select { width: 100px !important; }

/* 海外の場合の交通手段の所要時間のラベル横並びにする用 */
.label_inline {display: inline;}

/**所有者種別 */
.owner_type .other_radio_root { display: flex; align-items: center; }
.owner_type .other_txt_root { display: inline-flex; align-items: center; flex-grow: 1;}
.owner_type .other_txt_root .other_txt { flex-grow: 1; max-width: none; width: auto;}

/*活動時期未定*/
.katudo_mitei .other_chk_root { display: flex; align-items: center; }
.katudo_mitei .other_chk_root .other_txt { flex-grow: 1; max-width: none; width: auto;}

.confirm .katudo_mitei { display: none;}
.confirm .katudo_mitei_line .katudo_mitei { display: block; }
.confirm .katudo_mitei_line .katudo_kikan { display: none; }

/*活動の分類*/
.katudo_type .other_chk_root { display: flex; align-items: center; }
.katudo_type .other_chk_root .other_txt { flex-grow: 1; max-width: none; width: auto;}

/*助成を必要とする理由*/
.supp_reason_chkbox label { white-space: nowrap;}
.supp_reason_chkbox .other_chk_root  { display: flex; align-items: center; }
.supp_reason_chkbox .other_chk_root .other_txt { flex-grow: 1; max-width: none; width: auto;}

/*人員構成*/
.member_table th.number_area { width: 30px; vertical-align: middle; border-right: solid 1px #fff; text-align: center;}
.member_table th.name_area { width: 250px; }

/*後援団体*/
.koen_table th.number_area { width: 30px; vertical-align: middle; border-right: solid 1px #fff; text-align: center;}
.koen_table th.name_area { width: 225px; }

/*成果目標*/
.goal_table th.name { width: auto; text-align: center; border-right: solid 1px #fff; }
.goal_table th.text { width: auto; text-align: center; }

.goal_table td.name { width: 300px!important; }
.goal_table td.num { width: 100px!important; }
.goal_table td.unit { width: 60px!important; text-align: center;}
.goal_table td.text { width: auto!important; }
.goal_table td.unit { text-align: center;}
.confirm .goal_table td.num { text-align: right;}

/*実施予定*/
.schedule_table th.date  { width: 100px!important; text-align: center;}
.schedule_table th.text  { width: auto!important;  text-align: center;}
.schedule_table th.num  { width: 100px!important;  text-align: center;}
.schedule_table td.date { text-align: right; }
.schedule_table td.text div { display: flex; align-items: center; }
.schedule_table td.text div input  { flex-grow: 1; max-width: none; width: auto;}
.confirm .schedule_table td.num { text-align: right;}


/*費目*/

.tit01 a, .tit02 a, .tit03 a, .tit04 a, .tit01 span, .tit02 span, .tit03 span, .tit04 span {
    font-size: 16px !important;
    line-height: 1.5em;
}

.jisage {
    text-indent: -1em;
    margin-left: 1em;
}
.msg_himoku{
    background: #F2F2F2;
    padding: 15px;
    margin-top: 20px;
    line-height: 1.5em;
}


.msg_himoku table {
    background: #ffffff;
}
.msg_himoku table th{
    background: #D7ECF7;
    border: solid 1px #000;
    width: 45%;
    padding: 5px;
}
.msg_himoku table th.name{
    width: 10%;
}
.msg_himoku table td.name{
    word-break: keep-all;
}
.msg_himoku table td{
    border: solid 1px #000;
    padding: 5px;
}
.msg_himoku table td .subtitle {
    display: flex;
}
.msg_himoku table td .subtitle span{
    color: #B60081;
}
.msg_himoku table td .subtitle p {
    padding: 5px;
}
.msg_himoku table td .subtitle a {
    width: 310px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 16px;
}


.himoku thead th {
    background-color: #fff;
    border-top: none !important;
    padding: 0;
    border-bottom-color: #e2e2e2;
    text-align: center;
}
.himoku th { text-align: center; width: auto !important; border-right: solid 1px #fff;}
.himoku .himoku1 { width:5%;  /* max-width : 54px !important;*/ vertical-align: middle;  text-align: center;}
.himoku .himoku2 { width:10%; /* max-width : 270px !important;*/ font-size: 14px;}
.himoku .himoku3 { width:15%; /* max-width : 432px !important;*/ font-size: 12px; }
.himoku .himoku4 { width:15%; /* max-width : 100px !important;*/ }
.himoku .himoku5 {
	width:15%;
	 /* max-width : 216px !important;*/
	border-left: 2px solid red;
}
.himoku .himoku6 {
	width:50%;
	/* max-width : 216px !important;*/
	border-right: 2px solid red;
}

.confirm .himoku .himoku4 .flex { justify-content: flex-end; }
.confirm .himoku .himoku5 .flex { justify-content: flex-end; }
.confirm .himoku .himoku_total .flex { justify-content: flex-end; }

.himoku div.flex { display: flex;}
.himoku div.flex input.money { flex-grow: 1;}


.himoku .dragdropinside {
    line-height: 15px;
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 15px 5px;
}
.himoku .inputfile_label { font-size: 12px; }

.himoku .th_toto {
	background-color: #FFFF00;
	color: red;
	border: 2px solid red;
}
.himoku .td_toto {
	background-color: #CCFFFF;
}

.himoku .td_toto.AOFerrbg {
	background: #FFD1D8;
}

.himoku th.border_r, .himoku td.border_r {
	border-right: 2px solid red;
}

.himoku td.border_b {
	border-bottom: 2px solid red;
}

.himoku td.border_l {
	border-left: 2px solid red;
}

.upload_table th label { font-size: 12px;}
.upload_table tr.skip_upload_line .dragdropinside { color: #888; }

.filelink {
    color: #F29501;
    height: 30px;
    display: inline-block;
}
.pdflink {
    padding-left: 30px;
    background-image: url('../img/mark_pdf.png');
    background-repeat: no-repeat;
}
.mp4link {
    padding-left: 30px;
    background-image: url('../img/mark_mp4.png');
    background-repeat: no-repeat;
}
.pptlink {
    padding-left: 30px;
    background-image: url('../img/mark_ppt.png');
    background-repeat: no-repeat;
}
.himoku .pdflink { font-size: 14px;}
.himoku .filelink { font-size: 16px; line-height: 1.0em; height: auto;}
.linkwaku {
    font-weight: normal;
    border: solid 1px #ccc;
    padding: 5px 10px;
    border-radius: 10px;
    display: inline-block;
}
.linkwaku a{
    font-size: 18px !important;
    font-weight: normal;
    line-height: 30px !important;
    display: inline-block;
}
.btnDownload { background: #00B559;}
.btnDelete {
    background: #CF0318;
}
.himoku .btnDelete { font-size: 14px; padding:0 15px;}
.btnDelete_row {
    background: #06a6ea;
	font-size: 14px;
    padding: 0 10px;
    width: 50px;
}

.himoku .AOFerrmsg { font-size: 12px; line-height: 1.0em;}
.himoku .AOFerrmsg p{ font-size: 12px; line-height: 1.0em; padding: 0;}

.schedule_table td.num  { padding: 10px 0; text-align: center;}
.schedule_table td.num .AOFerrmsg { font-size: 12px; line-height: 1.0em;}


/*さらに表示*/
.dsp1 .dspgrp2, .dsp1 .dspgrp3, .dsp1 .dspgrp4, .dsp1 .dspgrp5, .dsp1 .dspgrp6, .dsp1 .dspgrp7, .dsp1 .dspgrp8, .dsp1 .dspgrp9, .dsp1 .dspgrp10 { display: none;}
.dsp2 .dspgrp3, .dsp2 .dspgrp4, .dsp2 .dspgrp5, .dsp2 .dspgrp6, .dsp2 .dspgrp7, .dsp2 .dspgrp8, .dsp2 .dspgrp9, .dsp2 .dspgrp10 { display: none;}
.dsp3 .dspgrp4, .dsp3 .dspgrp5, .dsp3 .dspgrp6, .dsp3 .dspgrp7, .dsp3 .dspgrp8, .dsp3 .dspgrp9, .dsp3 .dspgrp10 { display: none;}
.dsp4 .dspgrp5, .dsp4 .dspgrp6, .dsp4 .dspgrp7, .dsp4 .dspgrp8, .dsp4 .dspgrp9, .dsp4 .dspgrp10 { display: none;}
.dsp5 .dspgrp6, .dsp5 .dspgrp7, .dsp5 .dspgrp8, .dsp5 .dspgrp9, .dsp5 .dspgrp10 { display: none;}
.dsp6 .dspgrp7, .dsp6 .dspgrp8, .dsp6 .dspgrp9, .dsp6 .dspgrp10 { display: none;}
.dsp7 .dspgrp8, .dsp7 .dspgrp9, .dsp7 .dspgrp10 { display: none;}
.dsp8 .dspgrp9, .dsp8 .dspgrp10 { display: none;}
.dsp9 .dspgrp10 { display: none;}



.addlink  {
    position: relative;
    padding-bottom: 40px;
}
.addlink a {
    position: absolute;
    right: 5px;
    top:0;
    padding: 10px 50px 10px 0;
    background-image: url('../img/btn_add.png');
    background-position: right 5px center;
    background-repeat: no-repeat;
    display: block;
}



/*姓名*/
.name_wrp .queryonly { width: 50px; display: inline-block; text-align: center;}

/*PC*/
@media screen and (min-width: 961px){
    header { height: 120px;}
    .name_wrp { display: inline;}
    .name_wrp:first-child{ margin-right: 20px; }
    .bottom_buttons { display: none;}
    .side_buttons {
    	position: fixed;
        bottom: 85px;
        right: 50px;
    }
    .top_buttons {
    	position: fixed;
        /*bottom: 85px;
        right: 50px;
        */
        top : 0;
        left: 50%;
        transform: translateX(-50%);
        max-width: 1280px;
        width: 100%;
        z-index: 999999;
        padding-top: 10px;
    }
    .top_buttons_inner {
        display: flex;
        align-items: center;
        padding-left: 410px;
        padding-right: 80px;
        box-sizing: border-box;
        padding-bottom: 10px;
        height: 100px;
    }
    div.tempsave_button { margin-right: 20px;}
}

@media screen and (max-width: 1200px) {
	.top_buttons_inner {
        padding-right: 15px;
		padding-left: 370px;
    }
}

/*モバイル*/
@media screen and (max-width: 960px){
    main { padding-top: 150px;}
    .detail {
        overflow: auto;
    }

    .tbl th , .tbl td {
        display: block;
        width: 100%;
    }

    .privacy_tbl th , .privacy_tbl td{
        display: block;
        width: 100%;
    }
    .privacy_tbl .txt_brown {
        padding: 10px 0px;
    }

    .top_buttons { display: none;}
    .side_buttons { display: none;}

    .bottom_buttons {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    .bottom_buttons div.move_error_button {
        width: 100%;
        display: flex;
    }
    .bottom_buttons div.move_error_button a{
        margin-bottom: 0;
        border-radius: 0;
        padding: 2px 0;
    }
    .bottom_buttons .caution_save {
        color: white;
        box-sizing: border-box;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5em;
        text-align: center;

        background-color: rgba(182,0,129,0.8);
        width: 100%;
        height: auto;
        line-height: 1em;
        padding: 10px 0;
        border-radius: 0;
        margin: 0;
    }
    .bottom_buttons .inner_bottom_buttons {
        width: 100%;
        height: 70px;
        display: flex;
    }
    .bottom_buttons div.tempsave_button {
        background-color: rgba(20,146,59,0.8);
        flex-grow: 1;
    }
    .bottom_buttons div.tempsave_button a{
        margin-bottom: 0;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .bottom_buttons div.tempsave_button a img{
        display: none;
    }
    .bottom_buttons div.preview_button {
        background-color: rgba(20,146,59,0.8);
        flex-grow: 1;
    }
    .bottom_buttons div.preview_button a{
        margin-bottom: 0;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .bottom_buttons div.preview_button a img{
        display: none;
    }
    body { padding-bottom: 150px;}

    .form_btn a { margin-bottom: 10px; }
}

/*モバイル*/
@media screen and (max-width: 959px) and (min-width: 501px) {
	.bottom_buttons div.tempsave_button a{
        background-image: url('../img/btn_tempsaveT.png');
    }
    .bottom_buttons div.preview_button a{
        background-image: url('../img/btn_previewT.png');
    }
}


/*モバイル*/
@media screen and (max-width: 500px) {
    .bottom_buttons div.tempsave_button a{
        background-image: url('../img/btn_tempsaveS.png');
    }
    .bottom_buttons div.preview_button a{
        background-image: url('../img/btn_previewS.png');
    }

}

/**/
@media print {
    header { position: static;}
    main { padding-top: 0px;}
	.top_buttons, .bottom_buttons {
		display: none;
	}
    .page_title {
        margin-top: 0px;
    }
}