@charset "euc-jp";
/* CSS Document */

#ippan, #aesthetic, #whitening {
	border-bottom: solid 1px #666;
}

.arrow {
	margin-bottom: 0;
	text-align: right;
}
.arrow a {
	text-decoration: none;
	color: #000;
}
.arrow a:hover, .arrow a:active {
	color: #06C;
}
.arrow img {
	width: 2em;
	vertical-align: middle;
	margin-left: .7em;
}
/* ----------------------
	JIHISINRYO
---------------------- */
.fxcontainer1 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.fxcontainer1 .fxbox {
	border: solid 1px #0071C6;
	border-radius: 3em;
	padding: 1em 3%;
	width: 48%;
	margin-bottom: 2em;
}
.fxbox.hidden {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	height: 1px;
}
.fxbox.hidden hr {
	display: none;
}
.fxbox.noline {
	border: none;
	padding: .5em;
}
.fxcontainer1 .fxbox h3 {
	color: #0071C6;
	text-align: center;
	margin: 1.5em 0;
}
.fxcontainer1 .fxbox h4 {
	color: #0099D5;
	text-align: center;
	margin: 1.5em 0;
	line-height: 1.5;
}
.fxcontainer1 .fxbox p {
	margin-bottom: 1em;
}

/* ----------------------
	PAGE LINK
---------------------- */
.tr-navi {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 4em;
}
.tr-navi .fxbox {
	width: 30%;
	position: relative;
	background: #DDE7FF;
}
.tr-navi a {
	display: block;
	padding: 1em 1.5em 20%;
	text-decoration: none;
	color: #000;
}
.tr-navi h3 {
	color: #0092D3;
	text-align: center;
}
.tr-navi p {
	margin: 1em 0;
}
.tr-navi .icon_arrow {
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
	width: 12%;
	height: auto;
	margin: 0 auto;
}
.tr-navi a:hover .icon_arrow, .tr-navi a:active .icon_arrow {
	bottom: .9em;
	transition: 0.2s;
}

/* ----------------------
	section titlebox
---------------------- */
.fxcontainer2 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 2em;
}
.fxcontainer2 .fxbox {
	padding: 1em;
	width: 75%;
}
.fxcontainer2 .fxbox:first-child {
	width: 25%;
	text-align: center;
}
.fxcontainer2 .fxbox:first-child h3 {
	margin: 1em 0;
}


/* ----------------------
	Aesthetic
---------------------- */
#hikaku {
	width: 100%;
	border: solid 1px #666;
}
#hikaku td, #hikaku th {
	border: solid 1px #666;
	padding: .8em;
}
#hikaku .bgcol1 {
	background: #FFFF81;
}
#hikaku .bgcol1-p {
	background: #FFFFE1;
}
#hikaku .bgcol2 {
	background: #FFA9EA;
}
#hikaku .bgcol2-p {
	background: #FEEBFF;
}
#hikaku ul {
	margin-bottom: 0;
}

/* ----------------------
	Whitening
---------------------- */
#wh-style1 {
	background: #DBEEFF;
	margin-bottom: 3em;
	padding: 1em
}
#wh-style1 .container .whbox {
	width: 50%;
	margin-bottom: 1em;
	padding: 1em 1.5em;
}
#wh-style1 .container .whbox:first-child {
	border-right: dotted 2px #0071C7;
}
#wh-style1 h4 {
	margin-top: 0;
	text-align: center;
}
#wh-style1 h4 span {
	display: inline-block;
	padding: .5em 1em;
	background: #FFF;
	color: #0092D3;
}
#wh-style1 .container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#wh-style1 li span {
	color: #000;
}
#whphoto .ltbox {
	float: left;
	width: 49%;
}
#whphoto .rtbox {
	float: right;
	width: 49%;
}

/* ----------------------
	IMPLANT
---------------------- */
#implant .imgright {
	max-width: 35%;
}
#im-style {
	background: #FFFEDF;
	padding: 10px;
	margin-bottom:2em;
}
#im-style .container {
	display: flex;
	flex-flow: row wrap;
}
#im-style .fxbox {
	padding: 0 1em 3em;
	width: 19.8%;
	margin-bottom: 2em;
	position: relative;
	border-right: dotted 1px #0071C7;
}
#im-style .fxbox:last-child {
	border:none;
	padding-bottom: 1em;
}
#im-style .fxbox h4 {
	font-size: 1.6rem;
	color: #0071C7;
}
#im-style .fxbox p {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.5;
}
#im-style .arrow {
	display: block;
	position: absolute;
	bottom: 0;
	right: -10px;
	text-align: right;
	font-weight: bold;
	color: #0071C7;
	margin-top: 1.5em;
}
#im-style .arrow img {
	height: 2em;
	width: auto;
	vertical-align: middle;
	margin-left: .5em;
}

@media screen and (min-width:700px){
#maeba .ltbox {
	width: 60%;
}
#maeba .rtbox {
	width: 37%;
}
}

@media screen and (max-width:979px){
.tr-navi .fxbox {
	width: 32%;
}
#hikaku td, #hikaku th {
	padding: .8em 3px;
}
#im-style .fxbox {
	width: 33%;
}
}

@media screen and (max-width:699px){
.arrow img {
	width: 1.2em;
}
.tr-navi {
	margin-bottom: 1em;
}
.fxcontainer2 .fxbox, 
.fxcontainer2 .fxbox:first-child {
	width: 100%;
}
.fxcontainer2 .fxbox:first-child {
padding: 0;
}
.fxcontainer2 .fxbox:first-child img {
	width: 30%;
}

#wh-style1 {
	background: #DBEEFF;
	padding: 1em 5px;
	margin-bottom: 3em;
}
#wh-style1 .container .whbox {
	width: 100%;
	margin-bottom: 1em;
	padding: 1em;
}
#wh-style1 .container .whbox:first-child {
	border-right: none;
	border-bottom: dotted 2px #0071C7;
}
}

@media screen and (max-width:549px){
.fxcontainer1 .fxbox {
	width: 100%;
}
.fxcontainer1 .fxbox h3 {
	font-size: 1.3em;
}

.tr-navi .fxbox {
	width: 49%;
	margin-bottom: 1em;
}
.tr-navi .icon_arrow {
	width: 16%;
}

.fxcontainer2 .fxbox:first-child img {
	width: 40%;
}

#whphoto .ltbox p, #whphoto .rtbox p {
	font-size: 1.4rem;
}
#im-style .fxbox {
	width: 49.5%;
}
}
@media screen and (max-width:449px){.tr-navi .fxbox {
	width: 100%;
}
.tr-navi a {
	padding: 0 1em 12%;
}
.tr-navi .icon_arrow {
	width: 8%;
}
#im-style .fxbox {
	width: 100%;
	border-right: none;
	border-bottom: dotted 1px #0071C7;
}
#im-style .arrow {
	right: 0;
	bottom: -10px;
}
#im-style .arrow img {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
}