/*===============================================
● 共通
===============================================*/
.con .lead1 {
	margin-bottom: 10px;
}

/*TOPメッセージ3
---------------------------------------------------------- */	
.bg_message3-1 {
	width: 100%;
	/*background-color: rgba(51,102,204,0.30);*/
	background-color: rgba(0,51,153,0.20);
	overflow: hidden;
}
.bg_message3-1a {
	width: 100%;
	background-color: #FFFFFF;
	overflow: hidden;	
}
.t_message3_1 {
	text-align: left;
	clear: both;
	overflow: hidden;
	}
.t_message3_1 .photo {
	width: 50%;
  position: relative;
  z-index: 0;
	}
.t_message3_1 .photo.r {}
.t_message3_1 .photo img {
	border: #FFFFFF solid 1px;
	}
.t_message3_1 .txt {
}
.t_message3_1a .txt {
}
.t_message3_1 .txt.l {}
.t_message3_1 .txt h3 {
	color: #003399;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: #003399 dotted 1px;
	}
.t_message3_1 .txt h3:before {
	}	
.t_message3_1 .txt p {
	margin-bottom: 10px;
	}	
.t_message3_1 .txt ol {
	margin-left: 18px;
	margin-bottom: 10px;
	list-style: decimal;
	}	
.t_message3_1 .txt ol li {
	margin-bottom: 10px;
	}	
.t_message3_1 .txt dl {
	margin-bottom: 10px;
	}	
.t_message3_1 .txt dl dt {
	color: #FFFFFF;
	font-weight: bold;
	}	
.t_message3_1 .txt dl dt:before {
	content: "◆"
	}	
.t_message3_1 .txt dl dd {
	margin-bottom: 10px;
	}	
/*===============================================
● 画面の横幅が900px以下
===============================================*/
@media screen and (max-width: 900px) {
  /*TOPメイン
---------------------------------------------------------- */
 #main {
	 margin-bottom: 10px;
    clear: both;
  }


/*TOPメッセージ3
---------------------------------------------------------- */	
.bg_message3-1 {}
.bg_message3-1a {}
.t_message3_1 {
	margin: 20px;
	}
.t_message3_1 .photo {
	width: 50%;
	margin-bottom: 10px;
	}
.t_message3_1 .photo.r {}
.t_message3_1 .photo .inset {}
.t_message3_1 .photo img {}
.t_message3_1 .txt {}
.t_message3_1 .txt.l {}
.t_message3_1 .txt h3 {
	font-size: 110%;
	}	
.t_message3_1 .txt h3:before {
	width: 40px;/*画像の幅*/
	height: 40px;/*画像の高さ*/
	}	
.t_message3_1 .txt p {
	}	
.t_message3_1 .txt ol {
	}	
.t_message3_1 .txt ol li {
	}	
.t_message3_1 .txt dl {
	margin-bottom: 10px;
	}	
.t_message3_1 .txt dl dt {
	}	
.t_message3_1 .txt dl dt:before {
	}	
.t_message3_1 .txt dl dd {
	}	
	
	
/*サブページ共通
---------------------------------------------------------- */

.con .lead1 {
	font-size: 130%;
	
}
.photo_col4 {
	clear: both;		
	}
.photo_col4 .box {
	margin-bottom: 10px;
	clear: both;
	}
.photo_col4 .box img {
	width: 100%;
	}
/*問い合わせ先*/
	
.tel_fax {
	margin-bottom: 10px;
	clear: both;
}
.tel_fax h4 {
	border: none;
	margin-bottom: 5px;
	clear: both;
}
.tel_fax h4:before {
	content: none;
}
.tel_fax ul {
	font-size: 110%;
	color: #000099;
	clear: both;
}
.tel_fax ul li {
	list-style-type: none;
	clear: both;
}
.tel_fax ul .mail:before {
	content: "\f0e0";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
.tel_fax ul .tel:before {
	content: "\f098";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
.tel_fax ul .fax:before {
	content: "\f1ac";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
.tel_fax ul .pdf:before {
	content: "\f1c1";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
   

.gmap {
    position: relative;
    padding-bottom: 50%; /*これが縦横比*/
    height: 0;
    overflow: hidden;
	margin-bottom: 10px;
  }
 .gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }	
.photo_col2 {
	margin-bottom: 20px;
	clear: both;		
	}
.photo_col2 .box {
	clear: both;		
	}
.photo_col2 .box img {
	width: 100%;
	border-radius: 10px;
	}	
.photo_col2 .box .txt {
	margin: 5px;
	text-align: center;
	}	

.photo_col3 {
	margin-bottom: 20px;
	clear: both;		
	}
.photo_col3 .box {
	margin-bottom: 10px;
	}
.photo_col3 .box img {
	width: 100%;
	border-radius: 10px;
	}	
.photo_col3 .box .txt {
	margin: 5px;
	text-align: center;
	}	
	
.photo_3col {
	margin-bottom: 10px;
	}
.photo_3col img {
	width: 100%;
	}
.photo_3col div {
	margin-bottom: 10px;
	}
.photo_3col div:last-child {
	margin-bottom: 0px;
	}
/*会社紹介
---------------------------------------------------------- */
.prejident {
	width: 40%;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}

.prejident img {
	}
.prejident .name {
	text-align: center;
	}

/*賞状*/	
.img_comp_col2 {
	clear: both;
	}		
.img_comp_col2 img {
	width: 100%;
	margin-bottom: 10px;
	}	
.img_comp_col2 .left {
	clear: both;
	}
.img_comp_col2 .right {
	clear: both;
	
	}	
  /*お問い合わせ
---------------------------------------------------------- */
 .company_name {
    font-size: 110%;
    clear: both;
  }
.company_name .name {
	font-weight: bold;
	}
.thanks {
  }
}
/*===============================================
● 画面の横幅が900px以上
===============================================*/
@media print, screen and (min-width: 900px) {
/*TOPメイン
---------------------------------------------------------- */
#main {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    position: relative;
    clear: both;
  }
#main img {
    width: 90%;
	margin-bottom: 30px;
  }
  /*スマホnavi
---------------------------------------------------------- */
  .tnavi_sp {
    display: none;
  }
/*TOPメッセージ3
---------------------------------------------------------- */	
.bg_message3-1 {
	padding: 30px;		
	}
.bg_message3-1a {
	padding: 30px;		
	}	
.t_message3_1 {
	max-width: 1080px;
	text-align: left;
	margin: auto;
	}
.t_message3_1 .photo {
	width: 30%;
	float: left;
  position: relative;
  z-index: 0;
	}
.t_message3_1 .photo img {
	width: 300px;
	height: 200px;
	}
.t_message3_1 .photo.r {
	text-align: right;
	float: right;
	}
.t_message3_1 .photo .inset {
}
.t_message3_1 .photo img {
	position: relative;
  z-index: -1;
	}
.t_message3_1 .txt {
	/*width: 60%;
	float: right;*/
	}
.t_message3_1 .txt.l {
	float: left;
	}
.t_message3_1 .txt h3 {
	font-weight: bold;
	font-size: 170%;
	margin-bottom: 10px;
	}	
.t_message3_1 .txt h3:before {
	width: 50px;/*画像の幅*/
	height: 50px;/*画像の高さ*/
	}	
.t_message3_1 .txt {
	line-height: 200%;
	}
.t_message3_1 .txt p {
	font-size: 118%;
	margin-bottom: 10px;
	}	
.t_message3_1 .txt ol {
	font-size: 118%;
	margin-left: 20px;
	margin-bottom: 10px;
	list-style: decimal;
	}	
.t_message3_1 .txt ol li {
	margin-bottom: 10px;
	}	
.t_message3_1 .txt dl {
	margin-bottom: 10px;
	}	
.t_message3_1 .txt dl dt {
	color: #FFFFFF;
	font-size: 118%;
	font-weight: bold;
	}	
.t_message3_1 .txt dl dt:before {
	content: "◆"
	}	
.t_message3_1 .txt dl dd {
	font-size: 115%;
	margin-bottom: 10px;
	}	
	
	
/*サブページ共通
---------------------------------------------------------- */
.con .lead1 {
	font-size: 180%;
	margin-bottom: 20px;	
}
.photo_col4 {
	margin-left: -10px;
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
		
	}
.photo_col4 .box {
	width: 232px;
	margin-left: 10px;
	float: left;		
	}
.photo_col4 .box img {
	width: 100%;
	}
	
/*問い合わせ先*/
	
.tel_fax {
	margin-bottom: 10px;
	overflow: hidden;
	clear: both;
}
.tel_fax h4 {
	font-size: 100%;
	color: #333333;
	border: none;
	margin-bottom: 5px;
	clear: both;
}
.tel_fax h4:before {
	content: none;
}
.tel_fax ul {
	font-size: 120%;
	color: #000099;
	margin-left: -20px;
	clear: both;
}
.tel_fax ul li {
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.tel_fax ul .mail:before {
	content: "\f0e0";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
.tel_fax ul .tel:before {
	content: "\f098";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
.tel_fax ul .fax:before {
	content: "\f1ac";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
.tel_fax ul .pdf:before {
	content: "\f1c1";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 5px;
} 

.gmap {
    position: relative;
    padding-bottom: 50%; /*これが縦横比*/
    height: 0;
    overflow: hidden;
	margin-bottom: 10px;
  }
 .gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
	
.photo_col2 {
	margin-left: -20px;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;		
	}
.photo_col2 .box {
	max-width: 470px;
	margin-left: 20px;
	margin-bottom: 10px;
	float: left;
	}
.photo_col2 .box img {
	width: 100%;
	border-radius: 10px;
	}	
.photo_col2 .box .txt {
	margin: 5px;
	text-align: center;
	}	
	
.photo_col3 {
	margin-left: -20px;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;		
	}
.photo_col3 .box {
	max-width: 306px;
	margin-left: 20px;
	margin-bottom: 10px;
	float: left;
	}
.photo_col3 .box img {
	width: 100%;
	border-radius: 10px;
	}	
.photo_col3 .box .txt {
	margin: 5px;
	text-align: center;
	}	

.photo_3col {
	margin-bottom: 15px;
	margin-left: -15px;		
	overflow: hidden;
	}
.photo_3col img {
	margin-left: 15px;
	margin-bottom: 15px;
	float: left;		
	width: 310px;
	}
	
/*会社紹介
---------------------------------------------------------- */
	
.prejident {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}

.prejident img {
	width: 200px;
	}
.prejident .name {
	text-align: center;
	}

/*お問い合わせ
---------------------------------------------------------- */
 .company_name {
    font-size: 120%;
    clear: both;
  }
.company_name .name {
	font-weight: bold;
	}
  .thanks {
    clear: both;
  }
}