@charset "UTF-8";

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  background-color: #ddd;
  margin: 0 auto;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  text-decoration: none;
  color: #323232;
}


h1, h2, h3, h4, h5, h6, p {
  color: #323232;
}

h1 {
  font-size: 2.8rem;
}

h2 {
  font-size: 1.6rem;
	text-align: center;
	margin-top:20px;
}

h3 {
  font-size: 2.2rem;
}

.div_container{
	width:780px;
	margin:0 auto 0 auto;
	background-color:#fff;
}
@media(max-width:599px){
	.div_container{
	width:100%;
}
}

.div_main{
	margin-bottom:30px
}

.img_main{
	width:100%;
}

.p_honbun{
	width: 90%;
	text-align: center;
	line-height: 28px;
	margin:10px auto;
}
@media(max-width:599px){
	.p_honbun{
		width:90%;
		margin:0 auto;
}
}


/* ----------- お知らせここから -----------*/

.p_contact_btn{
    padding: 15px;
    background: #ededed;
    width: 240px;
    margin: 0 auto;
    text-align: center;
    border-radius: 40px;
}

.div_info{
	width:90%;
	margin:10px auto;
}
@media(max-width:599px){
	.div_info{
		
	}
}

.table_info
{
	width:100%;
	/*border: solid 1px #ccc; */
	border-collapse: collapse;
	margin: 10px 0 20px 0;
}

@media(max-width:599px){
	.table_info{
		margin:5px auto 15px auto;
}
}

.td_info_left{
	width:130px;
	padding:10px 0px 10px 0px;
	text-align: center;
	border-bottom: dotted 1px #ccc;
	vertical-align: top;
}

@media(max-width:599px){
	.td_info_left{
		width:35%;

}
}

.td_info_right{
    padding: 10px;
    vertical-align: top;	
	border-bottom: dotted 1px #ccc;
}

@media(max-width:599px){
.td_info_right{
	text-align: left;
}
}

.img_top_info{
    width: 120px;
	border: solid 1px #efefef;
}

@media(max-width:599px){
.img_top_info{
	width:100%;
	}
}


.p_top_info_naiyo{
    font-size: 1.0em;
	margin: 3px 0 0 5px; 
}
@media(max-width:599px){
.p_top_info_naiyo{

}
}



/* ----------- お知らせここまで -----------*/


/* ----------- 会社概要 -----------*/
.h2_company{
	margin:10px auto 0px auto;
}

.table_company{
	width:90%;
	margin:0px auto;
	border-collapse: collapse;
}


.table_company th{
	width:20%;
	font-size: 1.0rem;
	padding:30px 10px 10px 10px;
	line-height: 24px;
	border-bottom:solid 1px #ccc;
	text-align: left;
	color:#444;
	vertical-align:top;
}

@media(max-width:599px){
	.table_company th{
	width:30%;
	}
}


.table_company td{
	font-size: 1.0rem;
	padding:30px 10px 10px 10px;
	line-height: 24px;
	border-bottom:solid 1px #ccc;
	color:#444;
}


.div_company_pic{
	text-align: center;
}

.img_office{
	width:220px;
	margin:10px;
}

@media(max-width:599px){
	.img_office{
		width:90%;
}	
}

/* ----------- 会社概要ここまで -----------*/



.div_access {
  background: #fff;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
	width:90%;
	margin:0 auto;
}

.access_title {
  text-align: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 1.6rem;
}

.access_map {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
	border: solid 1px #ccc;
}

.access_map iframe, .access_map object, .access_map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.contact_title {
  text-align: center;
  margin-bottom: 1.6rem;
}

.mailform{
  padding: 2.4rem 0 0;
	clear: both;
	
}

.table_mailform{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.6rem;
	border: 0.5px solid #CCCCCC;
	border-collapse: collapse;
}

.table_mailform tr th{
	padding: 1.6rem;
	text-align: left;
	border: 0.5px solid #CCCCCC;
	font-weight: normal;
	background-color: #F5F5F5;
	width: 25%;
}
.table_mailform tr td{
	padding: 1.6rem;
	padding-left: 1.6rem;
	border: 0.5px solid #CCCCCC;
}

.span_txt_red{
	color:red;
}


.p_contact{
	text-align: center;
	
}
form{
	text-align: center;
}

/*---  プライバシーポリシーここから    ---*/

.privacy_kiyaku{
	width:90%;
	margin:5px auto;
	line-height: 26px;
}

.privacy_kiyaku1{
	width:90%;
	margin:10px auto;
	padding:10px;
	border:solid 1px #ccc;
	background:#efefef;
}

.privacy_kiyaku2{
	width:90%;
	margin:10px auto;
}


/*---  プライバシーポリシーここまで    ---*/


.div_footer {
  margin-top: 30px;
  width: 100%;
  background-color: #fff;
	text-align: center;
}

.div_footer p{
	font-size:0.8em;
	color:#999;
	margin: 0px;
	padding:10px;
}

.p_red{color:red;}

.br_sp{display: none;}
@media(max-width:599px){
	.br_sp{display: block;
	}
}


a:link, a:visited {
	text-decoration: underline;
	color: #333;
}

a:hover, a:active {
	text-decoration: none;
	color: #F90;
}

a:link img, a:visited img {
	filter:Alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

a:hover img, a:active img {
	filter:Alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}


.div_kara{
	clear:both;
}