/* 旧サイトから引継ぎしたcssと、一部修正したcss */

/* 旧ページ共通で使用するスタイル */

/*# clearfix */
.clearfix:after {
	clear: both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

.inner{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
  position: relative;
}

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

.inner{
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}
	
}

/* bootstrapから引き継いだ、リンクスタイル */

.cp_txt01 a {
  color: #337ab7;
  text-decoration: none
}
.cp_txt01 a:hover, .cp_txt01 a:focus {
  color: #23527c;
}
.cp_txt01 a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

/* 新フォーマット用のタイトル */

#about h2,
#staff h2,
#example h2,
#doctor h2,
#technology h2,
#sitemap h2 {
	font-family: 'Noto Sans JP', sans-serif;
  	font-size: 4rem;
	font-weight: 400;
	line-height: 1.4;
	color: #000000;
}

@media screen and (max-width:768px) {
	
#about h2,
#staff h2,
#example h2,
#doctor h2,
#technology h2,
#sitemap h2 {
  	font-size: 2.2rem;
}
	
}

.line01old {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 100px;
	margin-bottom: 100px;
}

.line02old {
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: rgb(204, 204, 204);
	margin-top: 50px;
	margin-bottom: 50px;
}

.line03old {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 20px;
	margin-bottom: 100px;
}

.headline01 {
	padding-bottom: 14px; margin-bottom: 31px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 2px; border-bottom-style: solid;
}
.headline01 span {
	line-height: 0.9; padding-left: 15px; font-size: 20px; border-left-color: rgb(238, 52, 52); border-left-width: 4px; border-left-style: solid; display: block;
}

.headline-02 {
	color: rgb(191, 0, 0);
	font-size: 18px;
	margin-bottom: 5px;
	width: 100%;
}


@media screen and (max-width:768px) {
	
.line01old {
	margin-top: 50px;
	margin-bottom: 50px;
}
	
.line03old {
	margin-top: 20px;
	margin-bottom: 50px;
}
	
}

/* about_gunmahome.php、about_message.php */
/* 群馬ホームについて */
/* トップメッセージ */

.about_g_w {
	margin-top: 100px;
}

.about_g_h {
	margin-top: 100px;
}

.about_g_h p {
	line-height: 2;
}

.about_g_sm {
	text-align: center;
	margin-top: 80px;
	font-size: 1.8rem;
	font-weight: bold;
}

.about_g_sm2 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
}

.about_g_sm2 .img1 {
	width: 400px;
	display: block;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}

.about_g_sm2 .img2 {
	width: 500px;
	display: block;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
}

.about_g_sm2 .img3 {
	width: 200px;
	display: block;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
}

.about_g_sm2 .youtube {
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.about_g_sm2 .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.about_name {
	width: 100%;
	text-align: right;
	margin-top: 50px;
	margin-bottom: 50px;
}

.about_g_hr {
	display: inline-block;
	text-align: left;
	font-size: 1.7rem;
	line-height: 1.4;
}

.font-165 {
	font-size: 1.6rem!important;
}

.font-gst_28 {
	font-family: "HG行書体", "HGP行書体", cursive, sans-serif!important;
	font-size: 2.8rem!important;
}

@media screen and (max-width:768px) {
	
.about_g_w {
	margin-top: 50px;
}

.about_g_h {
	margin-top: 50px;
}
	
.about_g_sm {
	margin-top: 50px;
	font-size: 1.6rem;
}
	
.about_g_sm2 .img1 {
	width: 80%;
	margin-top: 50px;
}

.about_g_sm2 .img2 {
	width: 90%;
	margin-top: 80px;
}

.about_g_sm2 .img3 {
	width: 200px;
	margin-top: 80px;
}
	
.about_g_hr {
	font-size: 1.5rem;
}
	
.font-165 {
	font-size: 1.5rem!important;
}

.font-gst_28 {
	font-family: "HG行書体", "HGP行書体", cursive, sans-serif!important;
	font-size: 2.3rem!important;
}
	
}

/* about_staffjob.php */
/* 私たちの仕事 */

.staff_img01pc {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
}

.staff_img01sp {
	display: none;
}

.staff_waku01 {
	width: 100%;
	margin-top: 100px;
	background-color: #FFFFFF;
	height: auto;
	display: block;
}

.staff_waku01 + .staff_waku01 {
	margin-top: 100px;
	padding-top: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}

.staff_waku01 .title {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.staff_waku01 .cap {
	width: 100%;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 20px;
	line-height: 1.3;
}
.staff_waku01 .hon {
	width: 100%;
	font-size: 1.6rem;
	margin-top: 20px;
	line-height: 1.5;
}
.staff_waku01 .chu {
	width: 100%;
	font-size: 1.3rem;
	margin-top: 10px;
	line-height: 1.3;
}

.as-img {
	width: 30%;
	vertical-align: top;
	float: left;
}

.staff_waku02 {
	width: 65%;
	float: right;
}

.as-img2 {
	width: 200px;
	vertical-align: top;
	float: left;
	margin-top: 20px;
}

.as-img3 {
	width: 477px;
	vertical-align: top;
	float: left;
	margin-top: 20px;
}

@media screen and (max-width:768px) {
	
.staff_img01pc {
	display: none;
}

.staff_img01sp {
	display: block;
}
	
.staff_waku01 {
	width: 100%;
	margin-top: 30px;
	background-color: #FFFFFF;
	height: auto;
	display: block;
}
	
.staff_waku01 + .staff_waku01 {
	margin-top: 30px;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}

.as-img {
	width: 40%;
	display: block;
	vertical-align: top;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.as-img2 {
	width: 50%;
	display: block;
	vertical-align: top;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
	
.as-img3 {
	width: 100%;
	display: block;
	vertical-align: top;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.staff_waku01 .staff_waku02 {
	width: 100%;
	float: none;
	display: block;
	margin-left: 0px;
}

.staff_waku01 .title {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	margin-top: 10px;
}
.staff_waku01 .cap {
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	margin-top: 10px;
}
.staff_waku01 .hon {
	font-size: 12px;
	width: 100%;
	margin-top: 10px;
	line-height: 130%;
}
.staff_waku01 .chu {
	font-size: 12px;
	width: 100%;
	margin-top: 10px;
	line-height: 130%;
}


}

/* about_creativepartners.php */
/* クリエイティブパートナー */

.staff_cp1 img:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}



/* about_company.php */
/* 会社概要 */

.a_company table {
	font-size: 16px; border-collapse: collapse; border-spacing: 0;
}

.a_company .section01 {
	margin-bottom: 70px;
}
.a_company .section01 .table {

}
.a_company .section01 .table table {
	width: 100%; line-height: 1.3;
}
.a_company .section01 .table th {
	background: rgb(221, 221, 221); padding: 24px 22px 17px; width: 162px; font-size: 16px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.a_company .section01 .table td {
	background: rgb(255, 255, 255); padding: 24px 22px 17px; font-size: 16px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.a_company .section01 .table td .list {

}
.a_company .section01 .table td .list dt {
	float: left;
}
.a_company .section01 .table td .list dd {
	padding-left: 13em;
}

.a_company .section02 {

}
.a_company .section02 .body {
	background: rgb(255, 255, 255); padding: 32px 30px 0px;
}
.a_company .section02 .body .text {
	line-height: 1.7; font-size: 16px; margin-bottom: 40px;
}
.a_company .section02 .body .about {
	padding-bottom: 52px;
}
.a_company .section02 .body .about::after {
	clear: both; display: block; content: "";
}
.a_company .section02 .body .about .img {
	margin-right: 20px; float: left;
}
.a_company .section02 .body .about .table {
	float: left;
}
.a_company .section02 .body .about .table table {
	width: 600px; line-height: 1.3;
}
.a_company .section02 .body .about .table th {
	background: rgb(221, 221, 221); padding: 8px 10px 5px; width: 130px; text-align: center; font-size: 16px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.a_company .section02 .body .about .table td {
	padding: 6px 10px 2px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}

.a_company .headline02 {
	color: rgb(191, 0, 0);
	font-size: 18px;
	margin-bottom: 5px;
	width: 600px;
	clear: left;
	float: left;
}


/* about_history.php */
/* 群馬ホームの歩み */

.hisbox {
	width: 100%;
	margin: 0px 0px 20px 0px;
}
.hisbox:last-child {
	margin-bottom: 0px;
}
.hisbox h4 {
	width: 100%;
	color: #999999;
	padding-left: 3px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 7px;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.hisbox h4 span {
	font-size: 14px;
}
.hisbox p {
	line-height: 1.7; font-size: 16px; margin-left: 10px;
}
.hisbox ul {
	width: 100%;
	display: block;
}
.hisbox ul li {
	line-height: 1.7; font-size: 16px;
	padding-right: 30px;
	padding-left: 30px;
}
.hisbox ul li span {
	color: #999999;
	font-weight: bold;
}
.hisbox .img {
	width: 30%;
	display: block;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 30px;
}

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

.hisbox ul li {
	font-size: 14px;
}
	
.hisbox .img {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-right: 30px;
	padding-left: 30px;
}
	
}

/* privacy.php、attention.php */
/* プライバシーステートメント */
/* サイトご利用上の注意 */

#privacy {

}

#privacy .section ol.headline02 {
	margin-bottom: 40px;
}
#privacy .section ol.headline02 > li {
	list-style: none; margin-bottom: 30px;
}
#privacy .section h4.headline02 {
	background: url("../img/pr_bar.png") no-repeat left bottom; padding: 5px 0px 5px 4px; font-size: 112.5%; margin-bottom: 18px;
}
#privacy .section ol.headline02 > li p.h_c {
	background: url("../img/pr_bar.png") no-repeat left bottom; padding: 5px 0px 5px 4px; font-size: 1.6rem; margin-bottom: 18px;
}
#privacy .section ol.headline02 > li p span {
	padding-right: 5px; display: inline-block;
}
#privacy .section ul.disc {
	margin: 18px 10px 20px; font-size: 100%; display: block;
}
#privacy .section ul.mt0.disc {
	margin-top: 0px;
}
#privacy .section ul.disc > li {
	background: url("../img/pr_dots.png") no-repeat left 6px; text-indent: 0px; padding-left: 15px; margin-bottom: 8px; margin-left: 5px;
}

#privacy .section ul.disc2 {
	margin: 0px 0px 0px; font-size: 1.4rem; display: block;
}

#privacy .section ul.disc2 a {
  color: #337ab7;
  text-decoration: none
}
#privacy .section ul.disc2 a:hover, .cp_txt01 a:focus {
  color: #23527c;
}
#privacy .section ul.disc2 a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

#privacy .section ul.mt0.disc2 {
	margin-top: 0px;
}
#privacy .section ul.disc2 > li {
	background: url("../img/pr_dots2.png") no-repeat left 6px; text-indent: 0px; padding-left: 15px; margin-bottom: 8px; margin-left: 5px;
}

#privacy .headline03 {
	margin-bottom: 40px;
}
#privacy .headline03 li p {
	background: rgb(238, 238, 238); padding: 7px 12px 5px 30px; overflow: hidden; clear: left; font-size: 100%; margin-bottom: 10px; border-left-color: rgb(204, 204, 204); border-left-width: 4px; border-left-style: solid;
}
#privacy .headline03 li p span.nmb {
	padding-right: 5px; margin-left: -20px; float: left; display: block;
}

#privacy .headline03 li p span.hon {
	margin-top: 10px;
}

#privacy .section {
	padding-bottom: 88px;
}
#privacy .section .body {
	background: rgb(255, 255, 255);
}
#privacy .section .body .text {
	line-height: 1.7; font-size: 114.3%; margin-bottom: 40px;
}
#privacy .section .body p.nml_li em {
	font-size: 100%; font-weight: bold;
}
#privacy .section .mt0 {
	margin-top: 0px !important;
}
#privacy .section .mb5 {
	margin-bottom: 5px !important;
}
#privacy .section .mt30 {
	margin-top: 30px;
}
#privacy .section .mb0 {
	margin-bottom: 0px !important;
}
#privacy .section .mb15 {
	margin-bottom: 15px;
}
#privacy .section .mb30 {
	margin-bottom: 30px;
}
#privacy .section .ml10 {
	margin-left: 10px !important;
}
#privacy .section .pl10 {
	padding-left: 10px !important;
}
#privacy .section .pl30 {
	padding-left: 30px;
}
#privacy .section .t_R {
	text-align: right;
}
#privacy .fs_s {
	font-size: 93.75%;
}
#privacy .ti_1 {
	text-indent: -1em; padding-left: 1em;
}
#privacy .ti_2 li {
	text-indent: -3.1em; padding-left: 3.1em;
}

.pagebtn_margin {
	margin-top: 80px;
}

p + .pagebtn_margin {
	margin-top: 30px;
}

/* examples.php */
/* examples1_shop.php */
/* 建築実例　関連 */

#example .linkbox{
	position:relative;
}

#example .example-index .linkbox{
	margin-top: 10px;
}

#example .example-index .linkbox.one,
#example .example-index .linkbox.two{
	margin-top: 0;
}

@media screen and (max-width:768px) {
	
#example .example-index .linkbox.two{
	margin-top: 30px;
}
	
}

#example .linkbox .new{
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Noto Serif JP', serif;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	background-color: #ca0000;
	text-align: center;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 5px;
}

#example .linkbox .category{
	position: absolute;
	top: -20px;
	left: 10px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	color: #ffffff;
	background-color: #e93140;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}



@media screen and (max-width:768px) {
	
#example .linkbox .category{
	top: -10px;
	left: 10px;
	font-size: 14px;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
}

	
}

#example .youtube {

}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.example-b {
	margin-top: 50px;
}

.more-b3 {
	font-family: 'Noto Sans JP', sans-serif;
	width: 50%;
	text-align: center;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #fff;
	padding: 20px 0px 18px;
	background-color: #2bb94c;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
	margin-right: auto;
	margin-left: auto;
}

.more-b3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.more-b3:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.more-b4 {
	font-family: 'Noto Sans JP', sans-serif;
	width: 50%;
	text-align: center;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #fff;
	padding: 20px 0px 18px;
	background-color: #F0C250;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
	margin-right: auto;
	margin-left: auto;
}

.more-b4 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.more-b4:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

a.re-btn{
	font-family: 'Noto Sans JP', sans-serif;
	width: 50%;
	color: #fff;
	font-size: 15px;
	line-height: 200%;
	font-weight: 400;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #000;
	display: block;
	text-align: center;
	text-decoration: none;
}

a.re-btn:link {color:#ffffff;} /*未訪問のリンクの色*/
a.re-btn:visited {color:#ffffff;} /*訪問済みのリンクの色*/
a.re-btn:hover {opacity:0.7;} /*カーソルが乗っているリンクの色*/
a.re-btn:active {color:#ffffff;} /*クリック中のリンクの色*/

@media screen and (max-width:768px) {
	
.more-b3 {
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 80%;
}
	
.more-b4 {
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 80%;
}

a.re-btn{
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 80%;
}
	
}


/* about_creativepartners.php */
/* クリエイティブパートナー */

.tec_p_main1 {
	width: 100%;
}

.tec_p_main_t {
	width: 100%;
	text-align: center;
	font-size: 40px;
	position: relative;
	margin-bottom: 30px;
	border-width: 1px;
	border-color: #999;
	border-style: solid;
	line-height: 100%;
	margin-top: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.tec_p_main2 {
	width: 100%;
	text-align: center;
	font-size: 30px;
	position: relative;
	margin-bottom: 100px;
	line-height: 140%;
}

.tec_p_main2::after {
	content: "";
	position: absolute;
	border-bottom: 1px solid #333;
	width: 37px;
	left: 0;
	right: 0;
	bottom: -50px;
	margin-left: auto;
	margin-right: auto;
  }

.tec_p_main3 {
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 140%;
}

.tec_p_main4 {
	width: 100%;
	background-color: #386D80;
	height: auto;
}

.tec_p_main5 {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 10px;
	font-size: 21px;
	line-height: 140%;
}
.tec_p_main6 {
	width: 80%;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	line-height: 140%;
}

.tec_p_main7 {
	width: 50%;
	padding-top: 50px;
	padding-bottom: 50px;
	float: left;
}

.tec_p_main8 {
	width: 50%;
	float: right;
	background-image: url(../img/technology_plan03.jpg);
	height: 350px;
	background-position: center center;
}

.sec_p_clear {
	clear: both;
}

.tec_p_main9 {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.tec_p_main10 {
	width: 60%;
	float: left;
}

.tec_p_main11 {
	width: 35%;
	float: right;
}

.tec_p_main12 {
	font-size: 2.1rem;
	line-height: 1.5;
}

.tec_p_main13 {
	font-size: 1.6rem;
	line-height: 1.7;
	margin-top: 20px;
}

.tec_p_main14 {
	width: 100%;
	height: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 100px;
	padding-top: 100px;
	padding-bottom: 50px;
}

.tec_p_main15 {
	color: #000000;
	font-size: 2.5rem;
	padding-bottom: 20px;
	line-height: 140%;
}

.tec_p_main16 {
	width: 48%;
	float: left;
	height: auto;
	clear: left;
	margin-bottom: 30px;
}

.tec_p_main17 {
	width: 48%;
	float: right;
	height: auto;
	clear: right;
	margin-bottom: 30px;
}

.tec_p_main18 {
	width: 48%;
	float: left;
	height: auto;
	clear: left;
	margin-bottom: 30px;
}

.tec_p_main19 {
	width: 48%;
	float: right;
	height: auto;
	clear: right;
	margin-bottom: 30px;
}

.tec_p_main20 {
	width: 100%;
	height: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 100px;
	padding-top: 100px;
	padding-bottom: 50px;
}

.tec_p_main21 {
	width: 48%;
	float: left;
	height: auto;
	clear: left;
	margin-bottom: 50px;
}

.tec_p_main22 {
	width: 48%;
	float: right;
	height: auto;
	clear: right;
	margin-bottom: 50px;
}

.c_logo {
	width: 251px;
	height: auto;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}

@media screen and (max-width:1000px) {
	
.tec_p_main_t {
	width: 100%;
	font-size: 25px;
	margin-bottom: 30px;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
.tec_p_main2 {
	font-size: 20px;
	margin-bottom: 50px;
}
	
.tec_p_main2::after {
	width: 37px;
	left: 0;
	right: 0;
	bottom: -20px;
  }
	
.tec_p_main9 {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 0px;
}
	
.tec_p_main10 {
	width: 100%;
	float: none;
}
	
.tec_p_main10 img {
	width: 100%;
}

.tec_p_main11 {
	width: 100%;
	float: none;
	padding-top: 20px;
}
	
.tec_p_main15 {
	font-size: 18px;
	padding-bottom: 20px;
	line-height: 140%;
}
	
.tec_p_main15 img {
	width: 200px;
	height: auto;
}
	
}

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

.tec_p_main_t {
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
.tec_p_main2 {
	font-size: 18px;
	text-align: left;
}
	
.tec_p_main2 br {
	display: none;
}
	
.tec_p_main3 {
	font-size: 14px;
	text-align: left;
}
	
.tec_p_main12 {
	font-size: 18px;
}
	
.tec_p_main13 {
	font-size: 14px;
	line-height: 1.7;
	margin-top: 10px;
}
	
.tec_p_main14 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}
	
.tec_p_main20 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}
	
.tec_p_main21 {
	width: 100%;
	float: none;
	height: auto;
	margin-bottom: 20px;
}
	
.tec_p_main21 h3 {
	font-size: 18px;
}

.tec_p_main22 {
	width: 100%;
	float: none;
	margin-bottom: 0px;
}
	
}


/* /recruit/index.html */
/* 採用情報、トップ */

.wrapRecMain{
	position: relative;
	top:0;
}
.wrapRecimg{
	width: 100%;
    height: 540px;
    background-image: url(../recruit/img/rec_main_img.jpg);
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;	
}
.Rec_title{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	color: #ffffff;
	font-size:48px;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif; 
	font-weight: 400;
}
.Rec_title span{
	font-size:18px;
}
.rec-top-waku3{
	width: 100%;
	font-size: 0;
	display:flex;
	display:-moz-flex;
	display:-o-flex;
	display:-webkit-flex;
	display:-ms-flex;
}

.rec-top3{
	width: 100%;
	/*display: inline-block;*/
	position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.rec-top3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 100%;
    text-indent:-999px;
    z-index: 5; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.rec-top3:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.rec-top-waku3 .rec-top-column{
	padding-right: 2%;
}
.rec-top-waku3 .rec-top-column2 .rec-top3:nth-of-type(1),
.rec-top-waku3 .rec-top-column2 .rec-top3:nth-of-type(2){
	margin-bottom: 3.2%;
}
.rec-top-b3{
	width: 100%;
	height: 70px;
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
    z-index: 5;
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
}
.rec-top-b3 span{
	width: 100%;
	position: absolute;
	content: '';
    z-index: 6;
	font-family: 'Noto Sans JP', serif;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	color: #ffffff;
	text-align: left;
	margin-left: 3%;
	top: 65%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width:768px) {
.Rec_title{
	font-size:26px;
}	
.Rec_title span{
	font-size:14px;
}
}
	
@media screen and (max-width:568px) {	
.rec-top-waku3{
	width: 100%;
	font-size: 0;
	display: block;
	display:-moz-block;
	display:-o-block;
	display:-webkit-block;
	display:-ms-block;
}	
.rec-top3{
	width: 100%;
	height: 145px;
	display: block;
    overflow: hidden;
    position: relative;
}	
.rec-top3 + .rec-top3{
	margin-top: 10px;
}	
.rec-top3 img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}		
.rec-top-waku3 .rec-top-column{
	padding-right: 0;
	margin-bottom: 15px;
}	
.rec-top-b3{
	height: 45px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
    z-index: 5;
	background-color: rgba( 0, 0, 0, 0.3 );
}	
.rec-top-b3 span{
	font-size: 14px;
	text-align: center;
	margin-left: 0;
	top: 50%;
}
}

/* technology.php */
/* テクノロジー */

/* technology_climate.php */
/* 群馬県の気候 */

#climate {

}
#climate .section01 {
	background: rgb(0, 76, 102); padding: 80px 0px 50px;
}

#climate .section01 .headline01 {
	padding-bottom: 14px;
	margin-bottom: 31px;
	border-bottom-color: rgb(255, 255, 255);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	color: #FFFFFF;
}
#climate .section01 .headline01 span {
	line-height: 0.9; padding-left: 15px; font-size: 20px; border-left-color: rgb(238, 52, 52); border-left-width: 4px; border-left-style: solid; display: block;
}

#climate .section01 .point {
	padding-top: 57px;
	width: 100%;
}

#climate .section01 .point::after {
	clear: both; display: block; content: "";
}

#climate .section01 .point h2 {
	float: left;
	margin-right: 11px;
	width: 10%;
}
#climate .section01 .even.point h2 {
	margin-top: 0px;
	margin-right: 11px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 10%;
	
}
#climate .section01 .point .text {
	padding: 0px 0px 3em 38px; 
	width: 60%;
	border-left-color: rgb(128, 166, 179); border-left-width: 1px; border-left-style: solid; float: left;
}
#climate .section01 .even.point .text {
	width: 60%;
}
#climate .section01 .point .text h3 {
	color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; margin-bottom: 18px;
}
#climate .section01 .point .text p {
	color: rgb(255, 255, 255); line-height: 1.7; font-size: 16px;
}
#climate .section01 .point .text p.cli_p2 {
	color: rgb(255, 255, 255);
	line-height: 1.7;
	font-size: 13px;
	text-align: right;
	width: 100%;
	margin-top: 10px;
}

#climate .section01 .point .text p a:link {/*���K���̃����N*/
	color: #ffffff;
	text-decoration: none;
}

#climate .section01 .point .text p a:visited {/*�K�����̃����N*/
	color: #ffffff;
	text-decoration: none;
}

#climate .section01 .point .text p a:hover {/*�}�E�X���̂����Ƃ�*/
	color: #FAC936;
	text-decoration: none;
}

#climate .section01 .point .text p a:active {/*�N���b�N��*/
	color: #ffffff;
	text-decoration: none;
}

#climate .section01 .point .img {
	float: right;
	width: 25%;
}
#climate .section01 .point .img2 {
	float: left;
	width: 25%;
}

#climate .section01 .point h2 img,
#climate .section01 .even.point h2 img,
#climate .section01 .point .img img,
#climate .section01 .point .img2 img {
	width: 100%;
	height: auto;
}

.titleH3pt01 {
	padding: 0px 0px 5px 1em;
	width: 100%;
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-indent: -1em;
	font-size: 28px;
	font-weight: normal;
	text-decoration: none !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
}
.titleH3pt01 small {
	font-size: 24px;
}
.titleH3pt01::before {
	background: rgb(249, 10, 0); width: 0.8em; height: 0.8em; margin-right: 0.2em; display: inline-block; content: "";
}

.titleH3pt02 {
	padding: 0px 0px 5px 1em;
	width: 100%;
	color: #333333;
	line-height: 1.2;
	text-indent: -1em;
	font-size: 28px;
	font-weight: normal;
	text-decoration: none !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
}

.titleH3pt02::before {
	background: rgb(249, 10, 0); width: 0.8em; height: 0.8em; margin-right: 0.2em; display: inline-block; content: "";
}

p.cli_p {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1.5;
	margin-bottom: 30px;
}

p.cli_p2 {
	font-size: 13px;
	color: #FFFFFF;
	line-height: 1.3;
	margin-bottom: 20px;
}

p.cli_p3 {
	font-size: 16px;
	color: #333333;
	line-height: 1.5;
	margin-bottom: 30px;
}

.col_left {
	width: 48%; float: left;
}
.col_right {
	width: 48%; float: right;
}

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

/* technology_airconditioning.php */
/* 健康空調システム */

#climate2 {

}

#climate2 .section01 {
	padding: 80px 0px 50px;
	background-color: #000000;
}

#climate2 .titleH3pt01 {
	margin-top: 70px;
}

#climate2 img + p {
	margin-top: 20px;
}

#climate2 p {
	line-height: 1.5;
}

/* technology_standard.php */
/* 標準仕様 */

#climate3 {

}

#climate3 .section01 {
	background: rgb(1, 58, 111); padding: 30px 0px 50px;
}

#climate3 .img100 {
	text-align: center;
	width: 100%;
	margin-top: 40px;
}

#climate3 .img70 {
	text-align: center;
	width: 70%;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width:768px) {
	
#climate3 .section01 {
	padding: 10px 0px 50px;
}
	
#climate3 .img100 {
	margin-top: 20px;
}

#climate3 .img70 {
	width: 90%;
	margin-top: 40px;
}

	
}



/* sitemap.php */
/* サイトマップ */

.sitemap-box {
	width: 100%;
}
.sitemap-box h2 {
	padding: 15px 0px 14px;
	font-size: 1.8rem !important;
	border-top-color: rgb(191, 0, 0);
	border-top-width: 2px;
	border-top-style: solid;
}
.sitemap-box h2 a {
	color: rgb(51, 51, 51);
	text-decoration: none;
}
.sitemap-box h2 a:hover {/*マウスをのせたとき*/
	text-decoration: underline;
}
.sitemap-box ul {
	border-top-color: rgb(204, 204, 204); 
	border-top-width: 1px;
	border-top-style: solid;
}
.sitemap-box ul ul {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.sitemap-box ul li {
	padding: 10px 0px 9px; 
	color: rgb(191, 0, 0); 
	border-bottom-color: rgb(204, 204, 204); 
	border-bottom-width: 1px; 
	border-bottom-style: dotted;
	font-size: 1.6rem;
}
.sitemap-box ul li li {
	padding: 5px 0px 4px; margin-left: 20px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.sitemap-box ul li a {
	color: rgb(51, 51, 51);
	text-decoration: none;
}
.sitemap-box ul li a:hover {/*マウスをのせたとき*/
	text-decoration: underline;
}


/* doctor.php */
/* 医療建築 */

.sec-980{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

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

.sec-980{
	width: 95%;
}

}

.capdoc1 {
  	font-size: 1.4rem;
	margin-top: 10px;
	text-align: right;
}

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

.capdoc1 {
  	font-size: 1.2rem;
}
	
}


#doctor .box-flex1.flex3.topbt {
	margin-bottom: 100px;
}

#doctor .box-flex1.flex3.topbt .bt5 span {
	display: none;
}

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

#doctor .box-flex1.flex3.topbt {
	margin-bottom: 50px;
}
	
#doctor .box-flex1.flex3.topbt .bt5 span {
	display: inline-block;
}
	
}

h3.doch3{
	text-align: center;
  	font-size: 3rem;
}

h3.doch3-2{
  	font-size: 3rem;
}

h3.doch3-2 + .table01 table{
	margin-top: 20px;
}

h4.doch4{
	text-align: center;
  	font-size: 2.3rem;
	margin-top: 80px;
}

@media screen and (max-width:768px) {
	
h3.doch3{
	text-align: left;
  	font-size: 1.8rem;
}

h3.doch3-2{
  	font-size: 1.8rem;
}

h4.doch4{
	text-align: left;
  	font-size: 1.6rem;
	margin-top: 50px;
}

}

.doc_ul {
	width: 100%;
	text-align: center;
}

.doc_ul ul {
	display: inline-block;
	border : solid 1px #E19093 ;
	margin-top: 50px;
	padding: 15px;
}

.doc_ul ul li {
  	font-size: 1.6rem;
	text-align: left;
}

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

.doc_ul ul {
	margin-top: 30px;
	padding: 10px;
}

.doc_ul ul li {
  	font-size: 1.2rem;
}

}

.doc_img {
	margin-top: 50px;
}

.doc_img2 {
	margin-top: 30px;
}

.doc_img3 .pc {
	display: block;
}

.doc_img3 .sp {
	display: none;
}

.doc_img4 {
	border : solid 1px #c1bab3;
	margin-top: 100px;
}

@media screen and (max-width:768px) {
	
.doc_img {
	margin-top: 30px;
}

.doc_img2 {
	margin-top: 20px;
}
	
.doc_img3 .pc {
	display: none;
}

.doc_img3 .sp {
	display: block;
}
	
.doc_img4 {
	margin-top: 50px;
}
	
}

.doc_img3 p.p01 {
	font-size:20px;
	text-align: center;
	margin-top: 20px;
}

.doc_img3 p.p01 span {
	font-size:11px;
vertical-align: top;
position: relative;
top: 0;
}

.doc_img3 p.p02 {
	font-size: 13px;
	text-align: center;
	margin-top: 10px;
}

@media screen and (max-width:768px) {
	
.doc_img3 p.p01 {
	font-size:16px;
	margin-top: 20px;
}

.doc_img3 p.p01 span {
	font-size:10px;
}

.doc_img3 p.p02 {
	font-size: 11px;
	margin-top: 10px;
}

}

.doc-table1 {
	margin-top: 20px;
}

.doc-table2 {
  border-bottom: 1px solid #c1bab3;
}

.doc-table1,
.doc-table2 {
  position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.doc-table1 table,
.doc-table2 table {
  text-align: left;
  width: 100%
}

.doc-table1 table thead {
  background: #eae8e2
}

.doc-table1 table tr th {
  position: relative;
  padding: 20px 20px;
  font-weight: 400;
  font-size: 1.5rem;
}

.doc-table2 table tr td {
  position: relative;
  padding: 20px 20px;
  font-weight: 300;
  font-size: 1.5rem;
}

.doc-table1 table tr th:nth-child(1),
.doc-table2 table tr td:nth-child(1){
  width: 40%;
}

.doc-table2 table tr th:nth-child(2),
.doc-table2 table tr td:nth-child(2){
  width: 30%;
}

.doc-table1 table tr th:nth-child(3),
.doc-table2 table tr td:nth-child(3){
  width: 10%;
}
	
.doc-table1 table tr th:nth-child(4),
.doc-table2 table tr td:nth-child(4){
  width: 20%;
}

.doc-table2 table td span{
	display: none;
}

.doc-table2 a {
  position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

.doc-table2 a:hover {
  background: rgba(255, 255, 255, 0.6)
}

.doc-table2 + .top-btnbox{
	margin-top: 150px;
}


@media screen and (max-width:992px) {
	
.doc-table1 table tr th {
  padding: 10px;
  font-size: 1.2rem;
}
	
.doc-table2 table tr td {
  position: relative;
  padding: 10px;
  font-size: 1.2rem;
}
	
.doc-table2 + .top-btnbox{
	margin-top: 80px;
}
	
}

@media screen and (max-width:768px) {
	
.doc-table1 table,
.doc-table1 table thead {
	display: none;
}

.doc-table1 table tr th {
	display: none;
}
	
.doc-table2 {
  border-top: 1px solid #c1bab3;
}
	
.doc-table2 + .doc-table2 {
  border-top: 0px none #c1bab3;
}
	
.doc-table2 table tr td {
	display: block;
  width: 100%;
  padding: 10px;
}
	
.doc-table2 table tr td:nth-child(1){
  background: #f2f1ef;
	display: block;
  width: 100%;
  padding: 10px;
}

.doc-table2 table tr td:nth-child(2){
  width: 100%;
}
		
.doc-table2 table tr td:nth-child(3){
  width: 100%;
  padding: 2px 10px 10px 10px;
}
	
.doc-table2 table tr td:nth-child(4){
  width: 100%;
  padding: 2px 10px 10px 10px;
}
	
.doc-table2 table td span{
	display: inline-block;
}
	
.doc-table2 + .top-btnbox{
	margin-top: 50px;
}

}

.doctorbox {
	background-color: #f8f8f8;
	width: 100%;
	position: relative;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.doctorbox .btnBox {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.doctorbox .more3 {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #fff;
	padding: 9px 0px 7px;
	border-radius: 100px;
	background-color: #1975D1;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.doctorbox .more3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.doctorbox .more3:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.doctorbox .more4 {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #fff;
	padding: 9px 0px 7px;
	border-radius: 100px;
	background-color: #1975D1;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.doctorbox .more4 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.doctorbox .more4:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.doctorbox .sub {
	display: block;
	color: #333333;
	line-height: 1.4;
	font-size: 14px;
	width: 100%;
	min-height:  45px;
	margin-top: 0px;
	margin-bottom: 2px;
}
.doctorbox .address {
	display: block;
	color: #333333;
	line-height: 1.4;
	font-size: 14px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 2px;
}
.doctorbox .tel {
	display: block;
	font-size: 25px; 
	font-weight: bold;
}

.doctorbox .fa-phone {
	transform: scaleX(-1);
	font-size: 16px; 
	color: #bf0000;
	margin-left: 5px;
}

@media screen and (max-width:768px) {
	
.doc_img {
	margin-top: 30px;
}

	
.doctorbox .tel {
	font-size: 22px; 
}

}

/* 共通パーツ　古いボタン関連
---------------------------------------------------------- */

.btn01 {
    width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 1.6rem;
	color: #ffffff;
	background: #5d973e;
	display: inline-block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
	text-align: center;
	margin-top: 10px;
	border-radius: 3px;
  }

.btn01 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.btn01:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.btn02 {
    width: 100%;
	height: 70px;
	line-height: 70px;
	font-size: 1.6rem;
	font-weight: 400;
	background: #f0f0f0;
	display: inline-block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
	text-align: center;
	border : solid 1px #fff ;
  }

.btn02 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.btn02:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.btn03 {
	background: #005bac;
	text-align: center;
	font-size: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100%;
	margin-top: 50px;
	color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.btn03 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.btn03:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.btn04 {
	background: #005bac;
	text-align: center;
	font-size: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 400px;
	margin-top: 50px;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
	margin-right: auto;
	margin-left: auto;
}

.btn04 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.btn04:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.btn05 {
    width: 250px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #ffffff;
	background: rgb(191, 0, 0);
	display: block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
	text-align: center;
	margin-top: 10px;
	border-radius: 3px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
  }

.btn05 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.btn05:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}


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

.btn02 {
	height: 50px;
	line-height: 50px;
	font-size: 1.4rem;
  }
	
.btn03 {
	font-size: 16px;
	margin-top: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.btn04 {
	font-size: 16px;
	width: 100%;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

}



/* 共通パーツ　テーブル
---------------------------------------------------------- */


/* 基本のテーブル、MT50　PC */
.table01 table {
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%; 
	line-height: 1.3;
	margin-top: 50px;
}

/* 基本のテーブル、MT0　PC */
.table01-mt0 table {
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%; 
	line-height: 1.3;
}

.table01 table th,
.table01-mt0 table th {
	background: rgb(221, 221, 221);
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	width: 200px;
	font-size: 16px;
	border-bottom-color: rgb(238, 238, 238);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.table01 table td,
.table01-mt0 table td {
	background: rgb(255, 255, 255); 
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	font-size: 16px; 
	border-bottom-color: rgb(238, 238, 238); 
	border-bottom-width: 1px; 
	border-bottom-style: solid;
}

.table01 table td .list1 dt,
.table01-mt0 table td .list1 dt {
	float: left;
}
.table01 table td .list1 dd,
.table01-mt0 table td .list1 dd {
	padding-left: 1.5em;
}
.table01 table td .list2 dt,
.table01-mt0 table td .list2 dt {
	float: left;
}
.table01 table td .list2 dd,
.table01-mt0 table td .list2 dd {
	padding-left: 13em;
}

.table02 {
	
}
.table02 table {
	line-height: 1.3;
	border:none;
}
.table02 tr {

}
.table02 th {
	background: rgb(240, 240, 240);
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 162px;
	font-size: 16px;
	border: none;
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.table02 td {
	background: rgb(255, 255, 255);
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 16px;
	border:none;
	border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}

.com-body {
	background: rgb(255, 255, 255); padding: 32px 30px 0px;
}

.table03 {
	border-radius: 10px;
	border: 1px solid rgb(221, 221, 221);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.table03 table {
	width: 100%; 
	line-height: 1.3;
}

.table03 th {
	background: rgb(239, 239, 239); 
	padding: 13px 0px 13px; 
	text-align: center; 
	font-size: 14px; 
	border-left-color: rgb(204, 204, 204); 
	border-left-width: 1px; 
	border-left-style: dotted;
}

.table03 tr {
	border-bottom-color: rgb(221, 221, 221); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
}

.table03 tr:last-child {
	border-bottom-width: 0px; 
	border-bottom-style: none; 
}

.table03 th:first-child {
	border-radius: 10px 0px 0px; 
	-webkit-border-radius: 10px 0 0 0; 
	-moz-border-radius: 10px 0 0 0;
	border-left-style: none;
}

.table03 th:last-child {
	border-radius: 0px 10px 0px 0px; 
	-webkit-border-radius: 0 10px 0 0; 
	-moz-border-radius: 0 10px 0 0;
}

.table03 td {
	padding: 13px 12px 12px; 
	font-size: 14px;  
	border-left-color: rgb(204, 204, 204); 
	border-left-width: 1px; 
	border-left-style: dotted;
}

.table03 tr:last-child td {
	border-bottom-color: currentColor; 
	border-bottom-width: medium; 
	border-bottom-style: none;
}

.table03 td:first-child {
	border-left-color: currentColor; 
	border-left-width: medium; 
	border-left-style: none;
}

.table03 td.bunzyo_ti {
	font-size: 16px;
	line-height: 130%;
	font-weight: bold;
	vertical-align:middle;
}

.table03 td.bunzyo_ti a {
	color:#36F;
	text-decoration:underline;
}

.table03 td.bunzyo_ti a:hover {
	color:#039;
	text-decoration:none;
}

.table03 td.bunzyo_ti span.new {
	font-family: 'Noto Serif JP', serif;
	font-size: 12px;
	font-weight: 700;
	color: #ffffff;
	background-color: #ca0000;
	text-align: center;
	vertical-align: top;
	padding: 2px;
	margin-left: 3px;
}

.table03 td.bunzyo_ti img {
	vertical-align:middle;
}

.table03 th.t3-0 {
	width: 10%;
}
.table03 th.t3-1 {
	width: 17%;
}
.table03 th.t3-1-2 {
	width: 25%;
}
.table03 th.t3-2 {
	width: 60%;
}
.table03 th.t3-2-2 {
	width: 65%;
}
.table03 th.t3-3 {
	width: 8%;
}
.table03 th.t3-4 {
	width: 15%;
}



/* テーブル建築実例用 */

.table04 table {
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%; 
	line-height: 1.3;
	margin-top: 50px;
}

.table04 table th {
	background: rgb(221, 221, 221);
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	width: 300px;
	font-size: 16px;
	border-bottom-color: rgb(238, 238, 238);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.table04 table td {
	background: rgb(255, 255, 255); 
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	font-size: 16px; 
	border-bottom-color: rgb(238, 238, 238); 
	border-bottom-width: 1px; 
	border-bottom-style: solid;
}

.table04 table td .list1 dt {
	float: left;
}
.table04 table td .list1 dd {
	padding-left: 1.5em;
}

.table04 table td .list2 dt {
	float: left;
}
.table04 table td .list2 dd {
	padding-left: 13em;
}





/* テーブルレスポンシブ用　スマホ */
@media screen and (max-width:1005px) {

.table01-mt0 table {
	width: 100%;
	border-collapse: collapse; 
	border-spacing: 0;
}

.table01 table,
.table04 table {
	width: 100%;
	border-collapse: collapse; 
	border-spacing: 0;
	margin-top: 30px;
}

.table01 table th,
.table01-mt0 table th,
.table04 table th {
	background: rgb(221, 221, 221); 
	padding: 8px;
	width: 100%;
	display: block;
	font-size: 14px;
	border-bottom-width: 0; 
	border-bottom-style: none;
}
.table01 table td,
.table01-mt0 table td,
.table04 table td {
	background: rgb(255, 255, 255); 
	padding: 8px;
	width: 100%;
	display: block;
	font-size: 14px; 
	border-bottom-width: 0; 
	border-bottom-style: none;
}
.table01 table td .list2 dt,
.table01-mt0 table td .list2 dt {
	float: none;
	width: 100%;
	display: block;
}
.table01 table td .list2 dd,
.table01-mt0 table td .list2 dd {
	padding-left: 0em;
	width: 100%;
	display: block;
}

.table02 th {
	background: rgb(240, 240, 240);
	padding: 8px;
	width: 162px;
	font-size: 14px;
	border: none;
	border-bottom-width: 0; 
	border-bottom-style: none;
}
.table02 td {
	background: rgb(255, 255, 255);
	padding: 8px;
	font-size: 14px;
	border:none;
	border-bottom-width: 0; 
	border-bottom-style: none;
}

.com-body {
	padding: 8px;
}

.table03 th {
	float: none;
	width: 100%;
	display: block;
	padding: 4px;
	font-size: 12px; 
	border-left-style: none;
}
.table03 td {
	float: none;
	width: 100%;
	display: block;
	padding-top: 0px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	font-size: 14px;
	border-left-color: rgb(204, 204, 204);
	border-left-width: 1px;
	border-left-style: none;
}

.table03 td.bunzyo_ti {
	font-size: 16px;
	line-height: 130%;
	font-weight: bold;
	margin-top: 8px;
}


.table03 th.t3-1 {
	float: none;
	width: 100%;
	display: block;
}
.table03 th.t3-2 {
	display: none;
}
.table03 th.t3-3 {
	display: none;
}
.table03 th.t3-4 {
	display: none;
}


}


/* 共通パーツ　サイズ、空き調節系　必要なものだけ追記する
---------------------------------------------------------- */

.mgb20 {
	margin-bottom: 20px !important;
}