@charset "utf-8";

/* 基本レイアウト ここから↓ */
@import url(common.css);
body {
	background-image: url(../images/bgmt.png);
	background-repeat: repeat-x;
	background-size:contain;
	background-position: center top;
	color: #666666;
	
}
header, nav, #path, #contents,footer{
	width: 860px;
	margin: 0 auto 0 auto;
}
.wrap{
  text-align:center;
}

a{
	color:#ffffff;
}
#footerwidth{
	color: #ffffff;
	padding: 10px;
	clear: both;
	background-color:#878787;
	font-style: normal;
	width:calc(100% - 20px);
}
/*背景画像指定（ベージュ）*/
#contents2{
	background-image: url(../images/bg1.png);
	background-repeat: repeat-x,repeat-y;
	background-position: center top;
	color: #666666;
　
}
/*テーブル設定*/
footer table {
	color:#ffffff;
	width:460px;
	height:auto;
	text-align:center;
}
footer table thead tr th {
	background-color: #878787;
	padding:5px 10px; 

}
footer table td {
	background:#878787;
}
footer table tbody tr:nth-child(even) td {
	background-color: #878787;
}
footer table th, footer table td {
	padding:10px;
	border: 1px solid #808080;
 	border:none;
border-bottom:solid 1px silver;
}
footer .footer_table {
	width:60%;
	float:right;
}


header h1 {
	margin: 0 0 26px 0;
	padding-top: 65px;
	text-align: left;
	overflow:hidden;
}
/*ナビゲーション指定*/
nav ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding-left: 0;
	overflow: hidden;
}
nav ul li {
	width:170px;
	float: left;
}
nav ul li a {
	display: block;
	height: 0;
	padding-top: 139px;
	overflow: hidden;
}
nav ul li#nav_top a {
	background-image: url(../images/menu-top.png);
}
nav ul li#nav_about a {
	background-image: url(../images/menu-about.png);
}
nav ul li#nav_service a {
	background-image: url(../images/menu-service.png);
}
nav ul li#nav_staff a {
	background-image: url(../images/menu-staff.png);
}
nav ul li#nav_contact a {
	background-image: url(../images/menu-contact.png);
}
/*メイン領域サイズ*/
#main {
	
	padding: 20px;
	background-color: #ffffff;
	margin: 0 auto 0 auto;
	float: left;
	width:calc(100% - 40px);
}
#main2 {
	width: 860px;
	padding: 20px;
	margin: 0 auto 0 auto;
}
#sub2{
	width: 950px;
	padding: 20px;
	
	float: left;
}


#title {
	width: 360px;
	height:45px;
	
}
.mainfooter {
	width: 860px;
	margin:0 auto;
	 text-align:center;
}
.map_right {
	display:inline-block;
	width:50%;
	
}

/*h1アンダーライン*/
#main h1,#main2 h1 {
	font-size:120%;
	padding: .25em 0 .5em .75em;
  	border-left: 6px solid #66ccff;
  	border-bottom: 1px solid #66ccff;
	width: 50%;

}


/*ナビhover*/
#about #nav_about a, #service #nav_service a, #staff #nav_staff a, #contact #nav_contact a, nav ul li a:hover {
	background-position: 0 -139px;
}

.catch{
	display: inline-block;
}
.inline1 {
    display: inline-block;      
    background-color:  #fff;    
    padding:  10px;  
	vertical-align:  top;
	width:500px;         
}
.inline2 {
    display: inline-block;      
    background-color:  #fff;    
    padding-bottom:30%;
	margin:0 10px;  
	vertical-align:  top;
	position: relative;
	width:300px;
	height: 0;
	overflow: hidden;
}
.inline2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.center{
  text-align: center;
}

.frame {
display: inline-block;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

/*右から左へフェードイン*/
@keyframes RightToLeft {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadein{
  animation-duration: 2s;
  animation-name: RightToLeft;
  /*animation-iteration-count: infinite;*/
}

/*ふわっとフェードイン*/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.fadein2{
animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

/*画像シャドウ*/
.shadow{
filter: drop-shadow(2px 2px 8px gray);
}

/* 基本レイアウト ここまで↑ */

/* トップページ ここから↓ */
#news ul {
	list-style-type: none;
	padding-left: 0;
}
#news ul li {
	padding: 20px 0 20px 162px;
	border-bottom: 1px dotted #fb484e;
	text-indent: -163px;
}
.h2_group {
	margin: 20px 10px 5px 10px;
	overflow: hidden;
}
.h2_group:last-child {
	margin-bottom: 10px;
}


#pagetop {
    position: fixed;
    bottom: 50px;
    right: 50px;
	
}
#pagetop2 {
    position: fixed;
    bottom: 150px;
    right: 150px;
	
}

.catch{
	
}

/* トップページ ここまで↑ */


.about_area {
	margin-bottom: 10px;
	overflow: hidden;
}
.about_area:last-child {
	margin-bottom: 0;
}


table.float{
float:left;
}

table thead tr th {
	background-color: #79D6F2;/*#eef8fa*/
}
table tbody tr:nth-child(even) td {
	background-color: #ffffff;
}


/* 「お問い合わせ」ページ ここから↓ */
input[type="text"] {
	width: 200px;
}
input[type="email"] {
	width: 300px;
}
/* 「お問い合わせ」ページ ここまで↑ */
/*telのリンク無効*/
.tel {
    cursor: default;
    pointer-events: none;
	font-size:150%;
	color:#d2b48c;
text-align: center;
}



.pc_nav {
	display:block;
}
.zdo_drawer_menu {
	display:none;
}

#topinfo {
	float:right;
	margin:0;
}
@media screen and (max-width: 768px) {
    .topinfo {
        pointer-events: auto;
    }

}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}