@charset "utf-8";
/*あきデンタルクリニックインプラントサイトTOP PAGE CSS*/
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）
------------------------------------------------------------------------------------------------------------*/
/*メインイメージ（スマホ）
*************************************************/
#mainImg				{padding:0 0 0 0;}
#mainImg .carousel		{margin:0 auto;	width:100%;}
#mainImg .carousel .item{margin:0 0; border: 4px solid #7A7A4D;}

/*スマホ用ナビゲーション（スマホ）
*************************************************/
nav.nav_sp_home{
	padding:0;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.20);
    display: block;
}
.nav_sp_home ul {width: 100%;}
.nav_sp_home ul li{
    float: left;
	width:50%;
	background:#7A7A4D;
	border-bottom: 1px solid rgba(0,0,0,0.30);
	border-right: 1px solid rgba(0,0,0,0.30);
	text-align: center;
	font-size: 0.82em;
	line-height: 180%;
	padding: 2px 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
}
.nav_sp_home a{color:#fff;text-decoration:none;}
.nav_sp_home a:hover{color:#ccc;	text-decoration:none;}

/*グローバルナビ（スマホ）
*************************************************/
.nav_pc_home {display: none;}

/*コンテンツ（スマホ）
*************************************************/

.top-message {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  color:#575445;
  text-align: center;
  line-height: 175%;
  margin: 1rem 0;
  font-size: 0.9rem;
  text-shadow: 2px 2px 1px #FFFFFF;
}

/*6つのポイント*******/
#sixPoint-box{
	width:100%;
	background: rgba(204,204,194,0.40);
	box-shadow:0px 0px 30px 20px #F6FCF7 inset;
	border-radius:100px;
    margin-bottom: 1rem;
}
#sixPoint-box ul li{
	float:left;
	width:48%;
	margin:0 4% 1em 0;
	position:relative;
}
#sixPoint-box ul li:nth-child(2n){margin:0 0 1em 0;}
#sixPoint-box ul li .image img{
	width:100%;
	height:auto;
}
#sixPoint-box ul li .text{
	position: absolute;
	top: 1em;
	right: 1em;
	text-align:right;
	font-size: 0.75em;
	line-height: 150%;
	width: 9em;
}
#sixPoint-box a {color:#544A2B;}
#sixPoint-box a:hover	{color:#918730;}

/*○○○○○○（スマホ）
*************************************************/




/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){


/*メインイメージ（タブレット）
*************************************************/
#mainImg{
	padding:1rem 0 1rem 0;
	margin: 1rem 0 2rem 0;
}
/*スマホ用ナビゲーション
*************************************************/
nav.nav_sp_home{display: none;}

/*グローバルナビ（タブレット）
*************************************************/
.nav_pc_home {display: block;min-width:768px; width: 100%; margin: 0 auto;}

.nav_pc_home ul {margin: 0 auto;}
.nav_pc_home ul:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
.nav_pc_home ul li {float: left; width: 16.4%; height: 48px; font-size: 0.9rem; line-height: 130%; position:relative; text-align: center;border-right: 1px solid rgba(0,0,0,0.30);}

.nav_pc_home ul li a {
    width: 100%;
    height: 48px;
    color: #3B331F;
    text-shadow: 1px 1px 0 #FFFFFF;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-weight: bold;
    text-decoration: none;
    position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.nav_pc_home ul li a::after {
    content: "";
    width: 80px;
    height: 4px;
    background-color:rgba(145,135,48,0.30);/*#918730*/
    position: absolute;
    bottom: -5px;
    left: calc(50% - 40px)
}
.nav_pc_home ul li:first-child {border-left:1px solid rgba(0,0,0,0.30);}

.nav_pc_home ul li a:hover::after {background-color:rgba(0,112,208,0.30);}

.nav_pc_home ul li a.single {
  top:60%;
  height: calc(48px - 20%);
}

/*コンテンツ（タブレット）
*************************************************/
.top-message {font-size: 1.3rem;}


/*○○○○○○（タブレット）
*************************************************/

/********/
}





/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){

/*メインイメージ（PC）
*************************************************/
#mainImg{
	padding:1rem 0 2rem 0;
	margin: 1rem 0 2.5rem 0;
}
#mainImg .carousel .item{
	margin:0 8px;
}

/*グローバルナビ（PC）
*************************************************/
.nav_pc_home {max-width:1100px;}
.nav_pc_home ul li {height: 48px; font-size: 1.08rem; line-height: 125%;} 
.nav_pc_home ul li a::after {
    width: 120px;
    bottom: -5px;
    left: calc(50% - 60px)
}


/*コンテンツ（PC）
*************************************************/
.top-message {font-size: 1.5rem;margin: 2rem 0;}


/*6つのポイント（PC）
*************************************************/
#sixPoint-box{
	margin-bottom: 2.5rem;
}
#sixPoint-box ul li{
	float:left;
	width:32%;
	margin:0 2% 1em 0;
	position:relative;
}
#sixPoint-box ul li:nth-child(2n){margin:0 2% 1em 0;}
#sixPoint-box ul li:nth-child(3n){margin:0 0 1em 0;}
/*#sixPoint-box ul li .image img{
	width:100%;
	height:auto;
}*/
#sixPoint-box ul li .text{
	position: absolute;
	top: 1em;
	right: 1em;
	text-align:right;
	font-size: 1.2em;
	line-height: 150%;
	width: 10em;
}


/*○○○○○○（PC）
*************************************************/

/********/
}