@charset "UTF-8";

.coming_soon { font-size: 2em; text-align: center; padding: 20vw 0; }


/* ---------------------------------------------------------------------------------------------
	index.html
---------------------------------------------------------------------------------------------*/

/*トップページ連絡先見出し*/
#index h4 { font-size: 1.2em; color: #5C6F80; }

/*トップページ画像関連*/
figure[class*="main-img"] { margin-bottom: 2em; }
figure[class*="main-img"] { max-width: 100%; }
figure[class*="main-img"] img { width: 100%; }
@media screen and ( max-width:670px ) { figure.main-img_pc { display: none; } }
@media screen and ( min-width:671px ), print { figure.main-img_sp { display: none; } }

figure.step_img { max-width: 100%; }
figure.step_img img { width: 100%; }

/*「調べる」「相談する」ボタン*/

[class*="top_btn"] { display: flex; justify-content: center; margin-bottom: 1em; transition: .6s; }
[class*="top_btn"] > a + a { margin-left: 2%; }
[class*="top_btn"] a img { width: 100%; }
[class*="top_btn"] a:hover { opacity: .8; transition: .6s; }

.top_btn div {
	width: 49%;
	text-align: center;
	margin-right: 1%;
}

@media screen and ( max-width:670px ) { .top_btn .pc { display: none; } }
@media screen and ( min-width:671px ), print { .top_btn .sp { display: none; } }

.lis_ttl { font-size: 1.2em; color: #0C5693; }
.lis ul { display: flex; flex-wrap: wrap; gap: 5px 5px; list-style: none; }
.lis li { font-size: 8px; display: flex; justify-content: center; align-items: center; text-align: center; width: 49%; height: auto; background: #FFFFF4; color: #0C5693; font-weight: 700; border: 2px #E4E0AD dotted; border-radius: 5px; padding: .8em; }
.cf:before, .cf:after { content:""; display:table }
.cf:after { clear:both }

@media screen and ( min-width:671px ), print {
	.lis ul { gap: 10px 10px; }
	.lis li { font-size: 1em; width: 32%; }
}


/* ----- お知らせ ----- */

#News .Ttl_info { font-size: 1.8em; color: #5C6F80; letter-spacing: 10px; text-align: center; border-bottom: 1px solid; padding: 1em 0 .5em 0; }
#News .icon_New { font-size: .9em; background: #c00; color: #fff; line-height: 1; padding: 3px 5px 2px 5px; margin: auto 1em auto 1em; animation: newAnime .7s infinite alternate; }
@keyframes newAnime { 0% { color: #d00; } 100% { color: #fff; } }
_:lang(x)::-ms-backdrop, #News .icon_New { padding: 1px 5px 2px 5px; }

#News .box { display: flex; align-items: flex-start; border-bottom: 2px dotted #ccc; padding: 1em 0; }
#News .box .data { padding: 0 1em; }
#News .box .text { padding: 0 1em; }
#News .box a { text-decoration: underline; }
#News .box a:hover { text-decoration: none; }

#News .past_news { text-align: right; }
#News .past_news a { color: #202C60; position: relative; display: inline-block; text-decoration: none; }
#News .past_news a::before { font-family: "Font Awesome 5 Free"; content: "\f101"; font-size: .8em; font-weight: 900; margin-right: 5px; }
#News .past_news :hover { text-decoration: underline; }

@media screen and ( max-width:670px ) {
	#News .box { display: inherit; padding: 1em; }
	#News .box .data { display: block; padding: 0; }
	#News .box .text { padding: 0; }
	#News .icon_New { font-size: 8px; margin: 0; }
}

/* ----- ダウンロードボタン ----- */
.dl_xlsx a { position: relative; display: inline-block; font-size: 1.2em; color: #fff; background: #202C5C; border-radius: 5px; padding: .5em 1em; }
.dl_xlsx a::before { font-family: "Font Awesome 5 Free"; content: "\f1c3"; font-weight: 900; margin-right: 5px; }
.dl_xlsx a:hover { background: #384ea3; }


/* ---------------------------------------------------------------------------------------------
	List
---------------------------------------------------------------------------------------------*/

#List table[class*="list"] { width: 100%; }
#List table[class*="list"] th, #List table[class*="list"] td { border: 1px solid #ccc; vertical-align: middle; padding: .5em 1em; }
#List table.list th { background: #F5F5F5; }
#List table.list td:nth-of-type(1)::before { font-family: "Font Awesome 5 Free"; content: "\f35d"; color: #5C6F80; font-size: 1.1em; font-weight: 900; margin-right: .5em; text-decoration: none; }
#List table[class*="list"] td:nth-of-type(2)::before { font-family: "Font Awesome 5 Free"; content: "\f095"; color: #5C6F80; font-size: 1.1em; font-weight: 900; margin-right: .5em; text-decoration: none; }
#List table.list a { color: #00238C; text-decoration: underline; }
#List table.list a:hover { text-decoration: none; }
#List table.list2 td a[href^="http"]:nth-of-type(1)::before { font-family: "Font Awesome 5 Free"; content: "\f35d"; color: #5C6F80; font-size: 1.1em; font-weight: 900; margin-right: .5em; text-decoration: none; }

@media screen and ( max-width:670px ) {
	#List table[class*="list"] th, #List table[class*="list"] td { display: block; width: 100%; text-align: center; }
	#List table[class*="list"] td { width: 100%; border-top: none; border-bottom: 1px solid #ccc; }
	#List table[class*="list"] tr:last-of-type td { border-bottom: 1px solid #ccc; }
	#List table.list td:nth-of-type(2) { width: 100%; border-bottom: none; }
	#List table.list2 tr { display: block; padding-bottom: 2em }
	#List table.list2 td:first-of-type { background: #F5F5F5; border-top: 1px solid #ccc; }
	#List table.list2 td { border-bottom: 1px solid #ccc; }
}

@media screen and ( min-width:671px ), print {
	#List table[class*="list"] td:nth-of-type(2) { width: 12em; text-align: center; }
}


/* ---------------------------------------------------------------------------------------------
	Search
---------------------------------------------------------------------------------------------*/

#Search .document { display: flex; }
#Search .document h2 { font-size: 1.2em; background: #eee; margin-bottom: 1em; }
#Search .document div + div { margin: 0 0 0 2.5%; }
#Search .document img { width: 100%; }
#Search .document img[src="img/pamphlet.jpg"] { border: 1px solid #ccc; }

@media screen and ( max-width:670px ) {
	#Search .document { display: inherit; }
	#Search .document div + div { margin: 5% 0 0 0; }
}

/* ---------------------------------------------------------------------------------------------
	About
---------------------------------------------------------------------------------------------*/

#About td { background: #E7F0FA; }
#About .top_image { margin-bottom: 1.5em; }
#About .top_image figure + figure { margin: 1em 0 0 0; }
#About .top_image img { width: 100%; }
#About h2.Ttl02g { line-height: 1.7; padding: .8em .5em; }
#About h2.Ttl02g span { display: block;  }

@media screen and ( min-width:671px ), print {
	#About .top_image { display: flex; margin-bottom: 1.5em; }
	#About .top_image figure + figure { margin: 0 0 0 .8em; }
}

/* ---------------------------------------------------------------------------------------------
	Access
---------------------------------------------------------------------------------------------*/

#Access .contact_area { display: flex; background: none; padding: 0!important; }
#Access .contact_area > div { width: 100%; }
#Access .contact_area > div > div { width: 100%; }

.access1 {
	float: left;
	width: 70%;
	height: auto;
}

.access2 {
	float: left;
	width: 30%;
	height: auto;
}

.access2 img {
	width: 100%;
}

@media screen and ( max-width:670px ) {
	.access1 { width: 100%; }
	.access2 { width: 100%;  margin-bottom: 1em; }
}

@media screen and ( max-width:670px ) {
	#Access .contact_area { display: inherit; }
	#Access .contact_area div + div { margin: 2.5% 0 0 0!important; }
}

@media screen and ( min-width:671px ), print { #Access .contact_area div + div { margin: 0 0 0 2.5%!important; } }


/* ---------------------------------------------------------------------------------------------
	Outline
---------------------------------------------------------------------------------------------*/

/*愛知県中小企業再生支援協議会 - Outline1.html*/
#Outline1 dt { color: #5C6F80; font-weight: bold; border-left: 8px solid #E4EDF2; padding-left: .5em; }
#Outline1 dd { margin: 0 0 2em 1em; }
#Outline1 dl ol { list-style: none; }
#Outline1 dl ol > li { text-indent: -1.35em;  margin-left: 1.35em; }
#Outline1 dl ol ul li { list-style: disc; margin-left: 3em; }
#Outline1 table { width: 100%; text-align: center; margin-bottom: .5em; }
#Outline1 table caption { text-align: left; font-weight: bold; }
#Outline1 table th, #Outline1 table td { border: 1px solid #ccc; vertical-align: middle; padding: .5em 1em; }
#Outline1 table tr:nth-child(1) th:nth-child(1) { background: #eee; }
#Outline1 table tr:nth-child(1) th:nth-child(2) { background: #D8EAF4; }
#Outline1 table tr td:nth-child(1) { background: #F5F5F5; }
#Outline1 table tr td:nth-child(2) { background: #EDF5FA; }

/*愛知県経営改善支援センター - Outline2.html*/
#Outline2 figure img { width: 100%; }


table.target_company { text-align: center; margin-bottom: .5em; }
table.target_company caption { text-align: left; font-weight: bold; }
table.target_company th, table.target_company td { padding: .5em 1em; }
table.target_company tr:nth-child(1) th:nth-child(1) { background: #eee; }
table.target_company tr:nth-child(1) th:nth-child(2) { background: #D8EAF4; }
table.target_company tr td:nth-child(1) { background: #F5F5F5; }
table.target_company tr td:nth-child(2) { background: #EDF5FA; }

table.formulation tr:nth-child(1) th:nth-child(2) { background: #C9DDF3; text-align: left; } 
table.formulation th:nth-child(1) { width: 25%; background: #f5f5f5; font-weight: normal; }
table.formulation td { background: #E7F0FA; }

table.formulation tr:nth-child(1) th:nth-child(2) { background: #C9DDF3; text-align: left; } 
table.formulation th:nth-child(1) { width: 25%; background: #f5f5f5; font-weight: normal; }
table.formulation td { background: #C9DDF3; }


table.method { table-layout: fixed; font-size: .92rem; margin-bottom: .8em; }
table.method th { text-align: center; font-weight: normal; vertical-align: top; }
table.method th:nth-child(1) { width: 18%; text-align: center; vertical-align: middle; }
table.method th h6 { font-weight: bold; }
table.method th, table.method td { padding: .5em .8em; }
table.method tr th:nth-child(1) { background: #eee; }
table.method tr:nth-child(1) th:nth-child(n+2) { background: #C9DDF3; vertical-align: middle; }
table.method tr:nth-child(2) th { font-weight: bold; background: #C9DDF3; }
/*table.method tr:nth-child(1) th:nth-child(n+2) { background: #D8EAF4; }*/
table.method td { background: #D8EAF4; }

#Outline2 .sp-attention { display: none; }
#Outline2 .responsive_table_sp { display: none; }

#Outline2 dl.reference dt { font-weight: bold; }
#Outline2 dl.reference dt::before { font-family: "Font Awesome 5 Free"; content: "\f08e"; font-weight: 900; margin-right: 7px; }
#Outline2 dl.reference dd { margin-left: 1.5em; }

@media screen and (max-width: 670px) {
	#Outline2 .responsive_table { width: 100%; overflow-x: auto; }
	#Outline2 .responsive_table::-webkit-scrollbar { height: 8px; }
	#Outline2 .responsive_table::-webkit-scrollbar-track { background: #ededed; border-radius: 50px; }
	#Outline2 .responsive_table::-webkit-scrollbar-thumb { background: #ccc; border-radius: 50px; }
	#Outline2 .method { width: 780px; }
	#Outline2 .method th:nth-child(1) { width: 10em; }
	#Outline2 .sp-attention { display: inherit; }
	#Outline2 .responsive_table_sp { display: inherit; }
	#Outline2 .responsive_table { display: none; }
}

#outtitle { background-color: #F5F5F5; color: #28698C; font-size: 1.2em; font-weight: 700; border-left: 10px #28698C solid; border-radius: 3px; padding-left: 0.5em; margin-top: 1em;}

table.target_company tr:nth-child(1) th:nth-child(1) { background: #eee; }
table.target_company tr:nth-child(1) th:nth-child(2) { background: #D8EAF4; }
table.target_company tr td:nth-child(1) { background: #F5F5F5; }
table.target_company tr td:nth-child(2) { background: #EDF5FA; }

/*相談窓口*/
.contact_area { background: #f5f5f5; text-align: center; padding: 1.5em; }
.contact_area .contact_btn { display: inline-block; font-size: 1.4em; color: #fff; background: #4ab1da; border-radius: 4px; text-decoration: none; padding: .2em 1.5em; }
.contact_area .contact_btn::before { font-family: "Font Awesome 5 Free"; content: "\f086"; font-size: 1.1em; font-weight: 900; margin-right: .5em; }
.contact_area .contact_btn:hover { background: #20799b; }
.contact_number { display: flex; justify-content: center; }
.contact_number span + span { margin-left: 2em; }


/*連絡先*/
.contact_area_01 { background: #FFEFDF; border-radius: 7px; padding: 1.5em; }
.contact_area_01 .contact_btn { display: inline-block; width: 14em; font-size: 1.2em; text-align: center; color: #fff; background: #4ab1da; border-radius: 4px; text-decoration: none; padding: .2em .6em; }
.contact_area_01 .contact_btn::before { font-family: "Font Awesome 5 Free"; content: "\f086"; font-size: 1.1em; font-weight: 900; margin-right: .5em; }
.contact_area_01 .contact_btn:hover { background: #20799b; text-decoration: none; }
.contact_area_01 h6 { font-weight: 700; color: #D26900; }

@media screen and ( max-width:670px ) {
	.contact_area_01 .contact_btn { width: 100%; }
}

@media screen and ( max-width:1023px ) {
	.contact_area_01 .contact_btn { margin: .5em auto 0 auto; }
}

@media screen and ( min-width:1024px ), print {
	.contact_area_01 { display: flex; justify-content: space-between; align-items: center; }
	.contact_area_01 .contact_btn { position: relative; right: 1em; }
}

.contact_area_02 { background: #EAF7F0; border-radius: 7px; padding: 1.5em; }
.contact_area_02 .contact_btn { display: inline-block; width: 14em; font-size: 1.2em; text-align: center; color: #fff; background: #4ab1da; border-radius: 4px; text-decoration: none; padding: .2em .6em; }
.contact_area_02 .contact_btn::before { font-family: "Font Awesome 5 Free"; content: "\f086"; font-size: 1.1em; font-weight: 900; margin-right: .5em; }
.contact_area_02 .contact_btn:hover { background: #20799b; text-decoration: none; }
.contact_area_02 h6 { font-weight: 700; color: #00793D; }

@media screen and ( max-width:670px ) {
	.contact_area_02 .contact_btn { width: 100%; }
}

@media screen and ( max-width:1023px ) {
	.contact_area_02 .contact_btn { margin: .5em auto 0 auto; }
}

@media screen and ( min-width:1024px ), print {
	.contact_area_02 { display: flex; justify-content: space-between; align-items: center; }
	.contact_area_02 .contact_btn { position: relative; right: 1em; }
}

/*アクセスマップ/昨年の実績 ボタン*/
.btn_area { display: flex; justify-content: center; }
.btn_area [class*="btn"] { width: 18em; }
.btn_area [class*="btn"] + [class*="btn"] { margin-left: 1em; }
.btn_area [class*="btn"] a { width: 100%; text-align: center; }
.btn_area [class*="btn"] a { position: relative; display: inline-block; font-size: 1em; color: #fff; background: #202C5C; border-radius: 5px; padding: .5em 1em; }
.btn_area [class*="btn"] a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; }
.btn_area [class*="btn"] a:hover { background: #384ea3; }
.btn_area .btn1 a::before { content: "\f59f"; }
.btn_area .btn2 a::before { content: "\f1c1"; }
.btn_area .btn2 span { font-size: .8em; }

@media screen and ( max-width:670px ) {
	.btn_area [class*="btn"] { width: 50%; }
}

@media screen and ( max-width:319px ) {
	.btn_area { flex-wrap: wrap; }
	.btn_area [class*="btn"] { width: 100%; }
	.btn_area [class*="btn"] + [class*="btn"] { margin: .5em 0 0 0; }
}

/* ---------------------------------------------------------------------------------------------
	Support
---------------------------------------------------------------------------------------------*/

[id*="Support"] .Ttl01 { border-top: none; }
/*[id*="Support"] img { width: 100%; }*/
[id*="Support"] .contact_area { background: none; padding: 0em; }

[class*="box_"] { border-radius: 7px; padding: 1.5em; }
.box_gray { background: #eee; }
.box_gray2 { background: #F5F5F5; }
.box_blue { background: #e4edf2; }
.box_yellow { background: #F9F5DF; }
.box_orange { background: #FFEFDF; }
.box_orange h6 { color: #D26900; font-weight: 700; }
.box_green { background: #EAF7F0; }
.box_green h6 { color: #00793D; font-weight: 700; }


/*タブ*/
#tab > a { text-decoration: none; }
#tab > a:hover { background: #f3f7f9; }
#tab > a.select { background: #E4EDF2; }

@media screen and ( max-width:670px ) {
	#tab { background: #F5F5F5; display: flex; flex-wrap: wrap; justify-content: center; padding: .8em 0; }
	#tab > a { width: 48%; font-size: 3vw; border: 1px solid #ccc; border-radius: 7px; background-color: #fff; text-align: center; color: #5C6F80; display: block; text-align: center; transition: all 0.2s ease; cursor :pointer; margin: 2px; padding: 2px 0; }
}

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

@media screen and ( min-width:671px ), print {
	#tab { display: flex; }
	#tab > a { width: calc(100%/3); height: 50px; border: 1px solid #ccc; border-bottom: none; border-radius: 7px 7px 0 0; background-color: #fff; line-height: 50px; text-align: center; color: #5C6F80; display: block; text-align: center; transition: all 0.2s ease; cursor :pointer; }
	#tab .none { display: none; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	#tab > a { font-size: 1.6vw; }
}


#Support1 .application { display: flex; justify-content: space-between; }
#Support1 .application div { width: 32%; }
#Support1 .application img { width: 100%; }
#Support1 .doc_box { border-radius: 7px; border: 1px solid #ccc; padding: 1em; }
#Support1 .doc_box h6 { color: #5A6D7F; }

.emphasis01 { width: 25em; font-size: 1.2em; color: #E8783A; font-weight: bold; border: 2px solid #E8783A; border-radius: 5px; text-align: center; margin: 0 auto; padding: .8em 1em; }


@media screen and ( max-width:670px ) { .emphasis01 { width: 100% } }

#Support2 section.case { background: #F9F5DF; border-radius: 7px; }
#Support2 section.case h2 { color: #9B842B; background: #EADC8E; font-weight: bold; border-radius: 7px 7px 0px 0px; padding: 0em .8em;}
#Support2 section.case h2 span { font-size: 2em; color: #fff; padding: 0px 0px; margin-right: .5em; }
#Support2 section.case h2 span::before { display: inline-block; width: 1em; font-family: "Font Awesome 5 Free"; content: "\f0eb"; color: #EFBB05; font-size: .8em; line-height: 1; background: #fff; text-align: center; font-weight: 900; border-radius: 50px; margin-right: .5em; padding: 6px;  position: relative; bottom: 2px; }


#Support2 h2.case { color: #786916; background: #F9F5DF; text-align: center; font-weight: bold; border-radius: 50px; padding: .8em;}
#Support2 h2.case span { background: #EEE3A4; padding: 2px 8px; margin-right: .5em; }



@media screen and ( max-width:670px ) {
/*	#Support2 .case span { display: block; width: 8em; margin: 0 auto .5em auto; padding: 0px 8px; padding: 0px 8px; }*/
}

.box_case dt::before { color: #F1B43B; }
.box_case dt { color: #DC9A10; }

#Support2 .img_arrow { text-align: center; margin: 2em 0; }
#Support2 [class*="box_"] dt { font-weight: bold; border-bottom: 1px solid #ccc; }
#Support2 [class*="box_"] dt::before { font-family: "Font Awesome 5 Free"; content: "\f058"; font-size: 1em; font-weight: 900; margin-right: .5em; }
#Support2 .box_gray2 dt::before { color: #5C6F80; }
#Support2 [class*="box_"] dd { margin: .5em 0 0 1em; }
#Support2 [class*="box_"] dd + dt { margin-top: 1em; }
#Support2 h3.point { font-size: 1.5em; color: #444; }
#Support2 h3.point::before { color: #DE8A25; margin-right: .5em; }
#Support2 .box_point { border: 3px solid #F1D0A7; border-radius: 7px; padding: 1em; }
#Support2 .box_point dt::before { color: #DE8A25; }


#Support3 .fa-external-link-alt::before { margin-right: .5em;}


#Support4 .sec1 > div { background: #FFFFF4; color: #0C5693; font-weight: 700; text-align: center; border: 2px solid #0C5693; padding: 1em 1em; }
#Support4 .sec1 > div + div { margin-top: 1em; }
#Support4 .sec1 > div span { display: block; font-size: .8em; }
#Support4 .sec2 > div + div { margin-top: 2em; }
#Support4 .sec2 h3 { background: #F5F5F5; color: #28698C; font-size: 1.2em; font-weight: 700; border-left: 10px #28698C solid; border-radius: 3px; padding-left: 0.5em; margin: 1em 0 .5em 0; }
#Support4 .sec2 ul li a::after { font-family: "Font Awesome 5 Free"; font-weight: bold; margin-left: 5px; }
#Support4 .sec2 ul li a[href$=".pdf"]::after { content: "\f1c1"; }
#Support4 .sec2 ul li a[href*=".xls"]::after { content: "\f1c3"; }


#Support5 tr:nth-child(1) th:nth-child(2) { background: #C9DDF3; text-align: left; } 
#Support5 th:nth-child(1) { width: 25%; background: #f5f5f5; font-weight: normal; }
#Support5 td { background: #E7F0FA; }

.flexbox { display: flex; }
.flexbox figure { width: 50%; }
.flexbox figure + figure { margin-left: 2%; }
.flexbox figure img { width: 100%; border: 1px solid #ccc; }
.flexbox figure p { text-align: center; }

@media screen and ( max-width:670px ) {
	.flexbox { flex-wrap: wrap; }
	.flexbox figure { width: 100%; }
	.flexbox figure + figure { margin: 1em 0 0 0; }
}

#suphed1 {
	position: absolute;
	background-color:#FFB367;
	color: #FFFFFF;
	font-size: 0.7em;
	letter-spacing: 2px;
	border-radius: 5px;
	padding: 5px 0.5em;
	margin: -1px 0 0 1em;
}

#suphed2 {
	position: absolute;
	background-color:#FFB367;
	color: #FFFFFF;
	font-size: 0.7em;
	letter-spacing: 2px;
	border-radius: 5px;
	padding: 5px 0.5em;
	margin: -4px 0 0 1em;
}

#suphed3 {
	position: absolute;
	background-color:#008C46;
	color: #FFFFFF;
	font-size: 0.7em;
	letter-spacing: 2px;
	border-radius: 5px;
	padding: 5px 0.5em;
	margin: -1px 0 0 1em;
}

@media screen and ( max-width:1000px ) {
	#suphed1 { display: none; }
	#suphed2 { display: none; }
	#suphed3 { display: none; }
}

#contacty {
	background-color: #FDFCF2;
	border: 2px #BBA757 dotted;
	border-radius: 7px;
	padding: 1em;
}

#contacty > div + div { border-top: 1px dotted #ccc; margin-top: 1.5em; padding-top: 1.5em;}

#contacty h5 {
	border-left: 10px #BBA757 solid;
	border-bottom: 1px #CCCCCC solid;
	padding-left: 0.5em;
	margin-bottom: 10px;
}

#contacty a { word-break: break-all; line-height: 1.7; }

.contact_btns {
	display: inline-block;
	float: right;
	font-size: 1.2em;
	color: #FFFFFF;
	background: #4ab1da;
	border-radius: 4px;
	text-decoration: none;
	padding: 0 1.5em;
	margin-top: -1.8em;
}

@media screen and ( max-width:700px ) {
	.contact_btns {
		float: none;
		width: 100%;
		margin-top: 0.5em;
	}
}

.contact_btns::before {
	font-family: "Font Awesome 5 Free";
	content: "\f086";
	font-size: 1.1em;
	font-weight: 900;
	margin-right: .5em;
}

.contact_btns:hover { background: #20799b; }



/* ---------------------------------------------------------------------------------------------
	outline_contact - 相談申込
---------------------------------------------------------------------------------------------*/

.outline_contact_table { width: 100%; text-align: left; font: 14px/2 "Meiryo",Hiragino Kaku Gothic Pro; margin-bottom: 2em; }
.outline_contact_table tbody,th,td {}
.outline_contact_table input, textarea { border: 1px #ccc solid; border-radius: 5px; padding: 5px; margin: 3px; }
/*.outline_contact_table input[type="text"] { width: 80%; }*/
.outline_contact_table textarea { width: 98%; }

/*.outline_contact_table input[type="text"] { width: 80%; }*/

tr.group1 input { width: 80% }
.outline_contact_table tr.group1 td:last-of-type { width: 30%; }
tr.group2 input { width: 25% }
tr.group3 input { width: 15% }

[class*="performance"] td { white-space: nowrap; }
[class*="performance"] tr:nth-of-type(1) input { width: 25.4%; }
[class*="performance"] tr:nth-of-type(n+2) input { width: 60%; }
[class*="performance"] td:nth-of-type(1) { width: 6em; }

@media screen and ( max-width:670px ) {
	.outline_contact_table tr.group1 td:last-of-type { width: 100%; }
}

/*今後の連絡方法*/
.outline_contact_table table.contact_method { width: 48.6%; }
.outline_contact_table table.contact_method td:nth-child(1) { width: 10em; }
.outline_contact_table table.contact_method td:nth-child(2) { width: 65%; }
.outline_contact_table table.contact_method td:nth-child(2) input[type="text"] { width: 100%; }

.outline_contact_table .shareholders { width: 60%; }
.outline_contact_table .shareholders td:nth-child(1) { width: 80%; }
.outline_contact_table .shareholders td:nth-child(2) { width: 20%; }
.outline_contact_table .shareholders td:nth-child(1) input { width: 94%; }
.outline_contact_table .shareholders td:nth-child(2) input { width: 70%; }

@media screen and ( max-width:670px ) {
	.outline_contact_table tbody { border-collapse: collapse; border-bottom: 1px #ccc solid; }
    .outline_contact_table th { border-collapse: collapse; border-top: 1px #ccc solid; padding: 0 10px; padding-top: 10px; text-align: left; display: block; }
    .outline_contact_table td { padding:  0 10px; display: block; }
	.outline_contact_table table.contact_method { width: 100%; }
	.outline_contact_table table.contact_method td input { vertical-align: text-top; margin-bottom: 1em; }
	.outline_contact_table table.contact_method td:nth-child(2) { width: 100%; }
	.outline_contact_table .shareholders { width: 100%; white-space: nowrap; }
	.outline_contact_table .shareholders td:nth-child(1) { width: 40%; }
	.outline_contact_table .shareholders td:nth-child(2) { width: 10%; }
/*
	.outline_contact_table .shareholders td:nth-child(1) input { width: 100%; }
	.outline_contact_table .shareholders td:nth-child(2) input { width: 100%; }
*/
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	.outline_contact_table tbody { border-bottom: 1px #ccc solid; border-collapse: collapse; }
    .outline_contact_table th { border-top: 1px #ccc solid; border-collapse: collapse; text-align: left; display: block; }
    .outline_contact_table td { display: block; }
}

@media screen and ( max-width:1023px ) {
	.outline_contact_table th { padding-top: 1em; }
	.outline_contact_table td:last-child { padding-bottom: 1em; }
	.shareholders { display: table; width: 100%; }
	.shareholders tbody { border: none; }
	.shareholders td { display: table-cell; }
	.outline_contact_table table.contact_method { width: 100%; }
	.outline_contact_table .br-pc { display: none; }
}
    
@media screen and ( min-width:1024px ), print {
	.outline_contact_table tbody th { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; border-collapse: collapse; }
    .outline_contact_table th { width: 20%; white-space: nowrap; padding: 10px; vertical-align: middle; text-align: left; }
    .outline_contact_table td { padding: 10px; vertical-align: middle; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; border-collapse: collapse; }
	.outline_contact_table .br-sp { display: none; }
}

#outline_contact .note { text-indent: -1em; margin-left: 1em;  }

#outline_contact .policy a { text-decoration: underline; }
#outline_contact .policy a:hover { text-decoration: none; }
	
#Submit, #reset { width: 14em; background: #F1F1F1; color: #454545; border-radius: 5px; padding: 10px; transition: .6s; }
#Submit:hover, #reset:hover { background-color: #ddd; cursor: pointer; transition: .6s; }
@media screen and ( max-width:670px ) {
	#Submit, #reset { width: 9.5em; }
}

#contact-post table { width: 100%; margin-bottom: 15px; }
#contact-post table th { color: #666; background: #f9f9f9; font-weight: normal; white-space: nowrap; }
#contact-post table th, #contact-post table td { padding: 12px; }

@media screen and ( max-width:670px ) {
	#contact-post table th, #contact-post table td { display: block; border-collapse: collapse; }
	#contact-post table th { border-bottom: 1px solid #ccc; }
	#contact-post table tr { border: 1px solid #ccc; }
}

@media screen and ( min-width:671px ), print {
	#contact-post table th { width: 20%; }
	#contact-post table th, #contact-post table td { border: 1px solid #ccc; }
}


/* ---------------------------------------------------------------------------------------------
	Contact - お問い合わせ
---------------------------------------------------------------------------------------------*/

.contact_table { width: 100%; text-align: left; font: 14px/2 "Meiryo",Hiragino Kaku Gothic Pro; margin-bottom: 2em; }
.contact_table tbody,th,td {}
.contact_table input, textarea { border: 1px #ccc solid; border-radius: 5px; padding: 5px; margin: 3px; }
.contact_table input[type="text"] { width: 80%; }
.contact_table textarea { width: 98%; }
.contact_table span.required { font-size: 1.1em; color: #c00; font-weight: bold; margin-left: 4px; }

@media screen and ( max-width:670px ) {
	.contact_table tbody { border-collapse: collapse; border-bottom: 1px #ccc solid; }
    .contact_table th { border-collapse: collapse; border-top: 1px #ccc solid; padding: 0 10px; padding-top: 10px; text-align: left; display: block; }
    .contact_table td { padding:  0 10px; display: block; }
}

@media screen and ( min-width:671px ) and ( max-width:1023px ) {
	.contact_table tbody { border-bottom: 1px #ccc solid; border-collapse: collapse; }
    .contact_table th { border-top: 1px #ccc solid; border-collapse: collapse; text-align: left; display: block; }
    .contact_table td { display: block; }
}
    
@media screen and ( min-width:1024px ), print {
	.contact_table tbody th { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; border-collapse: collapse; }
    .contact_table th { width: 20%; white-space: nowrap; padding: 10px; vertical-align: middle; text-align: left; }
    .contact_table td { padding: 10px; vertical-align: middle; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; border-collapse: collapse; }
	.contact_table .br-sp { display: none; }
}

#Contact .policy a { text-decoration: underline; }
#Contact .policy a:hover { text-decoration: none; }
	
#Submit, #reset { width: 14em; background: #F1F1F1; color: #454545; border-radius: 5px; padding: 10px; transition: .6s; }
#Submit:hover, #reset:hover { background-color: #ddd; cursor: pointer; transition: .6s; }
@media screen and ( max-width:670px ) {
	#Submit, #reset { width: 9.5em; }
	#Submit, #reset { width: 49%; }
}

#contact-post table { width: 100%; margin-bottom: 15px; }
#contact-post table th { color: #666; background: #f9f9f9; font-weight: normal; white-space: nowrap; }
#contact-post table th, #contact-post table td { padding: 12px; }

@media screen and ( max-width:670px ) {
	#contact-post table th, #contact-post table td { display: block; border-collapse: collapse; }
	#contact-post table th { border-bottom: 1px solid #ccc; }
	#contact-post table tr { border: 1px solid #ccc; }
}

@media screen and ( min-width:671px ), print {
	#contact-post table th { width: 20%; }
	#contact-post table th, #contact-post table td { border: 1px solid #ccc; }
}

@media screen and ( min-width:1024px ), print {
	#Contact .post_table th { width: 25%; }
}

.outline_contact_table .required {
    background: #c00;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px;
    padding: 2px 5px;
    margin-right: 10px;
    vertical-align: 2px;
}