@charset "utf-8";
/*あきデンタルクリニックインプラントサイト下層ページコンテンツ CSS*/
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）
------------------------------------------------------------------------------------------------------------*/

/*コンテンツ（スマホ）
*************************************************/
/*6つのポイント*******/
#sixPoint-box02{
	width:100%;
	 margin-bottom: 1rem;
}
#sixPoint-box02 ul:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
#sixPoint-box02 ul li{
	width:100%;
	margin:0 0 1em 0;
	position:relative;
}
/*#sixPoint-box02 ul li:nth-child(2n){margin:0 0 1em 0;}*/
#sixPoint-box02 ul li .image img{
	width:100%;
	height:auto;
}
#sixPoint-box02 ul li .text{
	position: absolute;
	top: 5em;
	left: 1.5rem;
	text-align:left;
	font-size: 0.81em;
	line-height: 180%;
	width: 18em;
}
#sixPoint-box02 a {color:#544A2B;}
#sixPoint-box02 a:hover	{color:#918730;}

/*インプラント実績（スマホ）
*************************************************/
table.table-experience		{margin:0 0 0 1rem;	width:98%;}
table.table-experience td	{padding:0 0 5px 0;	font-size:0.7em;	text-align:center;	color: #0057B7;}
table.table-experience td img {max-width: 80px;}

/*よくあるご質問（スマホ）
*************************************************/
.accordion-list dl {
	position: relative;
	margin: 0 0 16px 0;
	cursor: pointer;
}
.accordion-list dl::after {
    position: absolute;
	top: 20px;
	right: 12px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.accordion-list .open::after {
    transform: rotate(-45deg);
}
.accordion-list dl dt {
	margin: 0;
	padding: 12px 30px 12px 12px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	background: #DBD6B6;
	color: #1a1a1a;
	border-radius: 0 20px 0 0;
    font-size: 0.9rem;
}
.accordion-list dl dd{
	margin: 0;
	padding: 12px 12px 12px 12px;
	background: #fff;
    font-size: 0.9rem;
}
.accordion-list dl.qa dt{position: relative;	padding: 12px 24px 12px 34px;}
.accordion-list dl.qa dd{position: relative;	padding: 12px 12px 12px 34px;}

.accordion-list dl.qa dt::before,
.accordion-list dl.qa dd::before{
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    top: 16px;
	left: 10px;
    display: block;
    content: 'Q.';
}
.accordion-list dl.qa dd::before {
    content: 'A.';
    color: #6E5E36;
}


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




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

/*コンテンツ（タブレット）
*************************************************/
/*6つのポイント*******/
#sixPoint-box02 ul{
	width:100%;
}
#sixPoint-box02 ul li{
	float:left;
	width:48%;
	margin:0 4% 1em 0;
}
#sixPoint-box02 ul li:nth-child(2n){margin:0 0 1em 0;}

/*よくあるご質問（タブレット）
*************************************************/
.accordion-list dl::after {
	right: 16px;
}
.accordion-list dl dt {
	padding: 12px 30px 12px 16px;
    font-size: 1.0rem;
}
.accordion-list dl dd{
	padding: 12px 12px 12px 16px;
    font-size: 1.0rem;
}
.accordion-list dl.qa dt{
	padding: 12px 24px 12px 40px;
}

.accordion-list dl.qa dd{
	padding: 12px 12px 12px 40px;
}
.accordion-list dl.qa dt::before,
.accordion-list dl.qa dd::before{
	left: 16px;
}
/*○○○○○○（タブレット）
*************************************************/

/********/
}





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

/*コンテンツ（PC）
*************************************************/

#sixPoint-box02{
	margin-bottom: 2.5rem;
}
#sixPoint-box02 ul li{
	/*float:left;*/
	width:32%;
	margin:0 2% 1em 0;
	position:relative;
}
#sixPoint-box02 ul li:nth-child(2n){margin:0 2% 1em 0;}
#sixPoint-box02 ul li:nth-child(3n){margin:0 0 1em 0;}
/*#sixPoint-box ul li .image img{
	width:100%;
	height:auto;
}*/
#sixPoint-box02 ul li .text{
	top: 4em;
	left: 1.5rem;
	text-align:left;
	font-size: 0.98em;
	line-height: 180%;
	width: 18em;
}

/*インプラント実績（スマホ）
*************************************************/
table.table-experience td	{font-size:0.78em;}
table.table-experience td img {max-width: 90px;}

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

/********/
}