@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
Theme Name:Mediacross 2015
Theme URI:
Description:The 2015 default theme for Mediacross.
Author:Mediacross
Author URI:http://medi-cro.jp/
Version:2015.1
*/

@font-face {
    font-family:CONDENSEicon;
    src:url("font/CONDENSEicon.eot");
}

@font-face {
    font-family:'CONDENSEicon';
    src:url('font/CONDENSEicon.woff') format('woff'),
        url('font/CONDENSEicon.otf') format('opentype');
}

/*---------- ?y?[?W?S???w?? ----------*/

body {
font-family: 'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
margin:0;
padding:0;
font-size:14px;
background-color:#FFFFFF;
}

a:link {color:#3b5998;text-decoration:underline;}
a:visited {color:#3b5998;text-decoration: underline;}
a:hover {color:#206CFF;text-decoration:none;}
a img {border-style:none;}

.clr{clear:both;}

p {
font-size:16px;
line-height:180%;
letter-spacing:1px;
}

#copy{
margin:0;
padding:0 0 30px 0;
background-image:url(img/copy_bg.png);
background-position:top center;
background-repeat:no-repeat;
background-color:#fffce7;
}
#top_case {
width:920px;
margin:20px auto 0 auto;
padding:20px 30px 25px 30px;
background-color:#FFFFFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:0px 0px 10px #ccc;
}
#authority {
margin:0 0 45px 0;
padding:0;
text-align:center;
background-color:#1f2e66;
}
#authority img {
	margin-top: -10px;
}

#intro{
margin:45px 0 0 0;
padding:0;
text-align:center;
background-image:url(img/intro_bg.png);
background-position:top center;
}
.device_top {
margin:0;
padding:0;
text-align:center;
}
.device_top a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}

#back_01{
margin:0;
padding:0;
background-image:url(img/bg_01.png);
}

.line_01{
margin:0;
padding:45px 0;
text-align:center;
background-color:#1f2e66;
}
.invisalign{
margin:0;
padding:25px 0 0 0;
text-align:center;
}
.invisalign img{
width:210px;
margin:0 12px;
padding:0;
border-radius:50%;
border:solid 5px #e2e2e2;
}

.ex{
margin:0;
padding:60px 0 60px 0;
background-image:url(img/photo_01.png);
background-position:bottom center;
background-repeat:no-repeat;
}
.ex_box{
width:980px;
margin:0 auto;
padding:0;
font-size:15px;
line-height:180%;
letter-spacing:1px;
color:#555555;
}
.ep {
margin-bottom:4px;
padding:10px;
background-image:url(img/bg_03.png);
}

.block_02 {
margin:0;
padding:45px 0;
background-image:url(img/bg_02.png);
}
.merit{
width:980px;
margin:0 auto;
padding:0;
}
.merit p{font-size:14px;}
.merit_box {
display:flex;
margin:0;
padding:0 0 15px 0
}
.merit_box.last {
	display: block;
	text-align: center;
}

.merit_photo{
width:210px;
margin:0;
border-radius:50%;
}
.merit_box section {
margin:0 5px;
padding:1px 20px;
border:solid 2px #27428b;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
flex:1;
background-color:#FFFFFF;
}

.ortho{
width:905px;
margin:0 auto;
padding:1px 30px 10px 30px;
color:#333333;
border:solid 1px #6ab3ce;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#FFFFFF;
}

#orthopulse_box{
margin:0;
padding:45px 0;
background-color:#e0ebed;
}
.orthopulse{
width:980px;
margin:0 auto;
padding:0;
color:#3a3a3a;
}

.block_03 {
margin:0;
padding:35px 0 45px 0;
background-image:url(img/bg_04.jpg);
}

.whitning{
width:980px;
margin:0 auto;
padding:6px;
background-color:#FFFFFF;
}
.whitning_box{
margin:0;
padding:40px 30px 20px 30px;
border:solid 2px #ffc4c1;
}

.device {
margin:0;
padding:60px 0 75px 0;
background-image:url(img/device.png);
background-position:center bottom;
background-repeat:no-repeat;
}
.device_box {
width:900px;
margin:0 auto;
padding:0;
}
.device_box a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}

#ex{
margin:0;
padding:0 0 1px 0;
background-image:url(img/grid.gif);
}

.case_box{
width:980px;
margin:0 auto 60px auto;
padding:70px 0 0 0;
background-image:url(img/arrow.png);
background-position:top center;
background-repeat:no-repeat;
}
.case {
margin:0 0 20px 0;
padding:0;
}
.case_text {
width:410px;
float:left;
margin:0;
padding:0 10px 0 0;
}
.case_photo {
width:560px;
float:right;
margin:0;
padding:8px 0 10px 0;
}
.next {
font-size:48px;
color:#21a2cf;
}
.name {
margin:0;
padding:0 0 1px 0;
font-size:24px;
line-height:180%;
letter-spacing:1px;
background-image:url(img/bg_05.png);
background-position:bottom;
background-repeat:repeat-x;
}

dl {
margin:0;
padding:15px 0 0 0;
font-size:16px;
line-height:180%;
letter-spacing:1px;
}
dt{  
width:120px;
float:left;
clear:both;
padding:0;
color:#27428b;
}
dd{    
margin-left:130px;
}

dl.about {
margin:0;
padding:5px 0 0 0;
font-size:16px;
line-height:180%;
letter-spacing:1px;
}
dl.about dt{  
width:110px;
float:left;
clear:both;
padding:0;
color:#27428b;
}
dl.about dd{
margin-left:110px;
}

.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, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "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 {
width:920px;
margin:0 auto 30px auto;
padding:30px 30px 20px 30px;
background-color:#FFFFFF;
box-shadow:0px 0px 5px #878686;
}
.voice_title{
margin:0;
padding:0 0 5px 0;
font-size:28px;
font-weight:bold;
line-height:180%;
letter-spacing:1px;
color:#27428b;
font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
}
.voice_name {
margin:0 0 15px 0;
padding:12px 15px 10px 0;
font-size:24px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
color:#27428b;
text-align:right;
background-image:url(img/bg_02.png);
font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
}
.voice_text {
width:500px;
float:left;
margin:0;
padding:0;
}
.voice_letter {
width:400px;
float:right;
margin:0;
padding:20px 0 0 0;
}
.voice_letter img {
box-shadow:0px 0px 5px #878686;
}


.block_04 {
width:980px;
margin:0 auto;
padding:70px 0 60px 0;
background-image:url(img/arrow.png);
background-position:top center;
background-repeat:no-repeat;
}

.koujo{
margin:30px 0 30px 0;
padding:10px 290px 10px 30px;
color:#333333;
border:solid 1px #6ab3ce;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-image:url(img/photo_02.jpg);
background-position:top right;
background-repeat:no-repeat;
}

.flow{
margin:0;
padding:15px;
background-color: #c7d2ef;
}
.flow_box{
margin:0;
padding:30px;
background-color:#FFFFFF;
}
.step{
margin:0 0 30px 0;
padding:0 0 10px 0;
}
.step_photo{
float:left;
margin:0;
padding:0 30px 10px 0;
}
.message_box{
margin:0;
padding:30px 45px 40px 45px;
background-color:#FFFFFF;
}
.message_box a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}

table.time{
border-collapse:collapse;
margin:0 0 10px 0;
}
table.time th{
font-size:14px;
font-weight:normal;
line-height:150%;
letter-spacing:1px;
border:solid 1px #b9a289;
padding:12px 6px;
text-align:center;
background-color:#fffeda;
white-space: nowrap;
}
table.time td{
font-size:16px;
line-height:150%;
letter-spacing:1px;
border:solid 1px #b9a289;
padding:10px;
text-align:center;
}

#faq{
margin:0;
padding:30px 0 15px 0;
background-color:#f9f9f9;
}
.faq_box{
width:980px;
margin:0 auto;
padding:0;
}

.qus{
font-size:18px;
letter-spacing:1px;
line-height:180%;
margin:0;
padding:9px 0 10px 50px;
background-image:url(img/faq_q.jpg);
background-position:10px 9px;
background-repeat:no-repeat;
color:#27428b;
}
.ans{
margin:0 0 30px 0;
padding:0 0 0 47px;
font-size:16px;
line-height:180%;
letter-spacing:1px;
background-image: url(img/faq_a.jpg) ;
background-position:10px top;
background-repeat:no-repeat;
color:#333333;
}


#wrapper {
width:900px;
margin:0 auto;
padding:15px 0 45px 0;
}

.mailform{
margin:0;
padding:30px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:solid 1px #ddd;
}

table.spec{
width:100%;
border-collapse:collapse;
margin:0 0 30px 0;
}
table.spec th{
font-size:14px;
line-height:150%;
letter-spacing:1px;
border-bottom:solid 1px #CCCCCC;
padding:15px;
font-weight:normal;
background-color:#F0EDE4;
text-align:left;
}

table.spec th + th {
	white-space: nowrap;
}

table.spec td{
font-size:14px;
line-height:180%;
letter-spacing:1px;
border-bottom:solid 1px #CCCCCC;
padding:15px;
}

.form_title{
margin:10px 0 30px 0;
padding:15px 0 16px 0;
font-size:24px;
font-weight:bold;
letter-spacing:1px;
line-height:100%;
text-align:center;
color:#FFFFFF;
background-color:#1f2e66;
font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
}

.send{
margin:0 0 60px 0;
padding:0;
text-align:center;
}
.send a:link {color:#fff;text-decoration:none;transition:all .2s;-webkit-transition: all .2s;}
.send a:visited {color:#fff;text-decoration:none;transition:all .2s;-webkit-transition: all .2s;}
.send a:hover {color:#fff;text-decoration:none;transition:all .2s;-webkit-transition: all .2s;}

.button {
width:400px;
font-size:25px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-decoration:none;
display:block;
text-align:center;
padding:20px 0;
color:#fff;
border:solid 1px #6a9700;
background: linear-gradient(#afe51f, #59b802);
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
-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;
}

.button.back {
margin-top: 20px;
width:300px;
color: #111;
font-size:20px;
padding:16px 0;
background: none #fafafa;
}
.button.back:hover {
background: none #fafafa;
opacity: 0.7;
}




.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#e32d75;}
.blue {color:#27428b;}
.ym{background: linear-gradient(transparent 40%, #ffff66 40%);}
.caption{font-size:12px;color:#666666;font-weight:normal;line-height:180%;}
.caption10{font-size:10px;color:#666666;font-weight:normal;line-height:180%;}

.gf{font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;}

.font18{font-size:18px;line-height:180%;}
.font19{font-size:19px;line-height:180%;}
.font20{font-size:20px;line-height:180%;}
.font21{font-size:21px;line-height:180%;}
.font24{font-size:24px;line-height:200%;}

.center{text-align:center;}
.right{text-align:right;}



.img_right01{
float:right;
margin:0 0 0 15px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.img_right02{
float:right;
margin:0 0 0 15px;
}

.imgbox{
float:right;
margin:0;
padding:20px 0 0 30px;
font-size:12px;
line-height:150%;
letter-spacing:1px;
color:#666666;
text-align:right;
}
.imgbox img{
margin-bottom:5px;
}

.imgbox2{
float:right;
margin:0;
padding:6px 0 0 15px;
}



#footer{
margin:0;
font-size:12px;
letter-spacing:1px;
line-height:240%;
text-align:center;
padding:20px 0;
color:#fff;
background-color:#1f2e66;
}

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

/*Fixed banner */

.fixed-banner {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 100%;
  z-index: 1000;
  text-align: end;
}

.fixed-banner img {
  width: 100%;
  max-width: 223px;
  height: auto;
}

.fixed-banner:hover {
  opacity: 0.8;
}