@charset "utf-8";
/* ====================================================================== */
/* スインクハート　トップページ　CSS                                      */
/* ====================================================================== */
#main {
	margin-top:35px;	
}
#pgtop{
	width: auto;
	height: auto;
}


.adArea img{width:950px; margin:0 auto;margin-top:20px !important;}
#site_header h1 {
	margin:0;
text-align: center;
}

/* 左メニュー ----------------------------------------------------------- */
#main #left_nav {
	width:310px;
	float:center;
}

#main #left_nav img {
	margin:0 0 10px 0;
}

/* 右メニュー ----------------------------------------------------------- */
#main #right_nav {
	width:310px;
	float:center;
}

#main #right_nav img {
	margin:0 0 10px 0;
}

/* 中央メニュー --------------------------------------------------------- */
#main #center_nav {
	width:310px;
	float:center;
	margin:0 0 0 10px;
}

/* ロゴ＋文章部分 */
#main #center_nav #toplogo {
	width:270px;
	padding:0px 20px 3px 20px;
	background:#f9fafa;
	border-radius: 5px;						/* 角丸指定 */  
  -webkit-border-radius: 5px;   /* 角丸指定：Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   		/* 角丸指定：Firefox用 */
}

#main #center_nav #toplogo img {
	margin:0 0 0px 0px;
	text-align:center;
	box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
}

#main #center_nav #toplogo p {
	margin:10px 0 10px 0;
}

/* 会社概要＋ご挨拶部分 */
#main #center_nav #topcompany {
	clear:both;
	width:310px;
	float:center;
	margin:15px 0 0 0;
}

#main #center_nav #topcompany .kaisya {
	float:center;
}

#main #center_nav #topcompany .message {
	float:center;
}


a, #left_nav img, #right_nav img, #toplogo a {
	box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
	transition: .3s;
}
a:hover, #left_nav img:hover, #right_nav img:hover, #toplogo a img:hover {
	box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);
}

/* レスポンシブ（スマホ用） */
@media screen and (max-width:780px) { 
    
#main{
	display: flex;
	width: 100%;
	flex-direction: column;
	}
	
#main .adArea img{
	display: flex;
	width: 100%;
	height: auto;
	flex-direction: column;
	}
#pgtop{
	width: auto;
}
	
#main #right_nav, #main #left_nav{
	display: flex;
	width: 100vw;
	height: auto;
	flex-direction: column;
	text-align: center;
	clear: both; 
}

nav {
	display: flex;
	flex-direction: column;
	}	
	
nav #right_nav{
	order: 3;		
}
	
nav #left_nav{
	order: 2;		
}
	
#main #center_nav{
	display: flex;
	width: 100vw;
	height: auto;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	clear: both;
	margin: auto;
	order: 1;
}
	
#main #center_nav #toplogo{
	display: flex;
	width: 80vw;
	flex-direction: column;
}

#main #center_nav #toplogo img {
	margin: auto;
}

#main #center_nav #toplogo .logo-main{
	display: flex;
	width: 700px;
	height: auto;
}
	
#main #center_nav #toplogo .logo_sub {
	display: flex;
	width: 700;
	height: auto;
	flex-direction: row;
	justify-content: center;
}
	
#main #center_nav #toplogo p {
	text-align: center;		
}
	
#main #right_nav img{
	justify-content: center;
	 margin: 0 10 0 10;
	 
}
#main #left_nav img{
	justify-content: center;
	 margin: 0 10 0 10;
	 
}
	
#main #center_nav #topcompany {
	display: flex;
	width:100%;
	height: auto;
	margin: auto;
	justify-content: center;
}
		 

#site_footer .company_name{
	display: flex;
    align-content: space-between;
    align-items: center;
    flex-direction: column;
	width: 100%;
}
#site_footer .privacy{
	text-align: center;
}
header #site_header{
	width: auto;
}
#site_header h1{
	padding: 5px 20px 5px 20px;
}
footer #site_footer, #site_footer .mtlgroup{
	width: auto;
	float: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}
#site_footer .privacy{
	width: auto;
}
#site_footer .mtlgroup ul li{
	display: flex;
	justify-content: space-between;
}
#site_footer .privacy{
	margin-top: 20px;
}
#site_footer address{
	text-align: center;
}
#site_footer .mtlgroup ul{
	width: auto;
}
#site_footer .mtlgroup ul{
	padding: revert;
}
}

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

.zen-antique-regular {
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
}