@charset "shift_jis";


/*---------- ƒy[ƒW‘S‘Μ‚ΜŽw’θ ----------*/

body {
font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", ƒƒCƒŠƒI, sans-serif;
-webkit-text-size-adjust:100%;
color:#333333;
background-color:#FFFFFF;
font-size:100%;
margin:0;
padding:0;
}
.clr{clear:both;}

a:link {color:#ff0072;text-decoration:underline;}
a:visited {color:#ff0072;text-decoration:underline;}
a:hover {color:#ff658e;text-decoration:none;}
a img {border-style:none;}

.clr{clear:both;}

p {
font-size:90%;
line-height:160%;
}

#copy{
margin:0;
padding:0;
background-color:#faf4f4;
}
#copy img{
width:100%;
vertical-align:bottom;
}
#copy img[src*="quickly"] {
  display: block;
  width: 94%;
  margin: .5em auto;
}
.exbox_top{
margin:0.5em 0.5em 0.3em 0.5em;
padding:0.5em 0.5em 0.5em 0.5em;
border:solid 1px #6ab3ce;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#FFFFFF;
}
.ribon_s {
position: relative;
color: #fff;
display: inline-block;
overflow: hidden;
padding: 0;
}
.ribon_s p {
display: inline;
font-size:10px;
font-family: 'Roboto Condensed', Arial, Helvetica, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.ribon_s p span {
position: absolute;
display: inline-block;
right: -25px;
text-align: center;
text-transform: uppercase;
top:12px;
background: #e32d75;
width:65px;
padding: 2px 10px 1px 1px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-0-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.ribon_s p:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: -7px;
right: 59px;
z-index: -1;
border: 17px solid;
border-color: transparent transparent #490003 transparent;
}
.ribon_s p:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 64px;
z-index: -1;
right: -1px;
border: 17px solid;
border-color: #490003 transparent transparent transparent;
}


.line{
margin:0;
padding:1em 0.5em;
font-size:150%;
font-weight:bold;
line-height:150%;
color:#f2e729;
text-align:center;
background-color:#21a2cf;
}

.invisalign{
margin:-0.5em 0 0 0;
padding:0;
text-align:center;
}
.invisalign img{
width:20%;
margin:0 2px;
padding:0;
border-radius:50%;
border:solid 2px #e2e2e2;
}

.block_blue {
margin:0;
padding:1em;
background-image:url(../img/bg_02.png);
}

.meritbox{
margin:0;
padding:0.5em 1em 1em 1em;
border:solid 2px #21a2cf;
background-color:#FFFFFF;
}
.meritbox table {
border-collapse:collapse;
margin:0;
width:100%;
}
.meritbox table th{
font-size:150%;
font-weight:normal;
line-height:150%;
padding:0.3em 0.5em 0.7em 0;
color:#e32d75;
vertical-align:top;
}
.meritbox table td{
font-size:90%;
line-height:150%;
border-bottom:dotted 1px #999999;
padding:0.7em 0 0.7em 0;
vertical-align:top;
}

.merit{
margin:0;
padding:0.2em 1em;
border:solid 2px #21a2cf;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#FFFFFF;
}
.merit img{
width:90%;
margin:0;
padding:0;
border-radius:50%;
}
.merit_title{
margin:0;
padding:0.3em 0 0.3em 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#21a2cf;
}
.merit_sub{
margin:-0.5em 0 0 0;
padding:0 0 0.3em 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}

.number{
margin:1em 0 0 0;
padding:0;
text-align:center;
}
.circle {
color: #fff;
background-color:#21a2cf;
padding:0;
margin:0;
width:30px;
height:30px;
line-height:30px;
text-align:center;
display:inline-block;
border-radius:50%;
font-size:100%;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.triangle{ 
display: block; 
width: 0; 
height: 0; 
border-top:15px solid #e32d75; 
border-right:15px solid transparent; 
border-bottom:15px solid transparent; 
border-left:15px solid transparent; 
}

.textbox{
margin:0 1em;
padding:0;
}
.textbox img{
width:100%;
vertical-align:bottom;
}


.whitning {
margin:0;
padding:1em 0.5em 0.5em 0.5em;
background-image:url(../img/bg_04.jpg);
}
.whitning_box{
margin:0;
padding:0.1em 1em;
border:double 3px #f5adb9;
background-color:#FFFFFF;
}
.whitning img{
width:100%;
vertical-align:bottom;
}

.orthopulse{
margin:0 auto;
padding:1em 0.5em 0.5em 0.5em;
background-color:#e0ebed;
color:#3a3a3a;
}
.font240b{font-size:240%;line-height:140%;}

.device{
margin:0;
padding:1.5em 0.5em 1.5em 0.5em;
}
.device img{
width:100%;
vertical-align:bottom;
}
.device_title{
margin:0;
padding:0.8em 0;
font-size:118%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#21a2cf;
border-top:solid 2px #21a2cf;
border-bottom:solid 2px #21a2cf;
}


.name {
margin:0;
padding:0 0 0.5em 0;
font-size:100%;
line-height:150%;
background-image:url(../img/bg_05.png);
background-position:bottom;
background-repeat:repeat-x;
}

.exbox{
margin:0;
padding:1em 1em 0.5em 1em;
border:solid 1px #6ab3ce;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.ribon {
position: relative;
color: #fff;
display: inline-block;
overflow: hidden;
padding: 0;
}
.ribon p {
display: inline;
font-size:14px;
font-family: 'Roboto Condensed', Arial, Helvetica, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.ribon p span {
position: absolute;
display: inline-block;
right: -32px;
text-align: center;
text-transform: uppercase;
top: 22px;
background: #e32d75;
width:120px;
padding: 3px 5px 2px 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-0-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.ribon p:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: -17px;
right: 69px;
z-index: -1;
border: 17px solid;
border-color: transparent transparent #490003 transparent;
}
.ribon p:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 74px;
z-index: -1;
right: -10px;
border: 17px solid;
border-color: #490003 transparent transparent transparent;
}

.voice {
margin:0 0 1em 0;
padding:1em 1em 0.1em 1em;
border:solid 1px #6ab3ce;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.voice_title{
margin:0;
padding:0;
font-size:115%;
font-weight:bold;
line-height:150%;
color:#21a2cf;
}
.voice_name {
margin:0.5em 0 0 0;
padding:0.5em;
font-size:100%;
font-weight:bold;
line-height:100%;
color:#21a2cf;
background-image:url(../img/bg_02.png);
}


.koujo{
margin:1em 0 0 0;
padding:0.1em 1em;
color:#333333;
border:solid 1px #6ab3ce;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}


.subhead {
overflow:hidden;
text-align:center;
margin:1.5em 0 0.5em 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
color:#21a2cf;
}
.subhead span {
display:inline-block;
padding:4px 10px 0 10px;
position:relative;
}
.subhead span:before,
.subhead span:after {
border-top:1px dotted #21a2cf;
content:"";
position:absolute;
top:50%;
width:99em;
}
.subhead span:before {
right:100%;
}
.subhead span:after {
left:100%;
}


.flow{
margin:0;
padding:0.5em;
background-image:url(../img/bg_02.png);
}
.flow_box{
margin:0;
padding:0.1em 1em;
background-color:#FFFFFF;
}
.step{
margin:0 0 0.1em 0;
padding:0.5em 0;
text-align:center;
font-size:120%;
font-weight:bold;
line-height:100%;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#21a2cf;
}
.triangle2{ 
display: block; 
width: 0; 
height: 0; 
border-top:15px solid #21a2cf; 
border-right:15px solid transparent; 
border-bottom:15px solid transparent; 
border-left:15px solid transparent; 
}

table.time{
border-collapse:collapse;
margin:0 0 0.5em 0;
width:100%;
}
table.time th{
font-size:50%;
font-weight:normal;
line-height:150%;
border:solid 1px #b9a289;
padding:3px 1px;
text-align:center;
background-color:#f2efe6;
}
table.time td{
font-size:50%;
line-height:150%;
border:solid 1px #b9a289;
padding:3px 1px;
text-align:center;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:1em;
} 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#faq{
margin:1.5em 0 1em 0;
padding:0.2em 1em 1em 1em;
background-color:#f9f9f9;
}

.qus{
font-size:80%;
font-weight:bold;
line-height:180%;
color:#333333;
margin:0;
padding:0.5em 0 0.5em 37px;
background-image:url(../img/faq_q.jpg);
background-position:left 3px;
background-repeat:no-repeat;
color:#0086c8;
}
.ans{
margin:0 0 0.5em 0;
padding:0 0 0.5em 37px;
font-size:75%;
line-height:180%;
background-image: url(../img/faq_a.jpg) ;
background-position:left top;
background-repeat:no-repeat;
border-bottom:dotted 1px #999999;
}


/*---------- ƒtƒH[ƒ€ ----------*/

.item{
margin:1em 0 0 0;
padding:0.5em 1em;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#FFFFFF;
background-color:#21a2cf;
}
.req {
display:inline-block;
background-color:#921d34;
padding:3px 3.5px 2px 3px;
margin-left:10px;
vertical-align:middle;
font-size:70%;
font-weight:normal;
line-height:100%;
color:#21a2cf;
background-color:#FFFFFF;
}

.input{
margin:0;
padding:0.5em 0 0 0;
font-size:90%;
line-height:150%;
}
input[type="text"] {
font-size:180%;
}


input[type="text"], textarea, select {
border:0;
padding:10px;
font-size:18px;
letter-spacing:1px;
color:#555;
border:solid 1px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

input[type="text"]:focus,
textarea:focus {
box-shadow: 0 0 7px #999999;
border: 1px solid #ff0072;
}
input[type=submit]{
font-family: FontAwesome /*FontAwesome‚πƒtƒHƒ“ƒgŽw’θ*/;
}

input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input[type="submit"] {
    -webkit-appearance:none;
    vertical-align:middle;
    text-align:center;
}

.button {
width:95%;
font-size:120%;
font-weight:bold;
line-height:100%;
text-decoration:none;
display:block;
text-align:center;
padding:1em 0;
color:#fff;
border:solid 1px #6a9700;
background: linear-gradient(#afe51f, #59b802);
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
-webkit-transition: all .2s;
transition: all .2s;
box-shadow:0px 2px 10px #594a42;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}

.button:hover {
color:#fff;
border:solid 1px #6a9700;
background: linear-gradient(#f8fb0c, #59b802);
-webkit-transition: all .2s;
transition: all .2s;
}

.btn {
display: inline-block;
width:80%;
text-align: center;
text-decoration: none;
line-height:240%;
outline: none;
}
.btn::before,
.btn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.btn,
.btn::before,
.btn::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.btn {
background-color: #e7577a;
color: #fff;
font-size:90%;
font-weight:bold;
padding-top:2px;
}
.btn:hover {
background-color:#e5738f;
color:#fff;
text-decoration:none;
}


.open{
margin:0.5em auto 1em 0;
padding:0;
text-align:center;
}
.close{
margin:0.5em auto 1em 0;
padding:0;
text-align:center;
}
.open a:link {color:#ffffff;text-decoration:none;}
.open a:visited {color:#ffffff;text-decoration:none;}
.open a:hover {color:#ffffff;text-decoration:none;}
.close a:link {color:#ffffff;text-decoration:none;}
.close a:visited {color:#ffffff;text-decoration:none;}
.close a:hover {color:#ffffff;text-decoration:none;}



/*---------- •ΆŽš‘•ό ----------*/

.bold{font-weight:bold;}
.normal{font-weight:normal;}
.ul{text-decoration:underline;}
.red {color:#e32d75;}
.blue {color:#21a2cf;}
.org{color:#f39800;}
.ym{background-color:#ffffa5;}
.caption{font-size:60%;color:#666666;font-weight:normal;line-height:160%;}
.caption10{font-size:10px;color:#999999;font-weight:normal;line-height:160%;letter-spacing:0;}

.captionbox{
margin:0;
padding:0;
font-size:60%;color:#666666;line-height:160%;
}

.font50{font-size:50%;line-height:160%;}
.font60{font-size:60%;line-height:160%;}
.font75{font-size:75%;line-height:160%;}
.font80{font-size:80%;line-height:160%;}
.font85{font-size:85%;line-height:160%;}
.font90{font-size:90%;line-height:160%;}
.font95{font-size:95%;line-height:160%;}
.font100{font-size:100%;line-height:160%;}
.font110{font-size:110%;line-height:160%;}
.font120{font-size:120%;line-height:160%;}
.font125{font-size:125%;line-height:160%;}
.font130{font-size:130%;line-height:160%;}
.font135{font-size:135%;line-height:160%;}
.font140{font-size:140%;line-height:160%;}
.font145{font-size:145%;line-height:160%;}
.font150{font-size:150%;line-height:160%;}
.font155{font-size:155%;line-height:160%;}
.font160{font-size:160%;line-height:160%;}
.font165{font-size:165%;line-height:160%;}
.font170{font-size:170%;line-height:160%;}
.font175{font-size:175%;line-height:160%;}
.font180{font-size:180%;line-height:160%;}
.font200{font-size:200%;line-height:160%;}
.font210{font-size:210%;line-height:160%;}
.font240{font-size:240%;line-height:160%;}

.mt5 {margin-top:0.5em;}
.mt10 {margin-top:1em;}
.mt15 {margin-top:1.5em;}
.mt20 {margin-top:2em;}
.mt25 {margin-top:2.5em;}
.mt30 {margin-top:3em;}

.mb5 {margin-bottom:0.5em;}
.mb10 {margin-bottom:1em;}
.mb15 {margin-bottom:1.5em;}
.mb20 {margin-bottom:2em;}
.mb25 {margin-bottom:2.5em;}
.mb30 {margin-bottom:3em;}


/*---------- •ΆŽšˆΚ’u ----------*/

.img100{width:100%;vertical-align:bottom;}
.center{text-align:center;}
.right{text-align:right;}
.shadow{box-shadow:0px 0px 5px #878686;}


/*---------- ƒtƒbƒ^[ ----------*/

#footer{
margin:0;
padding:1.5em 0.5em 8em 0.5em;
font-size:60%;
line-height:180%;
text-align:center;
color:#ffffff;
background-color:#21a2cf;
}

#footer_ad{
margin:0;
padding:1em 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
line-height:180%;
}

#footer a:link {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration: underline;}
#footer a:hover {color:#fff;text-decoration:none;}


#footerFloatingMenu {
display:block;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index: 9999;
text-align:center;
padding:0.5em 0;
margin:0;
background-color:rgba(255,255,255,0.6);
}
 
#footerFloatingMenu img {
width:100%;
vertical-align:bottom;
}

.info{
margin:0;
padding:0 0.5em;
}