@charset "UTF-8";


/*テスト用CSSの読み込み*/
/*@import url("test.css");*/


@media screen and (min-width: 48em) {
	body {
		margin-top: 145px !important;
		/*- headerの高さ指定 -*/
	}
}

.breadcrumb {
    background-color: #FFFFFF !important;
}

/* Contents
------------------------------------------------------------ */
#contents {
	padding: 5px 19px 50px;
}


#contents_clm1 {
	padding: 5px 129px 50px;
}


/* Main
------------------------------------------------------------ */
#main {
	/*width: 700px;*/
	/*float: right;*/
}

@media (max-width: 768px) {
    #main h2 {font-size: 1.75rem;}
    #main h3 {font-size: 1.5rem;}
}

#main #page_title {
	padding: 0 !important;
	margin-bottom: 15px !important;
	background: none !important;
}

#main .print {
	display: none;
}

@media (min-width: 768px) {
    #main .txt_intro,
    #main .txt_ind {
        margin-right: 15px;
        margin-left: 15px;
    }
}
#main .section .txt_intro {
	margin-bottom: 0;
}
#main div.txt_intro {
	margin-bottom: 40px;
	position: relative;
}
#main div.txt_intro p {
	width: 340px;
}
#main div.txt_intro p.img_intro {
	width: 310px;
	position: absolute;
	top: 0;
	right: 0;
}
#main .txt_intro img {
	margin-bottom: 10px;
}

#main .direct_1 { text-align:center; margin:15px 0; }
#main .direct_2 { text-align:center; margin:0; }

#main .section{
	margin-top: 30px;
	position: relative;
}



#main .section_2 {
	margin-top: 15px;
	position: relative;
}

#main .brd_section {
	margin-top: 30px;
	padding: 10px;
	position: relative;
	border: 1px solid #ccc;
}
#main .brd_orange_section {
	padding: 13px 13px 10px;
	border: 1px solid #ff6600;
}

#main .section h2 {
	margin-bottom: 15px;
	padding: 9px 0 10px 17px;
	background: url(../image/bg_h2.gif) left top no-repeat;
}

#main .section h3 {
	margin-bottom: 13px;
	padding: 1px 0 0 12px;
	font-weight: bold;
	background: url(../image/bg_h3.gif) left top no-repeat;
}

#main p,
#main ul {
	margin-bottom: 8px;
}

#main .brd_top {
	padding-top: 10px;
	background: url(../image/brd_dot_gray.gif) left top repeat-x;
}
#main .brd_bottom {
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	background: url(../image/brd_dot_gray.gif) left bottom repeat-x !important;
}
body#home #main .brd_bottom {
	padding-right: 0 !important; 
}

body#home h4.case{
	border-bottom: solid 2px #FFB380;
	margin-bottom: 10px;
	font-weight: bold;
	padding-bottom: 5px;
}

#main .caption {
	font-size: 72%;
}

/* top */
#main #key_visual {
	position: relative;
}
#main #key_visual #img_campaign {
	position: absolute;
	top: 20px;
	right: 12px;
}
#main #key_visual p{
	margin:0;
}
#main #key_visual .btn_box {
	background:url(../image/img_keyvisual_bg.jpg) no-repeat left top;
	padding:0 13px 0 21px;
}
#main #key_visual .btn_box .inner {
	margin:0 0 15px;
}
#main #key_visual .btn_box .inner li {
	float:left;
	margin:0 8px 0 0;
}
#main #key_visual .btn_box .inner ul {
	margin:0;
}
#main #key_visual .btn_box .inner .left {
	width:320px;
	float:left;
}
#main #key_visual .btn_box .inner .right {
	width:330px;
	float:right;
}
#main #key_visual .btn_box .inner p.arrow {
	text-align:center;
	margin:3px 0 0;
}
#main #key_visual .btn_box .inner p.btn {
	margin:3px 0 5px 0;
}
#main #key_visual .btn_box .inner p.link  {
	font-size: 87%;
    margin: 0;
    padding: 0;
    text-align: center;
}
#main #key_visual .btn_box .inner p.link a {
    background: url(../image/icn_link.gif) no-repeat left 3px;
    padding: 0 0 0 9px;
}

#main p.txt_site_title {
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 9px;
	background: none;
	position: absolute;
	top: 11px;
	right: 9px;
}
#main p.line_2 {
	line-height: 1.2;
	top: 7px !important;
	text-align: right;
}

#main .btn_detail {
	margin: 0;
	padding: 3px 0 0;
	text-align: right;
}

#main #flow .f_3c_block {
	color: #666;
	background: url(../../image/bg_f_3c_block.gif) left bottom no-repeat;
}
#main #flow .nomargin {
	margin-bottom:0 !important;
}

#main #flow .f_3c_block dd {
	padding: 13px 10px;
}
#main #flow .f_3c_block dd.img_flow {
	padding-bottom: 0;
	text-align: center;
}

#main #merritt .f_3c_block {
	color: #666;
	background: url(../../image/bg_f_3c_block.gif) left bottom no-repeat;
}
#main #merritt .f_3c_block dd {
	padding: 13px 10px;
}

#main #criterion .brd_bottom {
	padding-right: 15px;	
	padding-left: 15px;	
}

#main #criterion .f_3c_block dt {
	margin-bottom: 1px;
}
#main #criterion .f_3c_block .caption {
	padding-top: 5px;
}

/* caution */
#main #caution {
	margin: 30px 0 0 !important;
	color: #666;
	font-size: 87%;
}
#main #caution h2 {
	margin-bottom: 10px;
	padding-bottom: 7px;
	background: url(../image/brd_dot_gray.gif) left bottom repeat-x;
}
body.mt-qa-main-index #main #caution h2,
body.mt-qa-entry-archive #main #caution h2 {
	padding-left: 0 !important;
}
body.mt-qa-main-index #main .contact h2 {
	padding-left: 0 !important;
	background: none !important;
}
#main #caution .txt_site_title {
	top: 9px;
	background: none !important;
}
#main #caution .list_circle,
#main #caution .list_circle .list_disc {
	margin-bottom: 0;
}

/* contact */
#main .contact {
	margin: 30px 0 0 !important;
	padding: 0 0 10px;
	background: #fff8e2 url(../image/bg_contact.gif) left bottom no-repeat;
}
#main .contact h2 {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}
#main .contact .contact_inner {
	padding: 10px 20px 0;
}
#main .contact .estimate_block {
	width: 320px;
	float: left;
}
#main .contact .diagnosis_block {
	width: 320px;
	float: right;
}
#main .contact p {
	text-align: center;
}
#main .contact p.link {
	margin: 0;
	padding: 0;
	font-size: 87%;
	text-align: center;
}
#main .contact p.link a {
	padding: 0 0 0 9px;
	background: url(../image/icn_link.gif) left 3px no-repeat;
}

/* report */
#main #report {
	background: url(../../image/bg_report.gif) left bottom no-repeat;
}
#main #report_left {
	width: 480px;
	float: left;
	position: relative;
}
#main #report h2 {
	margin: 0;
	padding: 0;
	background: none;
}
#main #report_left .brd_section {
	margin: 0;
	padding: 10px;
	border: none;
	font-size: 87%;
}
#main #report_left .bg_gray {
	margin: 0;
	padding: 10px;
	background-color: #f0f0f0;
}
#main #report_left p.txt_site_title {
	top: 17px;
}
#main #report_right {
	width: 200px;
	float: right;
}
#main #report_right .brd_section {
	margin: 0;
	padding: 10px 10px 0;
	font-size: 87%;
	border: none;
}
#main #report_right p.title {
	font-size: 117%;
	font-weight: bold;
}

/* case_list */
#main #case_list .column_section {
	margin: 0 0 10px;
	background: url(../../image/bg_column_section.gif) left bottom no-repeat;
}
#main #case_list .column_section .column {
	width: 226px;
	margin: 0 11px 0 0;
	float: left;
	font-size: 87%;
}


body#home #main #case_list .column_section .column a:hover{
	opacity: 0.6;
}


#main #case_list .column_section .column.turn {
	margin: 0;
}
#main #case_list .column_section .column p {
	margin: 0;
	padding: 8px;
}


/* check */
#main #document {
	margin-left: 73px;
}
#main #check_1 {
	position: absolute;
	top: 130px;
	left: 2px;
}
#main #check_2 {
	position: absolute;
	top: 264px;
	right: -5px;
}
#main #check_3 {
	position: absolute;
	top: 557px;
	right: -5px;
}
#main #check_4 {
	position: absolute;
	top: 837px;
	left: 2px;
}

#main .repletion {
	margin-top: 87px;
	padding-bottom: 7px;
	background: url(../../check/image/bg_repletion.gif) left bottom no-repeat;
	position: relative;
}
#main .repletion h3 {
	margin-bottom: 10px;
	height: 18px;
	_height: 52px;
	padding: 17px 15px 17px 180px;
	font-size: 114%;
	font-weight: bold;
	background: url(../../check/image/bg_h3_repletion.gif) left top no-repeat;
}
#main .repletion .txt_repletion {
	width: 445px;
	margin-left: 15px;
}
#main .repletion .img_repletion {
	position: absolute;
	top: 67px;
	right: 10px;
}

/* guide */
#main .point {
	margin-top: 20px;
	padding-bottom: 7px;
	background: url(../../guide/image/bg_point.gif) left bottom no-repeat;
	position: relative;
}
#main .point p {
	padding: 0 15px;
	color: #666;
}
#main p.title_point {
	margin-bottom: 13px;
	padding: 0;
}

body#guide #main #inquiry .link_btn {
	position: absolute;
	top: 55px;
	left: 19px;
	z-index: 3;
}

/* merritt */
#main .merritt {
	margin-top: 20px;
	padding-bottom: 7px;
}
#main .merritt h3 {
	height: 1%;
	margin: 0 15px 10px 15px;
	padding: 10px 15px 0 0;
	font-size: 114%;
	font-weight: bold;
	background: url(../image/brd_dot_gray.gif) left top repeat-x;
}
#main .merritt h3 img {
	*margin-top: -2px;
	margin-right: 10px;
	vertical-align: top;
	*vertical-align: bottom;
}
#main .merritt p {
	margin-bottom: 0;
	padding: 0 15px 0;
}

/* participation */
#main div.participation {
	margin-bottom: 0;
}

#main div.participation_text {
	margin:0 15px;
}


.participation_btn {
	float:right;
	}

ul.participation_list {
	margin:12px 0 3px -12px;
	padding:0;
	overflow:hidden;
	}

ul.participation_list li {
	margin:0 0 12px 12px;
	padding:10px 0 8px;
	width:164px;
	border:1px solid #ccc;
	text-align:center;
	line-height:1;
	float:left;
	}

ul.participation_list li.double {
	width:342px;
	}

ul.participation_list li.etc {
	border:1px solid #fff;
	color:#aaa;
	}


/* inquiry */
#main #inquiry {
	height: 154px;
	background: url(../../check/image/bg_inquiry.jpg) left top no-repeat;
	position: relative;
	z-index: 1;
}
#main #inquiry #estimate_block {
	position: absolute;
	top: 11px;
	left: 11px;
	z-index: 2;
}
#main #inquiry #diagnosis_block {
	position: absolute;
	top: 11px;
	right: 10px;
	z-index: 2;
}
#main #inquiry #estimate_block p,
#main #inquiry #diagnosis_block p {
	position: relative;
}
#main #inquiry .link_btn {
	position: absolute;
	top: 48px;
	left: 19px;
	z-index: 3;
}
#main #inquiry .link_txt {
	position: absolute;
	top: 104px;
	right: 15px;
	z-index: 3;
}

/* knowledge */
.txt_left {
	width: 340px;
	float: left;
}
.img_right {
	width: 310px;
	float: right;
}

#main .arrow_block {
	padding-bottom: 40px;
	background: url(../../knowledge/image/bg_arrow.gif) center bottom no-repeat;
}

#main .brd_top .point {
	margin-top: 20px;
	padding-bottom: 7px;
	background: url(../../knowledge/image/bg_point.gif) left bottom no-repeat;
	position: relative;
}

#main .repletion_knowledge {
	margin-top: 25px;
	padding-bottom: 7px;
	background: url(../../check/image/bg_repletion.gif) left bottom no-repeat;
	position: relative;
}
#main .repletion_knowledge h3 {
	height: 54px;
	_height: 73px;
	margin-bottom: 10px;
	padding: 9px 15px 10px 180px;
	line-height: 1.2;
	font-size: 114%;
	font-weight: bold;
	background: url(../../knowledge/image/bg_h3_repletion.gif) left top no-repeat;
}
#main .repletion_knowledge .txt_repletion {
	width: 445px;
	margin-left: 15px;
}
#main .repletion_knowledge .img_repletion {
	position: absolute;
	top: 86px;
	right: 10px;
}
/* criterion */
#main .bg_arrow {
	margin-bottom: 20px;
	padding-bottom: 21px;
	background: url(../image/bg_arrow.gif) center bottom no-repeat;
}

#main #diagnosis {
	height: 230px;
	position: relative;
	background: url(../../criterion/image/bg_diagnosis.jpg) left top no-repeat;
}
#main #diagnosis #title_diagnosis {
	position: absolute;
	top: 44px;
	left: 183px;
}
#main #diagnosis #txt_diagnosis {
	position: absolute;
	top: 122px;
	left: 198px;
}
#main #diagnosis #btn_diagnosis {
	position: absolute;
	top: 122px;
	left: 428px;
}
#main #diagnosis #link_txt_diagnosis {
	position: absolute;
	top: 177px;
	left: 428px;
}
#main .table_1 th.th_img {
	padding: 0;
}
#main .table_1 td.txt_td {
	padding: 10px;
}
#main .table_1 td.td_img {
	padding: 10px;
	font-size: 72%;
}
#main .table_1 td.td_img img {
	margin-bottom: 3px;
	line-height: 1.2;
}
#main .table_1 td .list_circle {
	margin-bottom: 0;
}
#main .table_1 td .list_circle li {
	padding-left: 13px;
	background-position: 0 4px;
}

/* reason */
#main .reason {
	padding-bottom: 7px;
	position: absolute;
}
#main #reason_1 {
	top: 53px;
	left: 157px;
}
#main #reason_2 {
	top: 187px;
	left: 0;
}
#main #reason_3 {
	top: 187px;
	right: 0;
}
#main #reason_4 {
	top: 392px;
	left: 114px;
}
#main #reason_5 {
	top: 392px;
	right: 114px;
}
#main .reason p {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

/* privacy */
#main #privacy_list li {
	margin-top: 15px;
	padding: 2px 0 2px 26px;
}
#main #privacy_list li#privacy_list_1 { background: url(../../privacy/image/icn_1.gif) left 1px no-repeat !important; }
#main #privacy_list li#privacy_list_2 { background: url(../../privacy/image/icn_2.gif) left 1px no-repeat !important; }
#main #privacy_list li#privacy_list_3 { background: url(../../privacy/image/icn_3.gif) left 1px no-repeat !important; }
#main #privacy_list li#privacy_list_4 { background: url(../../privacy/image/icn_4.gif) left 1px no-repeat !important; }
#main #privacy_list li#privacy_list_5 { background: url(../../privacy/image/icn_5.gif) left 1px no-repeat !important; }
#main #privacy_list li#privacy_list_6 { background: url(../../privacy/image/icn_6.gif) left 1px no-repeat !important; }
#main #privacy_list li#privacy_list_7 { background: url(../../privacy/image/icn_7.gif) left 1px no-repeat !important; }
#main #privacy_list li ul li {
	margin: 3px 0 0 2.2em;
	padding: 0;
}

/* sitemap */
#main #sitemap_list li {
	margin-left: 4em;
	margin-bottom: 8px;
	padding-bottom: 8px;
	background: url(../image/brd_dot_gray.gif) left bottom repeat-x;
}
#main #sitemap_list li#sitemap_list_home {
	margin-left: 0;
}
#main #sitemap_list li a {
	padding-left: 9px;
	background: url(../image/icn_link.gif) left 4px no-repeat;
}

/* table */
#main .table_1 {
	width: 100%;
	border: 1px solid #ccc;
}
#main .table_1 th {
	/*width: 200px;*/
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #F6F6F6;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#main .table_1 td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#main .table_1 td ul {
	margin: 0;
}
#main .table_1 td ul li {
	line-height: 1.5;
}

#main .table_form_1 {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#main .table_form_1 th {
	/*width: 200px;*/
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(../image/bg_table_form_1.gif) left bottom no-repeat;
}
#main .table_form_1 th.th_1 {
	width: auto;
	padding: 10px;
	color: #fff;
	background-color: #999;
	text-align: center;
	background-image: none;
}
#main .table_form_1 th.th_2 {
	width: auto;
	padding: 10px;
	background-color: #ffebc3;
	text-align: center;
	background-image: none;
}
#main .table_form_1 th.th_3 {
	padding: 10px;
	background-color: #ffebc3;
	text-align: left;
	background-image: none;
}
#main .table_form_1 th.t_left {
	text-align: left;
}
#main .table_form_1 th span {
	padding: 10px;
	display: block;
	border-top: 1px solid #fff;
}
#main span.req,
#main .table_form_1 th span.req {
	padding: 0;
	display: inline;
	color: #ff0000;
	border-top: none;
}

#main .table_form_1 td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#main .table_form_1 td ul {
	margin: 0;
}
#main .table_form_1 td ul li {
	padding: 5px 0;
	line-height: 1.2;
}

#main .table_form_1 th.th_3 a {
	font-weight: bold;
}

#main .table_form_2 {
	width: 100%;
	margin: -1px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#main .table_form_2 td {
	padding: 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #ffebc3;
}

#main .cmp_input th {
	color: #666;
}
#main .cmp_input td {
	color: #666;
	background: #f9f9f9;
}

/* form */
body#form_diagnosis #main .section h2 {
	background: url(../image/bg_h2_green.gif) left top no-repeat !important;
}

#main .form_blck {
	margin-top: 20px;
}

#main #form_status {
	margin-bottom: 15px;
}
#main #form_status li {
	float: left;
}

#main .f_list_1 li select {
	margin-top: 5px;
}

#main .btn_form {
	margin-top: 20px;
	text-align: center;
}
#main .btn_form img {
	margin-top: 7px;
}

#main p.title_search {
	margin: 0;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	background-color: #999;
}
#main .table_form_2 td.form_cb {
	width: 1%;
	padding: 10px;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	background-color: #ff9900;
}
#main .table_form_2 tr.cell_1 td {
	background-color: #fff;
}
#main .table_form_2 td.form_cb label {
	color: #fff;
	font-size: 72%;
	font-weight: bold;
}
#main .table_form_2 td.form_cb input {
	margin-top: 3px;
}

#main .table_form_2 .corp_name_block {
	position: relative;
}
#main .table_form_2 ul.corp_name {
	/*width: 430px;*/
	margin: 0;
}
#main ul.corp_name li {
	float: left;
}
.icn_txt {
	margin: 3px 8px 0 0;
	padding: 3px 5px 2px;
	color: #fff;
	font-weight: normal;
	font-size: 72%;
	white-space:nowrap;
}
.type_1 {
	background-color: #ff6600;
}
.type_2 {
	background-color: #009900;
}
.type_3 {
	background-color: #0066cc;
}
.type_4 {
	background-color: #6666cc;
}
.type_5 {
	background-color: #cc6600;
}
.type_6 {
	background-color: #666;
}

#main .table_form_2 td ul.corp_name li a {
	font-weight: bold;
	font-size: 129%;
}
#main .table_form_2 .corp_name_block .btn_case {
	position: absolute;
	top: -5px;
	_top: -8px;
	right: -5px;
	_right: 8px;
}
#main .table_form_2 .corp_name_block .link_case {
	position: absolute;
	top: 5px;
	_top: 3px;
	right: 0;
	_right: 10px;
}

#main .table_form_2 td.corp_img {
	width: 150px;
	padding: 15px 0;
	text-align: center;
	vertical-align: top;
	border-right: none;
}
#main .table_form_2 td.corp_info {
	width: 78%;
	padding: 15px 15px 5px 0;
}
#main .table_form_2 td.corp_info .corp_pr,
#main .table_form_2 td.corp_info .corp_data {
	text-align: left;
	vertical-align: top;
}
#main .table_form_2 td.corp_info .corp_data {
	margin-top: 15px;
	padding-top: 15px;
	font-size: 87%;
	background: url(../image/brd_dot_gray.gif) left top repeat-x;
}
#main .table_form_2 td .corp_title {
	margin-bottom: 13px;
	padding: 1px 0 0 12px;
	color: #ff6600;
	font-weight: bold;
	background: url(../image/bg_h3.gif) left top no-repeat;
}

#main .form_btn_check {
	margin: 0 0 2px;
}

#main .cmt_msg span {
	padding-right: 30px;
}

/* input size */
input.input_text {
	width: 220px;
}
input.form_size {
	width: 60%;
}
input.form_price_1 {
	width: 80px;
}
input.form_floor {
	width: 30px;
	margin-top: -2px;
}
textarea {
	width: 95%;
	height: 150px;
}

/* float */
#main .f_3c_block {
	margin-bottom: 7px;
}


#main .f_3c_block .f_3c_left,
#main .f_3c_block .f_3c_right {
	width: 226px;
	float: left;
}
#main .f_3c_block .f_3c_center {
	width: 248px;
	float: left;
}
#main .f_3c_block .f_3c_center .f_3c_center_inner {
	padding: 0 11px;
}

#main .f_2c_block .f_2c_left {
	width: 340px;
	float: left;
}
#main .f_2c_block {
	margin-top: 10px;
}
#main .f_2c_block .f_2c_right {
	width: 340px;
	float: right;
}
#main .f_2c_block dd {
	padding: 10px 10px 0;
	font-size: 87%;
}

#main .f_txt dt {
	width: 10%;
	float: left;
	font-weight: bold;
}
#main .f_txt dd {
	width: 90%;
	float: right;
}

/* list-style */
#main .list_circle li {
	padding-left: 10px;
	background: url(../image/icon_circle.gif) left 2px no-repeat;
}

#main .list_disc li {
	margin-left: 15px;
	padding: 0;
	list-style: disc outside;
	background: none;
}

#main ul.f_c5_list {
	margin: 12px 0 15px;
}

#main .f_c5_list li {
	width: 20%;
	float: left;
	font-weight: bold;
	line-height: 1.7;
	white-space: nowrap;
}

#main .f_list_1 li {
	margin-right: 15px;
	float: left;
	white-space: nowrap;
}

#main div ul.f_list_2 {
	margin: 0;

}
#main ul.f_list_2 li {
	width: 50%;
	float: left;
	line-height: 1.6;
}

/* /list/index */
body.mt-main-index #main .brd_solid_bottom {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
body.mt-main-index .list_corp_txt {
	width: 535px;
	float: right;
}
body.mt-main-index .list_corp_txt p {
	margin: 0;
}
body.mt-main-index .entry-asset .thumb_entry {
	width: 135px;
	float: left;
}

/* /list/detail */
body.mt-entry-archive #main h2#page-title {
	padding: 0 0 3px 12px;
	font-size: 129%;
	background-position: left 2px;
}
body.mt-entry-archive #main .blog_title {
	margin-bottom: 15px;
	position:relative;
}
body.mt-entry-archive #main .blog_title span.list_contact_btn {
	position:absolute;
	right:10px;
	top:-4px;
}

body.mt-entry-archive div.list_contact_btn {
	text-align:center;
	padding:10px 0 5px;
}
body.mt-entry-archive #main .icn_txt {
	font-size: 66%;
}
#main .entry-title {
	font-weight: bold;
	/*background: url(../image/bg_h3.gif) left top no-repeat;*/
	width:440px;
}
body.mt-entry-archive #main .entry_top {
	position: relative;
}

body.mt-entry-archive #main .entry_top .table_1 {
	width: 430px;
	float: right;
}
body.mt-entry-archive #main .entry_top .table_1 th {
	width: 101px;
	background: url(../image/bg_list_table.gif) left bottom no-repeat;
}
body.mt-entry-archive #main .entry_top .entry_img li {
	/* margin: 0 4px 10px 0; */
	float: left;
}
body.mt-entry-archive #main .entry_top .entry_img li.turn {
	margin-right: 0;
}

body.mt-entry-archive #main .case_box {
	border-bottom: 1px solid #ccc;
	background: #eee url(../../list/image/bg_case_box.gif) left top repeat-x;
}
body.mt-entry-archive #main .case_box .case_inner {
	margin-bottom: 1px;
	padding: 10px;
	border-bottom: 1px solid #fff;
}
body.mt-entry-archive #main .case_left {
	width: 335px;
	float: left;
}
body.mt-entry-archive #main .case_right {
	width: 335px;
	float: right;
}
body.mt-entry-archive #main .case_box .case_txt {
	width: 205px;
	float: right;
}
body.mt-entry-archive #main .case_box .case_img {
	widht: 100px;
	float: left;
}

body.mt-entry-archive #main .branch_list li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	background: url(../image/brd_dot_gray.gif) left bottom repeat-x;
	_zoom: 1;
}
body.mt-entry-archive #main .branch_list li dt {
	width: 180px;
	*width: 167px;
	float: left;
	font-weight: bold;
}
body.mt-entry-archive #main .branch_list li dd.branch_list_add {
	width: 372px;
	*width: 385px;
	float: left;
}
body.mt-entry-archive #main .branch_list li dd.branch_list_tel {
	/*width: 145px;
	float: right;
	text-align: right;*/
	display:none;
}
body.mt-entry-archive #main .txt_ind {
	position: relative;
}
body.mt-entry-archive #main #cf_link {
	margin: -39px 0 15px;
	padding: 0;
	border-right: 1px solid #ccc;
	background: url(../image/brd_solid_gray.gif) left bottom repeat-x;
}
body.mt-entry-archive #main #cf_link dt {
	display: none;
}
body.mt-entry-archive #main #cf_link dd {
	float: right;
	font-size: 120%;
	zoom: 1;
	position: relative;
	z-index: 5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
body.mt-entry-archive #main #cf_link dd a {
	padding: 7px 15px 5px;
	font-weight: bold;
	display: block;
	background-color: #f0f0f0;
	border-bottom: 1px solid #ccc;
}
body.mt-entry-archive #main #cf_link dd em {
	padding: 7px 15px 5px;
	color: #666;
	font-weight: bold;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}




/* /list/case */
.case {
	margin-top: 30px;
}
#case_1 {
	margin-top: 0;
}
.case .case_title {
	border: 1px solid #ccc;
	_zoom: 1;
}
.case .case_inner {
	padding: 10px 10px 1px;
	line-height: 1.2;
	border: 1px solid #fff;
	background-color: #f0f0f0;

}
.case .case_title .case_inner {
	padding: 10px 10px 8px;
	line-height: 1.2;
	border: 1px solid #fff;
	background-color: #e2e2e2;
}
.case .case_title .case_inner h3 .case_title_txt {
	font-size: 129%;
	font-weight: bold;
}
.case .case_title .case_inner h3 .case_title_price {
	padding: 5px 7px 3px;
	color: #ff6600;
	vertical-align: text-top;
	font-weight: bold;
	background-color:#fff;
}
.case .case_title .case_inner h3 .case_title_add {
	padding-top: 3px;
	float: right;
}
.case .case_body {
	margin-top: -1px;
	border: 1px solid #ccc;
}
body #main table {
	/*width: 646px;*/
}
body #main table.case_table .case_body_left {
	/*width: 286px;*/
}
body #main table.case_table .case_body_right {
	/*width: 360px;*/
}
body #main table.case_table td.va_top { vertical-align: top; }
body #main table.case_table td.va_bottom { vertical-align: bottom; }
.case .case_body p.case_body_txt_1 {
	/*width: 260px;*/
}
.case .case_body .case_body_before {
	/*width: 200px;*/
	padding-bottom: 1px;
	background-color: #666;
	position: relative;
}
.case .case_body .case_body_before a {
	margin: 0 1px;
	padding: 1px;
	display: block;
	background-color: #fff;
}
.case .case_body .case_body_before .case_body_arrow {
	position: absolute;
	top: 71px;
	right: -60px;
}
.case .case_body p.case_body_txt_2 {
	width: 260px;
	margin-top: 10px;
}
.case .case_body .case_body_after_1 {
	padding-bottom: 1px;
	background-color: #ff6600;
}
.case .case_body .case_body_after_1 a {
	margin: 0 1px;
	padding: 1px;
	display: block;
	background-color: #fff;
}
.case .case_body .case_body_after_2 {
	width: 175px;
	margin-top: 10px;
	float: left;
}
.case .case_body .case_body_after_2 img,
.case .case_body .case_body_after_3 img {
	margin-bottom: 3px;
}
.case .case_body .case_body_after_3 {
	width: 175px;
	margin-top: 10px;
	float: right;
}
#page_back {
	margin-top: 30px;
	padding-top: 12px;
	text-align: center;
	border-top: 1px solid #ccc;
}

div.arrow{
    color: orange;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
     align-items: center; /* 縦方向中央揃え */
     -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
     justify-content: center; /* 横方向中央揃え */
}
div#box_estimate div.arrow i{
    font-size: 75px;
    margin-top: -40px;
}

div.bodybox {
    padding: 15px;
}
div#body_5 p {
    margin: 1rem 0 0 0;
}


div#tosou-list div.card-body {
    color: #6c757d!important;
    font-size: 80%;
    font-weight: 400;
    margin-bottom: 0;
}



div.flex_justify {
  display:flex;
  justify-content:space-between;
}

@media (max-width: 768px) {
    div#case_1 div.flex_justify {
      display: inline;
      justify-content: auto;
    }
}

div#case_1 div.container {
    padding: 0;
}

div#case_1 div.arrow i{
    font-size: 75px;
    margin-top: -40px;
}
    div#case_1 div.arrow i.sp{
        font-size: 75px;
        margin-top: 0;
    }

/*
#main .case {
	background: url(../image/bg_case.gif) left bottom no-repeat;
}
#main .case .case_inner {
	padding: 15px 15px 0;
	background: url(../image/bg_case_top.gif) left top no-repeat;
	_zoom: 1;
}
#main .case p.brd_solid_bottom {
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#main .case p.brd_solid_bottom span.txt10 {
	font-weight: normal;
}
#main .case .brd_bottom {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(../image/brd_dot_gray.gif) left bottom repeat-x;
}
#main .case .case_block {
	padding-bottom: 15px;
}
#main .case .case_block div.case_block_left {
	width: 245px;
	float: left;
}
#main .case .case_block div.case_block_right {
	width: 375px;
	float: right;
}
#main .case .case_block ul.case_block_left {
	width: 310px;
	margin-bottom: 0;
	float: left;
}
#main .case .case_block ul.case_block_right {
	width: 310px;
	margin-bottom: 0;
	float: right;
}
#main .case .case_block a img {
	border: 1px solid #ccc;
}
#main .case .case_block a:hover img {
	border: 1px solid #ff6600;
}
#main .case .case_block a span img,
#main .case .case_block a:hover span img {
	border: none;
}
#main .case .case_block .case_img {
	position: relative;
}
#main .case .case_block .case_img span img {
	position: absolute;
	top: 1px;
	left: 1px;
}
#main .case .case_block ul li img {
	margin-bottom: 7px;
}
*/


/* qa */
body.mt-qa-main-index #main .asset {
	margin-bottom: 10px;
	padding-bottom: 3px;
	background: url(../image/brd_dot_gray.gif) left bottom repeat-x;
}
body.mt-qa-entry-archive #main .blog_title {
	margin-bottom: 15px;
}
body.mt-qa-main-index #main h2,
body.mt-qa-entry-archive #main h1,
body.mt-qa-entry-archive #main h2 {
	margin-bottom: 10px;
	padding: 1px 0 3px 27px;
	background: url(/qa/image/icn_q.gif) left top no-repeat;
	font-weight: bold;
}
body.mt-qa-main-index #main .asset h2 {
	margin-bottom: 5px;
}
body.mt-qa-main-index #main .asset .icn_a,
body.mt-qa-entry-archive #main .asset .icn_a {
	padding: 1px 0 3px 27px;
	background: url(/qa/image/icn_a.gif) left top no-repeat;
}
.lnk_back {
	margin: 20px 15px 0 15px;
	padding: 10px 0 0 8px;
	background: url(../image/link_back.gif) left 17px no-repeat;
	border-top: 1px solid #ccc;
}
.page_bute {
	text-align: center;
}

/* report */
body#report .section h3 {
	margin: 0;
	padding: 0;
	background: none;
}
body#report .intro {
	position: relative;
}
body#report .title {
	margin: 0;
}
body#report .brd {
	margin: -1px 0 0;
	padding: 10px 9px;
	border: 1px solid #ccc;
}
body#report .brd h2 {
	margin: 0 0 7px;
}
body#report .brd .bg {
	margin: 0;
	padding: 10px 10px 8px;
	background-color: #f0f0f0;
}
body#report .brd .bg dt {
	width: 100px;
	float: left;
	font-weight: bold;
}
body#report .brd .bg dd {
	width: 560px;
	float: right;
}









body#report #txt_number {
	color: #999;
	font-size: 72%;
	position: absolute;
	top: 15px;
	right: 10px;
}
body#report .unit {
	margin: 20px 0 0 !important;
}
body#report .text_column {
	width: 380px;
}
body#report .text_column h3,
body#report .text_column p {
	margin: 0;
	padding: 0;
}
body#report .text_column p {
	margin: 10px 0 0;
}
body#report .text_column p.first {
	margin: 0 !important;
}
body#report .figure_column {
	width: 300px;
	margin: -10px 0 0;
	font-size: 72%;
}
body#report .figure_column img {
	margin: 10px 0 3px;
}
body#report .left {
	float: left;
}
body#report .right {
	float: right;
}
body#report .column_3 li {
	width: 226px;
	margin: 0 11px 0 0;
	float: left;
	font-size: 72%;
}
body#report .column_3 li.turn {
	margin: 0;
}
body#report .data {
	padding: 0 0 15px;
}
body#report .green {
	background: url(../../report/image/bg_data_green.gif) left bottom no-repeat;
}
body#report .gray {
	background: url(../../report/image/bg_data_gray.gif) left bottom no-repeat;
}
body#report .data .inner {
	margin: 15px 15px 0;
}
body#report .data table.inner {
	/*width: 680px;*/
	margin-top: 0;
	padding: 5px 0 0;
}
body#report .data table th {
	padding: 10px 0 0;
	font-weight: bold;
}
body#report .data table td {
	padding: 10px 0 0;
}
body#report .data .unit {
	margin: 10px 0 0 !important;
}
body#report .data .unit .text_column {
	width: 528px;
	float: right;
	text-align: left;
}
body#report .data .unit .text_column p {
	margin: 0;
}
body#report .data .unit .figure_column {
	width: 142px;
	float: left;
}

body#report .brd .clear {
	position: relative;
}

body#report .intro .image {
	width: 203px;
	margin: -23px 0 0;
	float: left;
	position: relative;
}
body#report .intro .image img {
	position: absolute;
	top: 0;
	left: -6px;
	z-index: 100;
}

body#report .intro .text {
	width: 477px;
	margin: -23px 0 0;
	float: right;
}

body#report .intro .text h2 {
	position: relative;
	z-index: 100;
}

body#report .postscript {
	padding: 9px;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
}

body#report .postscript h2 {
	margin: 0;
	padding: 0;
	background: none;
}

body#report .postscript p {
	margin: 10px 0 0;
}

body#report .postscript p.name {
	text-align: right;
}

/* Sub
------------------------------------------------------------ */
#sub {
	width: 200px;
	float: left;
}
#sub .subtitle{
	margin:0;
}

/* qanav */
#sub #qanav {
	margin-bottom: 20px;
}
#sub #qanav dl {
	width: 200px;
	border-bottom: 1px solid #ccc;
}
#sub #qanav dt {
	margin-bottom: -1px;
	position: relative;
	z-index: 3;
}
#sub #qanav dd {
	font-size: 87%;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: url(../image/bg_qanav_dd.gif) left top repeat-x
}
#sub #qanav dd a {
	padding: 0.5em 0.4em 0.4em 1.7em;
	display: block;
	background: url(../image/icon_arrow_purple.gif) 10px 0.9em no-repeat;
	*zoom: 1;
}
#sub #qanav p.link {
	margin: 5px 0 0;
	font-size: 87%;
	text-align: right;
}
#sub #qanav p.link a {
	padding: 0 0 0 9px;
	background: url(../image/icn_link.gif) left 3px no-repeat;
}

/* bnr */
#sub #bnr,
#sub #btn,
#sub p {
	margin-bottom: 20px;
}

#sub li {
	margin-top: 5px;
}

#sub #bnr #bnr_estimate {
	margin-top: -18px;
	position: relative;
	z-index: 3;
}

/* reg_list */
#sub #reg_list {
	margin-bottom: 26px;
}
#sub #reg_list #reg_list_inner {
	font-size: 87%;
	border: 1px solid #ccc;
	border-top: 0;
}
#sub #reg_list p.title,
#sub #reg_list p.intro {
	margin: 0;
}
#sub #reg_list p.intro {
	padding: 9px;
}
#sub #reg_list .list {
	padding: 9px 9px 8px;
	background: url(../image/brd_dot_gray.gif) left top repeat-x;
}
#sub #reg_list .list p.txt_list {
	width: 115px;
	float: right;
	margin: 0;
	font-size: 87%;
}
#sub #reg_list .list p.txt_list a {
	font-size: 114%;
}
#sub #reg_list .list .img_list {
	width: 60px;
	float: left;
}
#sub #reg_list p.link {
	margin: 5px 0 0;
	font-size: 87%;
	text-align: right;
}
#sub #reg_list p.link a {
	padding: 0 0 0 9px;
	background: url(../image/icn_link.gif) left 3px no-repeat;
}


/* Topics
------------------------------------------------------------ */
#Topics .frame {
	border: 1px solid #ccc;
}
#Topics .frame_inner {
	border: 1px solid #fff;
	background-color: #f0f0f0;
	padding: 15px 25px 0px;
}
#Topics .frame_inner table {
	width: auto;
}
#Topics .frame_inner th {
	padding-right: 30px;
}
#Topics .frame_inner th,
#Topics .frame_inner td {
	font-size: 87%;
	padding-bottom: 15px;
}
#topics .section {
	margin-top: 0px;
}
#topics .section .date {
	margin-left: 15px;
}
#topics .section .brd_bottom {
	padding-left: 15px;
	padding-right: 15px;
}
#topics .txt_left {
	width: 410px;
	float: left;
}
#topics .text {
	margin-left: 12px;
}
#topics .img_right {
	width: 250px;
	float: right;
}
#topics .lnk_back {
	margin: 0px;
	padding: 0 0 0 8px;
	background: url(../image/link_back.gif) left center no-repeat;
	border-top: none;
}
#topics #inquiry {
	margin-top: 30px;
}

#TopicsLink p {
	width: 340px;
}
#TopicsLink .lnk_back {
	float: left;
}
#TopicsLink .icn_link {
	float: right;
}
#TopicsLink .icn_link a {
	padding-right: 9px;
	background: url(../image/icn_link.gif) no-repeat right center;
}

/* campaign */
body#campaign #main #campaign_section {
	position: relative;
}
body#campaign #main h2#page_title {
	margin: 0 !important;
	position: absolute;
	z-index: 0;
}
body#campaign #main #bg_campaign_intro {
	position: absolute;
	top: 240px;
	left: 0;
	z-index: 100;
}
body#campaign #main .intro {
	padding: 220px 0 0;
	*padding: 240px 0 0;
	position: relative;
	z-index: 999;
}
body#campaign #main .intro .section {
	margin: 20px 25px 0;
}
*+html body#campaign #main .intro #intro_first {
	padding: 0 25px 0;
}
body#campaign #main .intro .section h3 {
	margin: 0 0 10px;
	padding: 0 0 10px !important;
	background: none;
}
body#campaign #main .intro .section h3.first {
	padding: 18px 0 10px !important;
	background: none;
}
body#campaign #main .note {
	color: #666;
	font-size: 87%;
}
body#campaign #main .intro #campaign_contact {
	margin: 10px 25px 0;
	position: relative;
}
body#campaign #main .intro #campaign_contact p {
	margin: 0;
}
body#campaign #main .intro #campaign_contact p.text {
	position: absolute;
	top: 14px;
	left: 130px;
}


/* campaign_hanacole 
==================================================================================================================*/
#campaign_hanacole #tool h3 , #campaign_hanacole #introduction h3{
	margin:0 0 15px; 
}
#campaign_hanacole #tool .box ,#campaign_hanacole #concept .box{
	margin:15px 0 0;	
}
#campaign_hanacole #tool .box .left {
	float:left;
	width:380px;
}
#campaign_hanacole #concept .box .left {
	width:447px;
	float:left;
}
#campaign_hanacole #tool .box .left p ,#campaign_hanacole #concept .box .left p{
	margin:10px 0 0;
}
#campaign_hanacole #tool .box .right {
	float:right;
	width:301px;
}
#campaign_hanacole #concept .box .right {
	width:240px;
	float:right;
}
#campaign_hanacole #concept .box .right p {
	margin:0 0 4px;
}
#colorimg h3 {
	margin:15px 0;
}
#colorimg p.comment {
    margin: 0 0 15px;
}
#colorimg .box {
	margin:0 0 20px;
}
#colorimg .box .left {
	width:340px;
	float:left;
}
#colorimg .box .right {
	width:340px;
	float:right;
}
#colorimg .box p {
	margin:0;
}
#colorimg .box p img {
	vertical-align:top;
}
#colorimg p.btn {
	text-align:right;
}



#campaign_hanacole #introduction p.comment {
	margin:0 0 15px 0;
}

#campaign_hanacole #introduction .box {
	border-top:2px solid #f60;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	background:url(/campaign/image/bg_introduction.gif) no-repeat left top;
	padding:0 0 0 9px;
	margin:0 0 20px;
}
#campaign_hanacole #introduction .box .left {
	width:369px;
	float:left;
}
#campaign_hanacole #introduction .box .left .inner {
	margin:9px 0 0 0;
	border-bottom:1px dotted #ccc;
	padding:0 0 5px;
}
#campaign_hanacole #introduction .box .left .inner p {
	float:left;
	width:80px;
	padding:0 10px 0 0;
}
#campaign_hanacole #introduction .box .left .inner .text {
	float:left;
	font-size:92%;
}
#campaign_hanacole #introduction .box .left .inner .text dt {
	margin:0 0 8px;
}
#campaign_hanacole #introduction .box .left dt {
	color:#f60;
	font-weight:bold;
	margin:8px 0 0;
}
#campaign_hanacole #introduction .box .left dd {
	margin:0 0 10px;
	font-size:92%;
}

#campaign_hanacole #introduction .box .right {
	width:309px;
	float:right;
}



#campaign_hanacole #request {
	border-top:1px solid #ccc;
	padding:10px 0 0 ;
	margin:20px 0 0;
}
#campaign_hanacole #request dt {
	margin:0 0 5px;
}































/* Float Clear
------------------------------------------------------------ */
#contents:after,
#contents_clm1:after,
#main .section:after,
#main .brd_solid_bottom:after,
#main .f_2c_block:after,
#main .f_3c_block:after,
#main .f_4c_block:after,
#main .f_c5_list:after,
#main .f_list_1:after,
#main #form_status:after,
#main ul.corp_name:after,
#main .table_form_1 .corp_top:after,
#main .brd_top:after,
#main .txt_ind:after,
#main ul.f_list_2:after,
#main .f_txt:after,
body.mt-entry-archive #main .entry_top:after,
body.mt-entry-archive #main .branch_list li dl:after,
body.mt-main-index #main .asset:after,
body.mt-entry-archive #main .entry_top .entry_img:after,
body.mt-entry-archive #main #cf_link:after,
.case .case_inner:after,
#topics .brd_bottom:after, #TopicsLink:after,
#main #report:after,
#main #case_list .column_section:after,
#sub .list:after,
body#report .column_3:after,
body#report .data .unit:after,
body#report .brd .bg:after,
#campaign_hanacole #tool .box:after,
#campaign_hanacole #introduction .box:after,
#campaign_hanacole #introduction .box .left .inner:after,
#campaign_hanacole #concept .box:after,
#colorimg .box:after,
#caution:after,
.point:after,
#main #key_visual .btn_box .inner:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0; 
}

#contents,
#contents_clm1,
#main .section,
#main .brd_solid_bottom,
#main .f_2c_block,
#main .f_3c_block,
#main .f_c5_list,
#main .f_list_1,
#main #form_status,
#main ul.corp_name,
#main .table_form_1 .corp_top,
#main .brd_top,
#main .txt_ind,
#main ul.f_list_2,
#main .f_txt,
body.mt-entry-archive #main .entry_top,
body.mt-entry-archive #main .branch_list li dl,
body.mt-main-index #main .asset,
body.mt-entry-archive #main .entry_top .entry_img,
body.mt-entry-archive #main #cf_link,
.case .case_inner,
#topics .brd_bottom, #TopicsLink,
#main #report,
#main #case_list .column_section,
#sub .list,
body#report .column_3,
body#report .data .unit,
body#report .brd .bg,
#campaign_hanacole #tool .box,
#campaign_hanacole #introduction .box,
#campaign_hanacole #introduction .box .left .inner,
#campaign_hanacole #concept .box,
#colorimg .box,
#main #key_visual .btn_box .inner{
	min-height: 1px;
}

* html #contents,
* html #contents_clm1,
* html #main .section,
* html #main .brd_solid_bottom,
* html #main .f_2c_block,
* html #main .f_3c_block,
* html #main .f_c5_list,
* html #main .f_list_1,
* html #main #form_status,
* html #main ul.corp_name,
* html #main .table_form_1 .corp_top,
* html #main .brd_top,
* html #main .txt_ind,
* html #main ul.f_list_2,
* html #main .f_txt,
* html body.mt-entry-archive #main .entry_top,
* html body.mt-entry-archive #main .branch_list li dl,
* html body.mt-main-index #main .asset,
* html body.mt-entry-archive #main .entry_top .entry_img,
* html body.mt-entry-archive #main #cf_link,
* html .case .case_inner,
* html #topics .brd_bottom, * html #TopicsLink,
* html #main #report,
* html #main #case_list .column_section,
* html #sub .list,
* html body#report .column_3,
* html body#report .data .unit,
* html body#report .brd .bg,
* html #campaign_hanacole #tool .box,
* html #campaign_hanacole #introduction .box,
* html #campaign_hanacole #introduction .box .left .inner,
* html #campaign_hanacole #concept .box,
* html #colorimg .box,
* html #main #key_visual .btn_box .inner{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*110509石本追加*/

#chousa .f_2c_block {
	background:url("../../investigation/image/bg_chousa.gif") no-repeat bottom left;
	margin-top:15px;
	padding-bottom:10px;
}

#chousa .f_2c_block dd img {
	float:left;
}

#chousa .f_2c_block dd p {
	float:left;
	width:210px;
	padding:0 0 0 10px;
	margin:0;
}

#flow table {
	width:680px!important;
	margin:0 10px;
}

#flow table th {
	padding:0 10px 20px 0;
	background:url("../../investigation/image/flow_arrow.gif") no-repeat 0px 35px;
	vertical-align:top;
}

#flow table .noarrow th {
	padding:0 10px 10px 0;
	background:none;
}


#flow table td {
	padding:0 0 20px 0;
	vertical-align:top;
}

#flow table .noarrow td {
	padding:0 0 10px 0;
}

#flow .bt {
	border-top:5px dotted #cccccc;
	padding-top:15px;
}

#caution {
	background:url("../../investigation/image/bg_caution.gif") no-repeat bottom left;
	clear:both;
}


#caution dd {
	padding:15px;
	font-size:125% !important;
	color:#000;
}

#caution dd img {
	float:right;
	padding:0 0 15px 10px;
}

#chousa_company table {
	width: 530px !important;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#chousa_company table th {
	width: 100px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding-left:10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(../image/bg_table_1.gif) left bottom no-repeat;
}
#chousa_company table td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#main .f_4c_block {
	margin-bottom: 7px;
	background:url("../../investigation/image/bg_hoshu.gif") no-repeat bottom left;
}


#main .f_4c_block .f_4c_left {
	width: 169px;
	float: left;
	margin-right:8px;
}
#main .f_4c_block .f_4c_right {
	width: 169px;
	float: left;
	margin-right:0px;
}

#main .f_4c_block dd {
	padding:10px;
	font-size: 87%;
}

.fr_image {
	float:right;
	padding-left:10px;
}

.fl_image {
	float:left;
	padding-right:10px;
}

#investigation_banner {
}

#investigation_banner li {
	margin-bottom:5px;
	margin-top:0;
}


.todoufuken {
	margin:30px 0 15px;

}

.todoufuken_border {
    width: 100%;
	border:1px solid #ccc;
	padding:20px 20px 20px;
	margin-top:20px;
}

.todoufuken_border .todoufuken {
	margin:0;
}

.todoufuken h2 {
	margin:0 0 15px
}



.todoufuken dl {
	line-height:1.5em;
	margin-top:10px;
}

.todoufuken dt {
	font-weight:bold;
}

.todoufuken dd {
	margin:-1.5em 0 0 8em;
}


.nolist {
	border:1px solid #ccc;
	padding:20px 20px 15px;
	margin-bottom:10px;
}


/*111124石本追加*/

.top_fukidashi {
}


.top_fukidashi p {
	width:320px;
	margin-left:10px;
	margin-top:5px;
}

.top_fukidashi .box1 {
	width:350px;
	height:180px;
	background:url("../image2/top_ss1_bg1.gif") no-repeat bottom left;
	float:left;
}

.top_fukidashi .box2 {
	width:350px;
	height:180px;
	background:url("../image2/top_ss1_bg2.gif") no-repeat bottom left;
	float:left;
}

.top_fukidashi .box2 h3 {
	text-align:right;
}

.top_fukidashi .box2 p {
	margin-left:20px;
}

.top_fukidashi .box3 {
	width:350px;
	height:175px;
	background:url("../image2/top_ss1_bg3.gif") no-repeat bottom left;
	float:left;
}

.top_fukidashi .box4 {
	width:350px;
	height:175px;
	background:url("../image2/top_ss1_bg4.gif") no-repeat bottom left;
	float:left;
}

.top_fukidashi .box4 h3 {
	text-align:right;
}

.top_fukidashi .box4 p {
	margin-left:20px;
}



.top_newservice {
}

.top_newservice .box {
	position:relative;
	margin-bottom:10px;
	margin-left:10px;
}

.top_newservice .box p {
	position:absolute;
	top:135px;
	left:10px;
	width:440px;
	font-size:12px;
}



ul.index3 {
	overflow:hidden;
}

ul.index3 li {
	float:left;
	padding:0 0 10px 0;	
}

ul.index3 li.left {
	float:left;
	padding:0 10px 10px 0;	
}


.contact_btns {
	margin-top:10px;
}

.contact_btns li.li1 {
	float:left;
}

.contact_btns li.li2 {
	text-align:center;
}

.contact_btns li.li3 {
	clear:both;
	text-align:center;
	padding-top:10px;
}

.contact_btns li.li3 img {
	vertical-align:middle;
}


#top_ss3 {
	background:url("../image2/top_ss3_bg.gif") no-repeat bottom left;
	height:221px;
}


#top_ss3 ul {
}

#top_ss3 li {
	float:left;
	width:350px;
	height:60px;
}

#top_ss3 li p {
	margin:3px 10px 0 50px;
	font-weight:bold;
}


#voice h2 {
	background: url(../image/bg_h2_green.gif) left top no-repeat !important;
}

#voice li {
	height:107px;
	margin-bottom:10px;
}

#voice li p {
	font-size:13px;
}

#voice li.voice1 {	background: url(../image2/top_ss4_bg1.gif) left top no-repeat;}
#voice li.voice1 p {
	padding:17px 13px 0 135px;
}

#voice li.voice2 {	background: url(../image2/top_ss4_bg2.gif) left top no-repeat;}
#voice li.voice2 p {
	padding:17px 135px 0 13px;
}

#voice li.voice3 {	background: url(../image2/top_ss4_bg3.gif) left top no-repeat;}
#voice li.voice3 p {
	padding:17px 13px 0 135px;
}

#voice li.voice4 {	background: url(../image2/top_ss4_bg4.gif) left top no-repeat;}
#voice li.voice4 p {
	padding:17px 135px 0 13px;
}

#voice li.voice5 {	background: url(../image2/top_ss4_bg5.gif) left top no-repeat;}
#voice li.voice5 p {
	padding:17px 13px 0 135px;
}

#voice li.voice6 {	background: url(../image2/top_ss4_bg6.gif) left top no-repeat;}
#voice li.voice6 p {
	padding:17px 135px 0 13px;
}

.list_table {
	border:1px solid #ccc;
	width:700px !important;
}

.list_table td {
	border:1px solid #ccc;
	background:url("../image2/list_bg.gif") repeat-x bottom left;
}

.list_table td .inner {
	border:1px solid #fff;
	padding:10px;
}

.list_table td .left {
	float:left;
	width:70px;
}

.list_table td .right {
	float:left;
	width:140px;
}

.list_table td p {
	line-height:1.3em;
	font-size:13px;
}


#left_contact {
	background:url("../image2/left_contact_bg.gif") no-repeat bottom left;
	text-align:center;
	font-size:12px;
	padding-bottom:10px;
	margin:0 0 20px;
}

#left_contact li {
	padding-top:5px;
}

#left_contact li img {
	vertical-align:middle;
}


#left_navi {
	margin-bottom:20px;
}

#left_navi ul.last {
	border-bottom:1px solid #ccc;
}

#left_navi li {
	margin:0;
	padding:0 0 1px 0;
	background:url("../image2/left_navi_line.gif") no-repeat bottom left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#left_navi li.last {
	padding:0 0 0 0;
	background:none;
}

#left_navi li a {
	display:block;
	background:url("../image2/left_navi_bg.gif") no-repeat center left;
	padding:8px 10px 8px 20px;
	line-height:1em;
	border-bottom:1px solid #fff;
	font-size:14px;
}




/*140729追加------------------------------------------------------*/

.guide_boxs {
	}
	
.guide_boxs .mb15 {
	margin-bottom:15px !important;
	}
	
.guide_boxs .sectiontitile {
	margin-bottom:20px !important;
	}

.guide_boxs .box {
	background:url("../../guide/image/box_frame.png") no-repeat bottom left;
	margin-bottom:20px;
	}

.guide_boxs .box .inner {
	padding:20px;
}

.guide_boxs .box .photo {
	float:right;
	text-align:center;
	border:1px solid #ccc;
	padding:10px;
}

.guide_boxs .box .photo img {
	margin-bottom:5px;
}

.guide_boxs .box ul {
	margin:0 0 0 1.5em;
	padding:0;
	width:330px;
}

.guide_boxs .box ul li {
	margin:0;
	padding:0;
	list-style:disc;
}

.guide_boxs .box .text {
	margin:0 0 15px;
	padding:0;
}

.guide_boxs .box_all {
	margin-bottom:20px;
	position:relative;
	}

.guide_boxs .box_all p {
	width:470px;
	position:absolute;
	top:120px;
	left:20px;
	}
	
.meritt {
	padding:0 15px;
	}

.meritt_lead {
	padding:0 0 5px;
	}

.meritt_photo {
	float:right;
}

.meritt_text {
	width:350px;
	padding-top:5px;
}

.meritt_text p {
	padding-top:10px;
}


/*140902追加------------------------------------------------------*/


.contactparts3 {
	position:relative;
	}

.contactparts3 a {
	position: absolute;
	top: 93px;
	right: 14px;
	}


div#img_detail img{
    margin-bottom: 1em;
}


h4.ttl_search_conditions  {
    color: #FFF;
    background-color: #00aa00;
    padding:  0.3rem 0.8rem;
    margin-bottom: 0.875rem;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
}

h5.subttl_search_conditions  {
    color: #00aa00;
    margin-bottom: 0.875rem;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
}


.shop-section-case-detail .case-before-after .l-column {
    background: url(/shop/img/2018/ico_tri_right_01.png) no-repeat 50% 175px;
}



.select-menu input {
  display: none;
}

            .select-os label {
              color: #666;
              border: 2px solid #666;
              text-align: center;
              display: inline-block;
              padding: 15px 0px;
              width: 240px;
              max-width: 50%;
            }
            .select-os label:hover {
              color: #406AFF;
              border: 2px solid #406AFF;
              background-color: #d0e6fd;
                cursor: pointer;
            }
.select-menu label h4 {
  margin: 0;
}
.select-menu label h4 i {
    font-size: 75%;
    margin-right: 0.5em;
}
.select-menu label h4 i {
    font-size: 75%;
    margin-right: 0.5em;
}



.select-menu label {
  display: inline-block;
  padding: 8px 16px;
  margin: 0 5px 10px 5px;
  background-color: darkcyan;
  border-radius: 4px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  line-heigt: 1.2em;
  -webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.4);
  box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.4);
  -webkit-transition: .12s;
  transition: .12s;
}
.select-menu label h4 {
  font-size: 1.3rem;
}

@media (min-width: 768px) {
    .select-menu label {
      width: 280px;
      padding: 16px 32px;
      margin: 10px 20px;
    }
}



.select-menu label:hover {
  background: #ffffff;
  border: solid 2px darkcyan;
  color: darkcyan;
  opacity: 0.8;
}
.select-menu input[type="radio"]:checked + label {
  background: #ffffff;
  border: solid 2px darkcyan;
  color: darkcyan;
  opacity: 0.8;
}











div#cat_g, div#cat_y{
    display: none;
}
div.card-deck strong{
    font-size: 150%;
}

@media (max-width: 768px) {
    #simulation div.container div.container {
        padding: 0;
    }
}
#simulation .card-body {
    font-size: 110%;
}
#simulation h5 {
  color: #FFF;
  font-weight: bold;
  padding: 1rem 0;
  margin-bottom: 1rem;
  background: #00aa00;
}

#simulation h5 span.step {
  background: #000;
  margin-right: 1rem;
}
@media (max-width: 768px) {
    #simulation h5 span.step {
        font-size: 75%;
        min-width: auto;
        max-width: auto;
        padding: 0.5rem;
        margin-right: 0.5rem;
    }
}

#simulation h5 span.sub {
  font-size: 0.8rem;
}

@media (max-width: 768px) {
    #simulation h5 {
      padding: 0.25rem 0 1.25rem 0;
      margin-top: 1rem;
    }
    #simulation h5 span.sub {
      float: right;
      margin-right: 1rem;
    }
}

#simulation .bg-success {
    background-color: #00aa00 !important;
}
#simulation .bg-gray {
    background-color: #666 !important;
}

#simulation div#q2 .card-deck h4 {
  font-size: 1.3rem;
  font-weight: bold;
  position: relative;
  padding: 0.5rem 1rem;
  text-align: center;
  color: #FFF;
  border-radius: 0 5px 5px 5px;
  background: #666;
}

#simulation div#q2 .card-deck h4:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  top: -24px;
  left: 0;
  height: 24px;
  padding: 0 1em;
  content: '\f0a4  Select';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #0075a9;
}

#simulation h6 {
    font-size: 300%;
    text-align: center;
    font-weight: bold;
color: #E94919;
text-shadow: -1px 1px 0px #FFF, 1px -1px 0px #FFF, 2px -2px 0px #FFF, 3px -3px 0px #FFF;
}
@media (min-width: 768px) {
    #simulation .box-hosoku {
        margin: 3rem 0 0 0;
    }
    #simulation .box-hosoku2 {
        margin: 0 1rem 0 2rem;
    }
    #simulation .box-hosoku3 {
        margin: 2rem 2rem 0 3rem;
    }
}

#simulation .card span.year {
    font-size: 80%;
    float: right;
}

#simulation .card h1 {
    font-size: 3rem;
}
@media (min-width: 768px) {
    #simulation .card h1 {
        font-size: 400%;
    }
}

#simulation .card small {
    font-size: 40%;
    margin-left: 1rem;
}
#simulation .card small span {
    font-size: 80%;
}

@media (max-width: 768px) {
    #simulation div#desc_estimate br {
        display: none;
    }
}

#header_sim {
    background:#169B98;
}

#header_sim_right {
    background: #FFF0BD;
    padding: 1.5rem;
    margin: 0 0 1rem 0;
}

@media (min-width: 768px) {
    #header_sim_right {
        margin:2rem 0 1rem 0;
    }
}

#header_sim_right h4 {
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}
#header_sim_right h4 {
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

#header_sim_right p.kome {
    font-size: 0.8rem;
    margin-bottom: 1rem;
    color: #C90002;
}




#simulation .card {
  border-color: #999;
  border-width: 2px;
}

#simulation .card {
  border-color: #999;
  border-width: 2px;
}

#simulation #hosoku_estimate .border {
  border-color: #CCC !important;
}
#simulation #hosoku_estimate .inner {
  padding: 10px;
}
@media (min-width: 768px) {
    #simulation #hosoku_estimate .inner {
      padding: 1rem 2rem;
    }
}

#simulation #desc_estimate p {
   font-size: 150%;
}


.item {
  width: 40%;
  padding: 48px;
  background-color: #f2f2f2;
  color: #444;
  font-weight: bold;
  margin-bottom: 200px;
  font-size: 24px;
  text-align: center;
}

.item > small {
  padding-top: 10px;
  font-size: 11px;
  display: block;
  color: #999;
}




#XXX>.btn,
#XXX>a.btn,
#XXX>button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap {
  margin: 30px 0;
}

a.btn-c {
  font-size: 1.5rem;
  position: relative;
  padding: 0.5rem 2rem;
  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
    a.btn-c {
      font-size: 2.2rem;
      padding: 1rem 3rem;
      border-radius: 1rem;
    }
}
        #btn_estimate a.btn-c {
          background-color: #1A55BC;
          -webkit-box-shadow: 0 5px 0 #193560;
          box-shadow: 0 5px 0 #193560;
        }
        #btn_estimate a.btn-c span {
          color: #193560;
          border: 2px solid #193560;
        }

a.btn-c span {
  font-size: 1.5rem;

  position: absolute;
  top: -1.25rem;
  left: calc(50% - 150px);

  display: block;

  width: 300px;
  padding: 0.2rem 0;

  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-c span:before,
a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

a.btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}

a.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.btn-c i {
  margin-right: 1rem;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}


div#goukei .card-body {
    padding: 1.75rem 0.25rem;
}


div#box_estimate {
  width:100%;
  max-width: 680px;
  margin: 0 auto;    
  /*background: linear-gradient(to top, orange, transparent);*/
}



.breadcrumb-item+.breadcrumb-item br {
  display: none;
}


div.img-wrapper {
    position: relative;
    width: 100%;
    height: 220px;
    margin-top: 0;
    /*margin-bottom: 1rem;*/
    overflow: hidden;
}
@media (max-width: 768px){
    div.img-wrapper {
        height: 150px;
    }
}
@media (max-width: 480px){
    div.img-wrapper {
        height: 100px;
    }
}

#list div.img-wrapper {
    height: 110px;
}
#list .card-text small{
    font-size: 75%;
}
@media (max-width: 768px){
    #list div.img-wrapper {
        height: 90px;
    }
}
@media (max-width: 480px){
    #list div.img-wrapper {
        height: 150px;
    }
}



@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav {
        flex-wrap: wrap;
    }
    #navbar1 .navbar-nav .nav-link {
        padding: 0.125rem 0.5rem;
    }
    #navbar1 .badge {
        padding: 3px;
        font-size: 60%;
        margin-left: 2px;
        vertical-align: 3px;
    }
}

@media (max-width: 768px){
    #case h4 {
        font-size: 1rem;
    }
    #case .card-body, #sekou .card-body {
        padding: 0.5rem;
    }
    #case p.card-text, #sekou p.card-text {
        font-size: 50%;
    }
}






/****************************** Topics ******************************/

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

/*- iframeリンク元ファイルのスタイル調整(リンク元ファイルのbodyにclass追加) -*/
.iframe_item {
	margin-top: 0;
	overflow-y: visible;
	/*- スクロールバーを標準に戻す -*/
}

.topics a {
	font-weight: normal;
	text-decoration: none !important;
}

.topics .breadcrumb {
	width: 90%;
	margin: auto;
	font-size: 0.875rem;
}

.topics .breadcrumb-item.active {
	color: #6c757d;
}

.topics .breadcrumb-item + .breadcrumb-item::before {
	color: #2A3855;
	content: "\0bb";
}

#newsWrap {
	width: 90%;
	margin: auto;
	margin-top: 1rem;
}

#newsList {
	padding: 0;
}

#newsList li {
	margin: 0;
	padding: 0.75em 0;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	color: #333;
	font-size: 0.875rem;
}

.catName {
	display: inline-block;
	width: 100px;
	margin-right: 0.75rem;
	padding: 0.25em 0;
	border-radius: 0.25rem;
	color: #fff;
	font-size: 0.75rem;
	text-align: center;
}

.cat-0 .catName {
	background-color: red;
}

.cat-1 .catName {
	background-color: blue;
}

.cat-2 .catName {
	background-color: purple;
}

.cat-3 .catName {
	background-color: green;
}

.cat-4 .catName {
	background-color: orange;
}

@media screen and (min-width: 48em) {
	.catName:hover {
		color: #fff;
		opacity: 0.5;
	}
}

.up_ymd {
	margin-right: 0.75rem;
}

#newsWrap .title {
	margin-right: 0.75rem;
	color: #2A3855;
	font-weight: bold !important;
}

#newsWrap .title a {
	font-weight: bold;
	-webkit-transition-property: none;
	transition-property: none;
}

@media screen and (min-width: 48em) {
	#newsWrap .title a:hover {
		text-decoration: underline !important;
	}
}

.newMark {
	display: inline-block;
	padding: 0 0.5em;
	background-color: red;
	border-radius: 0.25rem;
	color: #fff;
	font-size: 0.75rem;
}

.newsList-body {
	margin-top: 0.75rem;
}

@media screen and (min-width: 48em) {
	.newsList-body a:hover {
		color: #333;
	}
}

.thumbNailWrap {
	width: 100px;
	margin-right: 0.75rem;
	float: left;
	overflow: hidden;
	-webkit-box-shadow: 0.125rem 0.125rem 0.125rem #ccc;
	box-shadow: 0.125rem 0.125rem 0.125rem #ccc;
}

.thumbNailWrap img {
	display: none;
}

@media screen and (min-width: 48em) {
	.thumbNailWrap img {
		display: block;
		width: 100%;
		height: auto;
	}
}

.comment {
	display: block;
	width: 100%;
	float: left;
	overflow: hidden;
	color: #192233;
	font-weight: normal;
}

@media screen and (min-width: 48em) {
	.comment {
		width: 80%;
	}
}

/* headline.php */
#newsWrap .guidance {
	font-size: 1rem;
	text-align: right;
}

#newsWrap .guidance a {
	font-weight: bold;
	-webkit-transition-property: none;
	transition-property: none;
}

@media screen and (min-width: 48em) {
	#newsWrap .guidance a:hover {
		text-decoration: underline !important;
	}
}

/* index.php */
.pager {
	padding: 0.75em;
	text-align: right;
	clear: both;
}

.pager a {
	margin: 0 0.1em;
	padding: 0.25em 0.6em;
	border: 1px solid #aaa;
	border-radius: 0.25rem;
	color: #333;
	font-size: 0.75rem;
}

.pager a.current {
	margin: 0 0.1em;
	padding: 0.25em 0.6em;
	background-color: #ccc;
	border: 1px solid #aaa;
	border-radius: 0.25rem;
	color: #fff;
	font-size: 0.75rem;
}

@media screen and (min-width: 48em) {
	.pager a:hover {
		background-color: #ccc;
	}
}

.overPagerPattern {
	padding: 0 0.2em;
}

/* news.php */
.detail-wrapper {
	margin: auto;
	padding-top: 2em;
}

@media screen and (min-width: 48em) {
	.detail-wrapper {
		width: 90%;
	}
}

@media screen and (min-width: 62em) {
	.detail-wrapper {
		width: 80%;
	}
}

.detail-wrapper h3 {
	margin: 1rem 0;
	padding: 0.25em 0.5em;
	border-bottom: 2px solid #2A3855;
	color: #333;
	font-size: 1.25rem;
}

#up_ymd {
	margin-bottom: 1rem;
	padding: 0 1em;
	font-size: 0.875rem;
	text-align: right;
}

#detail {
	margin: auto;
}

@media screen and (min-width: 48em) {
	#detail {
		width: 90%;
	}
}

@media screen and (min-width: 62em) {
	#detail {
		width: 80%;
	}
}

.detailText {
	padding: 0 0.5em;
}

.detailText a {
	text-decoration: underline !important;
}

.detailText span {
	line-height: 2;
}

.detailUpfile {
	margin: 1rem 0 2rem;
	text-align: center;
}

@media screen and (min-width: 48em) {
	.detailUpfile a:hover {
		color: #333;
	}
}

.detailUpfile a img {
	max-width: 100%;
	height: auto;
}

.detailUpfile .dl-btn {
	padding: 0.5em 1.5em;
	border: 1px solid #aaa;
	color: #333;
	font-size: 0.75rem;
}

@media screen and (min-width: 48em) {
	.detailUpfile .dl-btn:hover {
		background-color: #ccc;
	}
}

.backORcloseBtn {
	margin-top: 3rem;
	margin-bottom: 5rem;
	text-align: center;
}

.backORcloseBtn .back-btn {
	padding: 0.75em 2.5em;
	border: 1px solid #aaa;
	color: #333;
	font-size: 0.75rem;
}

@media screen and (min-width: 48em) {
	.backORcloseBtn .back-btn:hover {
		background-color: #ccc;
	}
}

span.new {
    font-size: 10px;
    color: #FFF;
    background: red;
    padding: 2px 6px;
    display: inline-block;
    float: right;
    margin-right: 10px;
}



/****************************** Mailform ******************************/

/*- 必須タグ,任意タグ,複数選択タグ -*/
.rq-tag::after,
.op-tag::after {
	margin-left: 0.5rem;
	padding: 0 0.5em;
	border-radius: 0.25rem;
	color: #fff;
	font-size: 0.75rem;
}

.rq-tag::after {
	background-color: #dd6464;
	content: "必須";
}

.op-tag::after {
	background-color: #ccc;
	content: "任意;
}

.mp-tag::before {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	margin-left: 0.5rem;
	color: #333;
	font-size: 0.75rem;
	content: 'mp';
}

@media screen and (min-width: 48em) {
	.mp-tag::before {
		display: block;
		position: absolute;
		top: 30px;
		right: 14px;
	}
}

span.col-form-label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (min-width: 48em) {
	span.col-form-label {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

/*- 項目ラベル欄の余白調整 -*/
.form-group label {
	margin-bottom: 0;
}

@media screen and (min-width: 48em) {
	.form-group label {
		padding-left: 0;
	}
}

/*- 一部インラインフォームの入力欄のスタイル -*/
.input-group {
	margin-bottom: 1rem;
	padding: 0 !important;
}

@media screen and (min-width: 36em) {
	.input-group {
		margin-bottom: 0;
		padding-right: 5px !important;
	}
}

.input-group:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 36em) {
	.input-group:last-child {
		padding-right: 0 !important;
	}
}

/*- 入力欄内小項目のスタイル -*/
.label-subheading {
	display: block;
	margin-top: 0.25rem;
	margin-bottom: 0;
}

/*- 入力内容確認ページのスタイル -*/
.confirm {
	text-align: center;
}

.confirm p {
	font-size: 1rem;
}

@media screen and (min-width: 48em) {
	.confirm p {
		font-size: 1.25rem;
	}
}

/*- 入力内容確認ページのテーブルスタイル -*/
table.confirm-table {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
}

@media screen and (min-width: 48em) {
	table.confirm-table {
		width: 80%;
	}
}

table.confirm-table th,
table.confirm-table td {
	display: block;
	width: auto;
	padding: 0.75em;
	border: 1px solid #aaa;
	text-align: left;
}

@media screen and (min-width: 48em) {

	table.confirm-table th,
	table.confirm-table td {
		display: table-cell;
	}
}

table.confirm-table th {
	margin-top: 0.5rem;
	background-color: #f8f8f8;
	border-bottom: 0;
	font-weight: normal;
}

table.confirm-table tr:first-child th {
	margin-top: 0;
}

@media screen and (min-width: 48em) {
	table.confirm-table th {
		width: 30%;
		border-bottom: 1px solid #aaa;
	}
}

/*- 各種ボタンのスタイル -*/
.form-button-wrapper {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.form-button-wrapper .submit-btn,
.form-button-wrapper .back-btn,
.form-button-wrapper .home-btn {
	display: block;
	width: 200px;
	height: 50px;
	margin: auto;
	padding: 0;
	border: none;
}

.form-button-wrapper .submit-btn {
	background-color: #007bbb;
	color: #fff;
}

@media screen and (min-width: 48em) {
	.form-button-wrapper .submit-btn:hover {
		background-color: #003c5c;
	}
}

.form-button-wrapper .back-btn {
	background-color: #ccc;
	color: #333;
}

@media screen and (min-width: 48em) {
	.form-button-wrapper .back-btn:hover {
		background-color: #aaa;
	}
}

.form-button-wrapper .home-btn {
	background-color: #007bbb;
	color: #fff;
	line-height: 50px;
	/*- ボタンのheightと同一の値にして縦方向センタリング -*/
}

@media screen and (min-width: 48em) {
	.form-button-wrapper .home-btn:hover {
		background-color: #003c5c;
	}
}

/*- Parsley デフォルトスタイル設定(Bootstrap使用時のみ) -*/
input.parsley-error,
select.parsley-error,
textarea.parsley-error,
div.parsley-error {
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
	color: #B94A48;
}

/*
input.parsley-success,
select.parsley-success,
textarea.parsley-success,
div.parsley-success {
	background-color: #DFF0D8;
	border: 1px solid #D6E9C6;
	color: #468847;
}
*/

.parsley-errors-list {
	margin-top: 0.25rem;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
	color: #b94a48;
	font-size: 0.9em;
	line-height: 1;
}

/*- Parsley ラジオボタンおよびチェックボックス未入力エラー時のエラー枠の調整 -*/
div[class^="element-"].parsley-error {
	border-radius: 0.25rem;
}


a.btn{
    text-align: center;
    margin-top: auto;
}


.txt16 strong, .txt16 b{
    display: none;
}

.todoufuken_border .search_button .btn {
    padding: 1em 1.5em;
    background-color: #00aa00;
    color: #fff;
    font-size: 1.25rem;
}


figure.case-image {
    margin: 0 0 -1rem;
}


#contact .form-control{
    padding: .375rem .75rem;
}
#contact strong{
  color: #CC0000;
}

#contact main#confirm div.form-group > div.col  {
    margin-top: .5rem!important;
}


element.style {
}
.custom-select {
    padding: .375rem 1.75rem .375rem 1rem;
    height: calc(1.5em + 1.2rem);
}
.form-control, .custom-select {
    border: solid 1px #999 !important;
    box-shadow: none !important;
    transition: border .3s;
}
element.style {
}
.custom-select {
    padding: .375rem 1.75rem .375rem 1rem;
    height: calc(1.5em + 1.2rem);
}
.form-control, .custom-select {
    border: solid 1px #e9ecef;
    box-shadow: none !important;
    transition: border .3s;
}

#body_4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
div.case_inner h4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
h3.case_title_tosou > br, h5.card-title > br  {
    display: none;
}

h3.case_title_price .badge {
    padding: 10px 15px;
}

@media screen and (max-width: 480px) {
    .todoufuken_border {
        width: 100%;
        border: none;
        padding: 10px;
        margin-top: 20px;
    }
    .todoufuken_border h2 {
        margin-left: 20px;
    }
    div.todoufuken > dl dt {
        display: none;
    }
    div.todoufuken > dl dd {
            margin: 0;
    }
}