body,td.div,span,p,h1,h2,h3,h4,h5,h6,select,ul,li,form,input {font-family: 'Noto Sans Japanese', sans-serif;color: #444;line-height: 1.5em;font-weight: 200;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}


html, body {position: relative;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;position: relative;}

img {border: 0px;vertical-align:text-bottom;margin: 0px;padding: 0px;}

a {outline:none;}



/* --------------------------------------ここまでリセット設定-------------------------------------------------- */

body {background: #eee;}
div#sb-site {max-width: 1250px;width: 100%;margin: auto;position: relative;box-shadow:0px 0px 30px 0px #ccc;}

header {position: fixed;height: 55px;width: 100%;top: 0px;left: 0px;right: 0;z-index: 100;background: ;max-width: 1250px;margin: auto;}
header h1 {position: relative;top: 5px;left: 10px;}
header h1 a {display: block;background: url(image/header-logo.png) no-repeat 50% 50%;width: 60px;height: 45px;text-indent: -9999px;background-size: 60px;}

header p#headback {content: attr(head-back);background: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 55px;z-index: -1;display: none;opacity:0.8;}


nav#main-nav {position: absolute;top: 5px;left: 80px;width: 100%;}
nav#main-nav h2 {display: none;}
nav#main-nav br {clear: both;}
nav#main-nav ul {}
nav#main-nav ul li {}
nav#main-nav ul li a {display: block;float: left;height: 45px;line-height: 45px;margin-right: 5px;width: 45px;text-indent: -9999px;border-radius: 100%;}
nav#main-nav ul li a:hover {background-color: #666;}
nav#main-nav ul li#active a {background-color: #aaa;}


nav#main-nav ul li a#menu-masterdt {background: url(image/course-icon-masterdt.png) no-repeat 50% 50%;background-size:102% ;display: none;}
nav#main-nav ul li a#menu-asano {background: url(image/course-icon-asano.png) no-repeat 50% 50%;background-size:102% ;}
nav#main-nav ul li a#menu-implant {background: url(image/course-icon-implant.png) no-repeat 50% 50%;background-size:102% ;}
nav#main-nav ul li a#menu-implantex {background: url(image/course-icon-implantex.png) no-repeat 50% 50%;background-size:102% ;}
nav#main-nav ul li a#menu-epithese {background: url(image/course-icon-epithese.png) no-repeat 50% 50%;background-size:102% ;}
nav#main-nav ul li a#facebook {background: url(image/sns-facebook.png) no-repeat 50% 50% #3b5998;background-size: 60%;}



nav#sub-nav {position: absolute;top: 5px;right: 5px;width: 50%;}
nav#sub-nav br {clear: both;}
nav#sub-nav ul {width: 100%;}
nav#sub-nav ul li {}
nav#sub-nav ul li a {display: block;height: 45px;line-height: 45px;float: right;text-align: center;text-decoration: none;color: #fff;font-size: 80%;}
nav#sub-nav ul li a#menu-mailform {background: url(image/nav-goform.jpg) no-repeat 50% 50% #aaaaaa;background-size: cover;width: 120px;text-indent: -9999px;text-align: left;}
nav#sub-nav ul li a#menu-aboutus {background: #e23b07;padding: 0 10px;}
nav#sub-nav ul li a#menu-howtoapply {background: #007896;padding: 0 10px;}



a#multi-lingual {display: block;position: absolute;top: 1.6em;right: 300px;height: 1.3em;line-height: 1.3em;width: 3em;text-align: center;z-index: 100;background: #aaa;border-radius: 1em;text-decoration: none;color: #fff;font-size: 80%;}


div#gotop {position: fixed;bottom: 5px;right: 5px;display: none;z-index: 50;width: 50px;}
div#gotop a {display: block;width: 100%;height: 50px;background: #000;color: #fff;text-align: center;text-decoration: none;line-height: 50px;opacity:0.8;font-weight: 800;}


div#header {display: none;}



footer {background: #424141;padding: 5%;}
footer h2 {display: none;}



div#shop-info {text-align: center;}
div#shop-info h3 {background: url(image/footer-logo.png) no-repeat 50% 50%;height: 60px;background-size: contain;text-indent: -9999px;margin-bottom: 2%;}
div#shop-info br {clear: both;}
div#shop-info p {display: inline-block;margin-right: 30px;}
div#shop-info p a {text-decoration: none;color: #eee;padding-left: 40px;display: block;line-height: 25px;font-weight: 300;margin: 0.5em 0;}
div#shop-info p#shop-info-tel a {background: url(image/icon-phone.png) no-repeat 0% 50%;background-size: contain;}
div#shop-info p#shop-info-fax a {background: url(image/icon-fax.png) no-repeat 0% 50%;background-size: contain;}
div#shop-info p#shop-info-map a {background: url(image/icon-map.png) no-repeat 0% 50%;background-size: contain;}
div#shop-info p#shop-info-mail a {background: url(image/icon-mail.png) no-repeat 0% 50%;background-size: contain;}



div#copyright {}
div#copyright h3 {display: none;}
div#copyright p {font-size: 60%;color: #aaa;text-align: center;}







/* ---------------------------------------------------- */
/* トップページ
/* ---------------------------------------------------- */

section#index {margin-top: ;}
section#index h2 {display: none;}


div#index-change {position: absolute;width: 300px;top: 460px;right: 0;display: none;}
div#index-change h4 {display: none;}
div#index-change a {display: block;width: 100%;height: 70px;background: url(image/index-chenge.jpg) no-repeat 50% 50% ;background-size: contain;text-indent: -9999px;}


div#index-kataoka {width: 350px;height: 80px;background: url(image/index-shimai.jpg) no-repeat 50% 50% #efdf51;position: absolute;top: 470px;right: 20px;background-size: cover;border-radius: 0.5em;}
div#index-kataoka a {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-indent: -9999px;}



div#index-info {background: url(image/index-head.jpg) no-repeat 50% 0 #424141;background-size: 2000px;}
div#index-info h3 {background: url(image/index-info-catch.png) no-repeat 50% 50%;background-size: contain;text-indent: -9999px;height: 67px;margin: 1% auto;width: 60%;}
div#index-info img {margin: auto;display: block;width: 207px;margin:auto;padding: 130px 0 120px 0;}


div#index-info ul {position: relative;display: flex;justify-content: center;flex-wrap:wrap;margin: 0 auto;max-width: 900px;}
div#index-info ul li {width: 12%;margin: 2% 3%;}
div#index-info ul li a {background-position: 50% 0;background-repeat: no-repeat;display: block;width: 100%;padding-top: 85%;text-align: center;text-decoration: none;line-height: 1.0em;font-weight: 600;margin: 2% 3%;font-size: 80%;}
div#index-info ul li#index-info-masterdt a {background-image: url(image/course-icon-masterdt.png);background-size: 80%;color: #e23b07;}
div#index-info ul li#index-info-asano a {background-image: url(image/course-icon-asano.png);background-size: 80%;color: #dd0066;}
div#index-info ul li#index-info-implant a {background-image: url(image/course-icon-implant.png);background-size: 80%;color: #007898;}
div#index-info ul li#index-info-implantex a {background-image: url(image/course-icon-implantex.png);background-size: 80%;color: #239786;}
div#index-info ul li#index-info-epithese a {background-image: url(image/course-icon-epithese.png);background-size: 80%;color: #ef9b2c;}

div#index-info ul li#index-info-masterdt {display: none;}

div#index-info-3 {clear: both;background-size: 20%;width: 90%;max-width: 600px;margin: auto;padding-bottom: 50px;padding-top: 2em;}
div#index-info-3 h4 {background: url(image/index-info-3.png) no-repeat 50% 50%;background-size: contain;text-indent: -9999px;height: 100px;margin-bottom: 30px;}
div#index-info-3 p b {font-weight: 500;font-size: 120%;display: block;text-align: center;color: #fff;margin-bottom: 1em;}
div#index-info-3 p {margin: auto;color: #fff;font-size: 75%;line-height: 1.3em;}


div.index-wrap {position: relative;height: 0;padding-top: 50%;}
div.index-wrap h3 {width: calc(45% - 2.8em);position: absolute;bottom: 50%;right: 0;font-size: 250%;padding-left: 2.8em;line-height: 1.0em;padding-top: 0.5em;padding-bottom: 0.5em;font-weight: 600;}
div.index-wrap h3 span {font-size: 70%;display: block;line-height: 1.0em;font-weight: 600;}
div.index-wrap a {display: block;position: absolute;top: 0;left: 0;width: 100%;text-decoration: none;text-indent:-9999px;height: 100%;}
div.index-wrap p {width: 44%;position: absolute;top: 51%;right: 0;font-size: 130%;}


div#index-masterdt {background: url(image/index-masterdt-back.jpg) no-repeat 50% 50%;background-size: cover;display: none;}
div#index-asano {background: url(image/index-asano-back.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-implant {background: url(image/index-implant-back.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-implantex {background: url(image/index-implantex-back.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-epithese {background: url(image/index-epithese-back.jpg) no-repeat 50% 50%;background-size: cover;}

div#index-masterdt h3 {background: url(image/course-icon-masterdt.png) no-repeat 0% 0%;background-size: 2.5em}
div#index-asano h3 {background: url(image/course-icon-asano.png) no-repeat 0% 0%;background-size: 2.5em;}
div#index-implant h3 {background: url(image/course-icon-implant.png) no-repeat 0% 0%;background-size: 2.5em;}
div#index-implantex h3 {background: url(image/course-icon-implantex.png) no-repeat 0% 0%;background-size: 2.5em;}
div#index-epithese h3 {background: url(image/course-icon-epithese.png) no-repeat 0% 0% ;background-size: 2.5em;}

div#index-implant h3 {color: #fff;}
div#index-implant h3 span {color: #fff;}
div#index-implant p {color: #fff;}

div#index-implantex h3 {color: #fff;}
div#index-implantex h3 span {color: #fff;}
div#index-implantex p {color: #fff;}


div#index-osusume {}
div#index-osusume h3 {display: none;}
div#index-osusume ul {}
div#index-osusume ul li {}
div#index-osusume ul li a {display: block;width: 33.3%;padding-top: 33.3%;height: 0;text-indent: -9999px;float: left;}
div#index-osusume br {clear: both;}

div#index-osusume ul li#osusume-koshien {display: none;}

div#index-osusume ul li#osusume-koshien a {background: url(image/index-osusume-koshien.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-osusume ul li#osusume-sakuhin a {background: url(image/index-osusume-sakuhin.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-osusume ul li#osusume-taiken a {background: url(image/index-osusume-taiken.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-osusume ul li#osusume-youkou a {background: url(image/index-osusume-youkou.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-osusume ul li#osusume-joinnow a {background: url(image/index-osusume-joinnow.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-osusume ul li#osusume-aboutus a {background: url(image/index-osusume-aboutus.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-osusume ul li#osusume-toyukai a {background: url(image/index-osusume-toyukai.jpg) no-repeat 50% 50%;background-size: cover;}
div#index-osusume ul li#osusume-mdtclub a {background: url(image/index-osusume-mdtclub.jpg) no-repeat 50% 50%;background-size: cover;}




div#index-koshi {background: url(image/footer-gaikan.png) no-repeat 50% 100% #e23b07;background-size:145px ;padding: 5% 5% 10% 5%;}
div#index-koshi h3 {margin-bottom: 1em;text-align: center;color: #fff;font-size: 200%;line-height: 1.2em;}
div#index-koshi p {color: #fff;font-size: 80%;line-height: 1.2em;width: 60%;margin: auto;margin-bottom: 2em;text-align: center;}

div#index-koshi-wrap-lv1 {width: 100%;max-width: 1200px;margin: auto;}

div.index-koshi-wrap {width: calc( 21% - 4em);padding-left: 3.5em;display: inline-block;vertical-align:top;margin: 2% 2% 1% 2%;}
div.index-koshi-wrap h4 {color: #fff;font-size: 120%;line-height: 1.2em;margin-bottom: 0.5em;font-weight: 500;}
div.index-koshi-wrap h4 span {display: block;font-size: 60%;color: #fff;line-height: 1.3em;}
div.index-koshi-wrap h4 b {font-size: 80%;margin-right: 0.5em;font-weight: 400;}
div.index-koshi-wrap ul {}
div.index-koshi-wrap ul li {font-size: 60%;line-height: 1.0em;color: #fff;margin-bottom: 0.4em;}

div#index-koshi-munemura {background: url(image/staff-munemura.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-kataoka {background: url(image/staff-kataoka.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-shiga {background: url(image/staff-shiga.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-suzuki {background: url(image/staff-suzuki.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-watanabe {background: url(image/staff-watanabe.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-asano {background: url(image/staff-asano.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-ito {background: url(image/staff-ito.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-hagiwara {background: url(image/staff-hagiwara.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-tamura {background: url(image/staff-tamura.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-ohata {background: url(image/staff-ohata.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-edakawa {background: url(image/staff-edakawa.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-urisaka {background: url(image/staff-urisaka.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-shida {background: url(image/staff-shida.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-tanizaki {background: url(image/staff-tanizaki.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-kani {background: url(image/staff-kani.jpg) no-repeat 0 0;background-size: 3em;}
div#index-koshi-yoshimura {background: url(image/staff-yoshimura.jpg) no-repeat 0 0;background-size: 3em;}




div#corona {background: #fff;text-align: center;font-weight: bold;padding: 3em;font-size: 120%;}
div#corona h4 {background: #cc0000;color: #fff;display: inline-block;padding: 0 1em;margin-bottom: 0.5em;}




/* ---------------------------------------------------- */
/* 各コース
/* ---------------------------------------------------- */

section#masterdt,
section#asano,
section#implant,
section#implantex,
section#epithese {}


section#masterdt h2,
section#asano h2,
section#implant h2,
section#implantex h2,
section#epithese h2 {display: none;}


div#course-head {position: relative;padding: 15% 0;}


div#course-head a {display: block;background: url(image/pdf-download.png) no-repeat 0.5em 50% #ff0000;background-size:1.5em ;line-height: 2.0em;padding: 0px 10px 0px 40px;margin: auto;width: 8em;text-align: left;color: #fff;text-decoration: none;font-weight: 500;border-radius: 5px;margin-top: 1em;font-size: 90%;}


section#masterdt div#course-head {background: url(image/index-masterdt-back.jpg) no-repeat 50% 50%;background-size: cover;}
section#asano div#course-head {background: url(image/index-asano-back.jpg) no-repeat 50% 50%;background-size: cover;}
section#implant div#course-head {background: url(image/index-implant-back.jpg) no-repeat 50% 50%;background-size: cover;}
section#implantex div#course-head {background: url(image/index-implantex-back.jpg) no-repeat 50% 50%;background-size: cover;}
section#epithese div#course-head {background: url(image/index-epithese-back.jpg) no-repeat 50% 50%;background-size: cover;}

section#implantex_octc div#course-head {background: url(image/index-implantex-back.jpg) no-repeat 50% 50%;background-size: cover;}

p#course-logo {font-size: 180%;text-align: center;width: 100%;padding-top: 133px;font-weight: 600;}

section#masterdt p#course-logo {background: url(image/course-icon-masterdt.png) no-repeat  50% 0;background-size: 130px;color: #e23b07;}
section#asano p#course-logo {background: url(image/course-icon-asano.png) no-repeat 50% 0;background-size: 130px;color: #dd0066;}
section#implant p#course-logo {background: url(image/course-icon-implant.png) no-repeat 50% 0;background-size: 130px;color: #007898;}
section#implantex p#course-logo {background: url(image/course-icon-implantex.png) no-repeat 50% 0;background-size: 130px;color: #239786;}
section#epithese p#course-logo {background: url(image/course-icon-epithese.png) no-repeat 50% 0;background-size: 130px;color: #ef9b2c;}

section#implantex_octc p#course-logo {color: #68C4EF;}


p#course-catch {text-align: center;font-size: 150%;font-weight: 300;width: 50%;margin: auto;line-height: 1.0em;}
section#implant p#course-catch {color: #fff;}

section#implantex p#course-catch {color: #fff;}
section#implantex_octc p#course-catch {color: #fff;}



div#course-info {border: 1px solid #999;padding: 0 5% 5% 5%;margin: 0 auto 5% auto;max-width: 1000px;}


div#profile {text-align: center;position: relative;top: -50px;}
div#profile h4 {display: none;}
div#profile img {width: 100px;border-radius: 100%;}
div#profile p {font-size: 150%;font-weight: 400;}
div#profile p span {font-size: 50%;margin-right: 1em;}
div#profile ul {}
div#profile ul li {font-size: 80%;line-height: 1.1em;margin-bottom: 0.5em;}


div#profile-sub {margin: 5% 0 0 0;}
div#profile-sub h5 {font-weight: 600;}
div#profile-sub p {font-size: 120%;line-height: 1.3em;}

div#course-dates {margin: 0 0 5% 0;}
div#course-dates h4 {display: none;}
div#course-dates p {text-align: center;}
div#course-dates p#course-dates-start {font-weight: 500;font-size: 140%;}
div#course-dates p#course-dates-start span {font-size: 150%;font-weight: 600;}

div#course-dates p#course-dates-day {font-weight: 500;}

div#course-dates p#course-dates-time {font-weight: 500;margin-bottom: 1em;}
div#course-dates p#course-dates-time span {line-height: 1.1em;font-weight: 700;font-size: 80%;color: #fff;padding: 0 0.2em;}
div#course-dates p#course-dates-time span.time-day {background: url(image/masterdt-day.png) no-repeat 0 50% #ff0000;background-size: contain;border-radius: 10px;padding-left: 1.5em;}
div#course-dates p#course-dates-time span.time-night {background: url(image/masterdt-night.png) no-repeat 0 50% #0000ff;background-size: contain;border-radius: 10px;padding-left: 1.5em;}
div#course-dates p#course-dates-time span.time-sat {background: #0000ff;}
div#course-dates p#course-dates-time span.time-sun {background: #ff0000;}

div#course-dates a {display: block;background: url(image/pdf-download.png) no-repeat 0.5em 50% #ff0000;background-size:1.5em ;line-height: 2.0em;padding: 0px 10px 0px 40px;margin: auto;width: 7em;text-align: left;color: #fff;text-decoration: none;font-weight: 500;border-radius: 5px;font-size: 90%;}

div.photo {background: #eee;}
div.photo h3 {display: none;}
div.photo a {position: relative;display: block;width: 12.5%;height: 0;padding-top: 12.5%;float:left;overflow: hidden;}
div.photo a img {height: 100%;position: absolute;top: 0;left: 0;}
div.photo br {clear: both;}




div#kougi {}
div#kougi p {font-weight: 600;}
div#kougi ul {margin-left: 1.5em;}
div#kougi ul li {line-height: 1.2em;margin-bottom: 0.7em;list-style-type: disc;}


div#jissyu {}
div#jissyu p {font-weight: 600;margin-bottom: 0.5em;}
div#jissyu ul {margin-left: 1.5em;}
div#jissyu ul li {line-height: 1.2em;margin-bottom: 0.7em;list-style-type: disc;}



div.syusyoku-wrap {width: 45%;margin: 2%;float: left;}
div.syusyoku-wrap h5 {text-align: center;font-size: 120%;border-bottom: 1px solid #aaa;line-height: 2em;margin-bottom: 1em;}





/* ---------------------------------------------------- */
/* 各ページ共通
/* ---------------------------------------------------- */


section div#wrap-lv0 {background: #fff;padding: 5% 2% ;}
section div#wrap-lv0 h3 {display: none;}

section div.wrap-lv1 {background: #f5f5f5;padding: 0 5% 5% 5%;margin: 0 auto 5% auto;max-width: 1000px;}
section div.wrap-lv1 h4 {font-size: 250%;line-height: 1.1em;margin-bottom: 1em;text-align: center;position: relative;top: -0.5em;}
section div.wrap-lv1 h4 span {background: #e23b07;color: #fff;line-height: 1.3em;padding: 0 0.7em;font-weight: 400;}
section div.wrap-lv1 p {line-height: 1.5em;margin-bottom: 2.0em;}
section div.wrap-lv1:after {content: '';display: block;height: 0;clear: both;}
section div.wrap-lv1 {}

section div.wrap-lv2 {margin-bottom: 5%;}
section div.wrap-lv2 h5 {font-weight: 600;font-size: 120%;margin-bottom: 0.5em;}
section div.wrap-lv2 p {}
section div.wrap-lv2 {}


div#section-head {margin: 2% auto 2% auto;max-width: 1000px;}



div.join {width: 15em;margin: auto;font-size: 140%;margin-bottom: 5em;border-radius: 10px;
background: #00B4DB;
background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);
background: linear-gradient(to right, #0083B0, #00B4DB);
box-shadow: 4px 4px 0px #ddd;
}

div.join a {display: block;line-height: 3em;text-align: center;text-decoration: none;font-weight: bold;color: #fff;}
div.join a:after {content: '\f0a9';font-family: FontAwesome;margin-left: 0.5em;}





/* ---------------------------------------------------- */
/* その他ページ
/* ---------------------------------------------------- */


section#howtoapply,
section#mailform,
section#work,
section#aboutus {}


section#howtoapply h2,
section#mailform h2,
section#work h2,
section#aboutus h2 {font-size: 300%;width: 100%;line-height: 80px;z-index: 30;text-align: center;background: #fff;padding-top: 130px;}




/* ---------------------------------------------------- */
/* 生徒作品集
/* ---------------------------------------------------- */
section#work {}
section#work div.photo {padding: 5%;}
section#work div.photo h4 {display: none;}
section#work div.photo a {position: relative;display: block;width: 18%;margin: 1%;height: 0;padding-top: 18%;float:left;overflow: hidden;}
section#work div.photo a img {height: 100%;position: absolute;top: 0;left: 0;}
section#work div.photo br {clear: both;}




/* ---------------------------------------------------- */
/* aboutus
/* ---------------------------------------------------- */
section#aboutus {}
section#aboutus div.photo {}
section#aboutus div.photo a {position: relative;display: block;width: 12.5%;height: 0;padding-top: 12.5%;float:left;overflow: hidden;}
section#aboutus div.photo a img {height: 100%;position: absolute;top: 0;left: 0;}
section#aboutus div.photo br {clear: both;}



/* ---------------------------------------------------- */
/* 募集要項
/* ---------------------------------------------------- */

section#howtoapply {}


div#howtoapply-gakuhi table {width: 100%;table-layout: fixed;}
div#howtoapply-gakuhi table tr th {text-align: center;font-size: 80%;border-bottom: 1px solid #aaaaaa;line-height: 1.3em;padding: 5px 0;border-right: 1px solid #aaa;}
div#howtoapply-gakuhi table tr td {width: calc(20% - 1px);text-align: center;border-bottom: 1px solid #aaaaaa;line-height: 1.3em;padding: 5px 0;border-right: 1px solid #aaa;}
div#howtoapply-gakuhi table tr th img {display: block;margin: auto;width: 80%;}



p.gakuhi-small {font-size: xx-small;}


div#recruit-zenno {}
div#recruit-zenno table tr th {text-align: center;}


table#recruit-waribiki {border-top: 1px solid #aaaaaa;}
table#recruit-waribiki tr th {width: 10em;border-bottom: 1px solid #aaa;text-align: center;}
table#recruit-waribiki tr th p {font-weight: bold;}
table#recruit-waribiki tr td {border-bottom: 1px solid #aaaaaa;padding: 10px 0px;text-align: left;}
table#recruit-waribiki tr td p b {font-size: large;color: #cc0000;}
table#recruit-waribiki tr td ul {}
table#recruit-waribiki tr td ul li {list-style: disc;margin-left: 2em;}



div#recruit-tokutai {}


div.recruit-tokutai-wrap-lv1 {width: 48%;}
div.recruit-tokutai-wrap-lv1 h5 {display: none;}

div.float-left {float: left;}
div.float-right {float: right;} 

div.recruit-tokutai-wrap-lv2 {margin-bottom: 20px;}
div.recruit-tokutai-wrap-lv2 h6 {font-weight: bold;}

div.recruit-tokutai-wrap-lv3 {background: #eeeeee;margin-bottom: 10px;padding: 10px;position: relative;}
div.recruit-tokutai-wrap-lv3 h6 {font-size: x-large;font-weight: bold;color: #004285;margin-bottom: 10px;position: absolute;top: 10px;left: 10px;border-right: 1px solid #004285;padding-right: 10px;padding-bottom: 4em;}
div.recruit-tokutai-wrap-lv3 p {font-size: x-large;margin: 0px 0px 0px 40%;}
div.recruit-tokutai-wrap-lv3 span {font-size: x-small;margin-left: 40%;}

div#recruit-nagare {}

div.recruit-nagare-wrap-lv1 {margin: auto;float: none;}
div.recruit-nagare-wrap-lv1 h5 {font-size: x-large;font-weight: bold;color: #004285;margin-bottom: 10px;}
div.recruit-nagare-wrap-lv1 h5 span {font-size: x-small;margin-left: 10px;font-weight: normal;}

div.recruit-nagare-wrap-lv2 {background: url(image/recruit-noyaji.jpg) no-repeat 10px 100%;}
div.recruit-nagare-wrap-lv2 h6 {position: relative;left: 0px;line-height: 2em;padding-left:20px;font-weight: bold;margin: 0px;background-color: #ddd;border-radius: 20px;}
div.recruit-nagare-wrap-lv2 p {margin: 0px 0px 5px 50px;padding: 10px 0px 20px 0px;}
div.recruit-nagare-wrap-lv2 ul {margin: 0px 0px 5px 50px;}
div.recruit-nagare-wrap-lv2 ul li {list-style-type: disc;margin-left: 20px;margin-bottom: 5px;}



div#recruit-download {}
div#recruit-download img {float: right;width: 30%;margin-left: 20px;}
div#recruit-download a {margin-bottom: 10px;line-height: 5.0em;}
div#recruit-download p#atesaki {clear: both;background: #eeeeee;padding: 10px;text-align: center;margin: 10px 0px;}





/* ---------------------------------------------------- */
/* カービング甲子園
/* ---------------------------------------------------- */
section#koshien {margin-top: 70px;}
section#koshien h2 {display: none;}


section#koshien div#section-head {margin-bottom: 10%;}

div#koshien-entry {margin: 20px 0px 50px 0px;}
div#koshien-entry p.entry {background: #eee;padding:20px;text-align: center;}
div#koshien-entry p.entry a {display: block;width: 10em;margin: auto;background: #e50112;color: #fff;text-align: center;text-decoration: none;font-size: large;line-height: 2em;}


div.koshien-kekka {width: 43%;border: 2px solid #ccc;border-radius: 5px;margin-top: 30px;padding: 2%;}
div.koshien-kekka h5 {background: #004285;color: #ffffff;text-align: center;font-weight: bold;width: 7em;font-size: 150%;margin: auto;margin-bottom: 2em;}

div.koshien-kekka-wrap {margin-bottom: 5em;background-position: 2% 0;background-repeat: no-repeat;background-size: 25%;}
div.koshien-kekka-wrap h6 {font-size: xx-large;padding-left: 30%;margin-bottom: 0.3em;}
div.koshien-kekka-wrap h6 span {font-size: medium;margin-left: 10px;}
div.koshien-kekka-wrap img {width: 46%;vertical-align: middle;display: block;margin: auto;margin-bottom: 1em;}
div.koshien-kekka-wrap p {margin: 2% 2% 20px 2%;}
div.koshien-kekka-wrap p span {background: #ddd;padding: 0 0.8em;margin-right: 0.5em;border-radius: 1em;font-size: 85%;font-weight: bold;}
div#kekka-1 {background-image: url(image/koshien1.jpg);}
div#kekka-2 {background-image: url(image/koshien2.jpg);}
div#kekka-3 {background-image: url(image/koshien3.jpg);}


div#koshien-kekka-syakaijin {float: left;}
div#koshien-kekka-gakusei {float: right;}


table#koshien-sche {width: 100%;margin-bottom: 20px;}
table#koshien-sche tr {}
table#koshien-sche tr th {width: 8em;text-align: center;}
table#koshien-sche tr th p {background: #ddd;border-radius:10px;font-weight: bold;}
table#koshien-sche tr td {padding-left: 10px;}





/* ---------------------------------------------------- */
/* MDT苦楽部
/* ---------------------------------------------------- */

section#mdtclub {margin-top: 70px;}
section#mdtclub h2 {display: none;}


section#mdtclub div#wrap-lv0 {background: #94c9c4;}



section#mdtclub div#section-head {margin-bottom: 50px;}
section#mdtclub div#section-head p {color: #fff;margin-bottom: 10px;}
section#mdtclub div#section-head p span {background: #fff;border-radius:5px;padding: 0px 10px;color: #96d1cd;font-weight: bold;font-size: 80%;margin-right: 10px;}


section#mdtclub div#section-head p.entry {background: #fff;padding:20px;text-align: center;color: #49a8a0;}
section#mdtclub div#section-head p.entry  a {display: block;width: 10em;margin: auto;background: #49a8a0;color: #fff;text-align: center;text-decoration: none;font-size: large;line-height: 2em;}


div.club-taiken {background: #f0f0f0;padding: 20px;border-radius:20px;margin-bottom: 20%;}
div.club-taiken h4 {background-size: contain;font-size: xx-large;line-height: 2.0em;}
div.club-taiken h4 span {margin-left: 20px;}
div.club-taiken p {margin-top: 30px;}
div.club-taiken p b {font-size: 120%;}
div.club-taiken img {width: 60%;margin-bottom: 10px;}






/* ---------------------------------------------------- */
/* マニュアル
/* ---------------------------------------------------- */

section#manual {}
section#manual h2 {text-align: center;font-size: 200%;padding-top: 2em;}

p#manual-warning {margin: 2em 0;color: #cc0000;text-align: center;}


ul.manual-wrap {margin: 0em 0.5em;clear: both;}
ul.manual-wrap li {width: 47%;margin: 1%;display: inline-block;}
ul.manual-wrap li a {display: block;text-decoration: none;color: #222;background: #f5f5f5;text-align: center;line-height: 3em;}
ul.manual-wrap li a b {background: #cc0000;padding:  0 0.5em;font-size: 80%;color: #fff;margin-left: 1em;}
ul.manual-wrap:after {content: '';height: 0;clear: both;}

ul.video-wrap {margin: 3em 0.5em;}
ul.video-wrap li {}
ul.video-wrap li a {display: block;background: #f5f5f5;text-decoration: none;color: #222;margin-bottom: 0.3em;position: relative;overflow: hidden;min-height: 4em;}
ul.video-wrap li a img {display: block;height: 4em;;position: absolute;top: 0;left: 0;}
ul.video-wrap li a span {display: block;padding-left: 8em;padding-top: 1.2em;}
ul.video-wrap li a span b {background: #888;color: #f5f5f5;font-size: 70%;padding: 0 0.5em;margin-left:1em;border-radius:0.3em;font-weight: normal;}


ul.video-wrap li ul {margin-left: 1.5em;}
ul.video-wrap li ul li a {min-height: 3em;}
ul.video-wrap li ul li a span {padding-left: 6em;padding-top: 0.6em;padding-bottom: 0.6em;}
ul.video-wrap li ul li a img {height: 3em;}




/* ---------------------------------------------------- */
/* お問合わせメールフォーム
/* ---------------------------------------------------- */


div.mailform-wrap {border-top: 1px solid #cccccc;padding-top: 10px;margin-bottom: 1em;}
div.mailform-wrap h5 {width: 30%;float: left;font-weight: bold;white-space: nowrap;}
div.mailform-wrap p {width: 70%;float: right;}
div.mailform-wrap br {clear: both;}
div.mailform-wrap input {vertical-align: middle;margin-right: 5px;}

table#mailform-joho {width: 100%;border-top: 1px solid #cccccc;}
table#mailform-joho tr th {padding: 10px;background: #eeeeee;border-bottom: 1px solid #cccccc;width: 20%;white-space: nowrap;}
table#mailform-joho tr td {padding: 10px;border-bottom: 1px solid #cccccc;}
table#mailform-joho tr td input {height: 1.2em;margin: 0px;padding: 5px;border: 1px solid #cccccc;vertical-align: middle;}
table#mailform-joho tr td span {font-size: 80%;margin-left: 0.5em;}
table#mailform-joho tr .red {color: #ff0000;}

div#mailform-soshin {text-align: center;padding: 10px;padding-bottom: 50px;}
div#mailform-soshin input {width: 10em;background: #d0000e;border:none;color: #ffffff;line-height: 2em;font-size: medium;margin: 2px 20px;}
div#mailform-soshin input.gray {background: #aaaaaa;}

input[type="text"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
-webkit-appearance: none;
border-radius: 0;
}

textarea {
-webkit-appearance: none;
border-radius: 0;}







/* ---------------------------------------------------- */
/* レスポンシブ設定
/* ---------------------------------------------------- */



@media screen and (max-width: 980px) {

div.index-wrap {font-size: 70%;}
div.index-wrap h3 {width: calc(50% - 2.8em);}
div.index-wrap p {width: 50%;}




div.index-koshi-wrap {width: calc( 28% - 3.5em);margin: 2% 2% 3% 2%;font-size: 90%;}




}




@media screen and (max-width: 700px) {


/* ---------------------------------------------------- */
/* 幅700px以下時、スライドメニュー設定
/* ---------------------------------------------------- */

div#header {display: block;width: 100%;height: 55px;position: fixed;top: 5px;left: 0;z-index: 4;}

div#header p {position: absolute;top: 0px;width: 45px;line-height: 45px;background: url(image/slide-nav.png) no-repeat 50% 50% #ff0000;background-size: 30px;text-indent: -9999px;right: 5px;}
div#header a {display: block;background: url(image/header-logo.png) no-repeat 0% 50%;width: 60px;height: 45px;text-indent: -9999px;background-size: contain;position: absolute;top: 0px;left: 5px;}
div#header a#multi-lingual {display: block;position: absolute;top: 1.3em;left:auto;right: 60px;height: 1.3em;line-height: 1.3em;width: 3em;text-align: center;z-index: 100;background: #aaa;border-radius: 1em;text-decoration: none;color: #fff;text-indent: 0;font-size: 80%;}

header {display: none;}


div#slide-nav {background: #424141}
div#slide-nav h2 {display: none;}
div#slide-nav ul {}
div#slide-nav ul li {}
div#slide-nav ul li a {display: block;height: 45px;line-height: 45px;border-bottom: 1px solid #666;padding-left: 10px;color: #fff;text-decoration: none;font-size: 90%;}


div#slide-nav ul li a#menu-masterdt {background: url(image/);}


div#slide-nav  ul li a#mailform {background: url(image/nav-goform.jpg) no-repeat -77px 50% #ffad00;background-size:contain;padding-left: 55px;color: #222;}

div#slide-nav  ul li a#menu-masterdt {background: url(image/course-icon-masterdt.png) no-repeat -5px 50% #e73c0c;background-size:60px;padding-left: 55px;display: none;}
div#slide-nav  ul li a#menu-asano {background: url(image/course-icon-asano.png) no-repeat -5px 50% #e30069;background-size:60px ;padding-left: 55px;}
div#slide-nav  ul li a#menu-implant {background: url(image/course-icon-implant.png) no-repeat -5px 50% #007998;background-size:60px ;padding-left: 55px;}
div#slide-nav  ul li a#menu-implantex {background: url(image/course-icon-implantex.png) no-repeat -5px 50% #7fa247;background-size:60px ;padding-left: 55px;}
div#slide-nav  ul li a#menu-epithese {background: url(image/course-icon-epithese.png) no-repeat -5px 50% #f39d2c;background-size:60px ;padding-left: 55px;}
div#slide-nav  ul li a#facebook {background: url(image/sns-facebook.png) no-repeat 10px 50% #3b5998;background-size: 30px;padding-left: 55px;}

div#slide-nav  ul li a#osusume-koshien {background: url(image/index-osusume-koshien.jpg) no-repeat 0 50%;background-size: contain;padding-left: 55px;display: none;}
div#slide-nav  ul li a#osusume-sakuhin {background: url(image/index-osusume-sakuhin.jpg) no-repeat 0 50%;background-size: contain;padding-left: 55px;}
div#slide-nav  ul li a#osusume-toyukai {background: url(image/index-osusume-toyukai.jpg) no-repeat 0 50%;background-size: contain;padding-left: 55px;}
div#slide-nav  ul li a#osusume-mdtclub {background: url(image/index-osusume-mdtclub.jpg) no-repeat 0 50%;background-size: contain;padding-left: 55px;}


/* ---------------------------------------------------- */


div#index-kataoka {width:100%;height: 80px;position: absolute;top: 380px;right: 0px;border-radius: 0;}


div.index-wrap {font-size: 60%;}
div.index-wrap h3 {width: calc(55% - 2.8em);}
div.index-wrap p {width: 55%;}



div#index-info {background: url(image/index-head.jpg) no-repeat 40% 0 #424141;background-size: 1600px;}
div#index-info h3 {font-size: 110%;}
div#index-info img {margin: auto;display: block;width: 150px;margin:auto;padding: 100px 0 120px 0;}


div#index-info ul {margin: 0 8%;}
div#index-info ul li {width: 20%;margin: 2% 5%;}
div#index-info ul li a {font-size: 70%;}





div#index-koshi {background: url(image/footer-gaikan.png) no-repeat 50% 100% #e23b07;background-size:100px ;padding: 5% 2% 10% 2%;font-size: 80%;}


div.index-koshi-wrap {width: calc( 48% - 3.7em);margin: 2% 1% 3% 1%;}





div#shop-info {padding-bottom: 5%;}

div#shop-info h3 {height: 40px;background-size: contain;margin-bottom: 5%;}






p#course-logo {font-size: 120%;padding-top: 100px;}
p#course-catch {font-size: 80%;}

section#masterdt p#course-logo {background: url(image/course-icon-masterdt.png) no-repeat  50% 0;background-size: 100px;}
section#asano p#course-logo {background: url(image/course-icon-asano.png) no-repeat 50% 0;background-size: 100px;}
section#implant p#course-logo {background: url(image/course-icon-implant.png) no-repeat 50% 0;background-size: 100px;}
section#implantex p#course-logo {background: url(image/course-icon-implantex.png) no-repeat 50% 0;background-size: 100px;}
section#epithese p#course-logo {background: url(image/course-icon-epithese.png) no-repeat 50% 0;background-size: 100px;}





div#course-info {border: 1px solid #999;padding: 0 2% 5% 2%;margin: 0 auto 15% auto;max-width: 1000px;}

div#profile img {width: 80px;}





section div#wrap-lv0 {background: #eee;padding: 8% 2%;}
section div#wrap-lv0 h3 {display: none;}

section div.wrap-lv1 {background: #fff;padding: 0 2% 5% 2%;margin: 0 auto 15% auto;max-width: 1000px;}
section div.wrap-lv1 h4 {font-size: 200%;line-height: 1.1em;margin-bottom: 1em;text-align: center;position: relative;top: -0.5em;}
section div.wrap-lv1 h4 span {background: #e23b07;color: #fff;line-height: 1.3em;padding: 0 0.7em;font-weight: 400;}

section div.wrap-lv2 {margin-bottom: 5%;}
section div.wrap-lv2 h5 {font-weight: 600;font-size: 120%;margin-bottom: 0.5em;}

div#section-head {margin: 2% auto 2% auto;max-width: 1000px;}




section#howtoapply,
section#mailform,
section#work,
section#aboutus {font-size: 70%}




section#howtoapply h2,
section#mailform h2,
section#work h2,
section#aboutus h2 {font-size: 200%;width: 100%;line-height: 80px;z-index: 30;text-align: center;background: #eee;padding-top: 70px;}






div.recruit-tokutai-wrap-lv1 {width: 100%;}
div.float-left {float: none;width: 100%;margin-bottom: 50px;}
div.float-right {float: none;width: 100%;margin-bottom: 50px;} 



div.koshien-kekka {width: 90%;}
div#koshien-kekka-syakaijin {float: none;}
div#koshien-kekka-gakusei {float: none;}





}






@media screen and (max-width: 500px) {







div#shop-info p {margin: 0 15px;}

div#shop-info p a {text-align: left;text-indent: -9999px;width: 35px;padding-left: 0px;}

div#shop-info p#shop-info-fax {display: none;}



div.index-wrap {font-size: 50%;}
div.index-wrap h3 {width: calc(60% - 2.8em);}
div.index-wrap p {width: 60%;}



section div#wrap-lv0 {background: #eee;padding: 8% 2%;}
section div#wrap-lv0 h3 {display: none;}

section div.wrap-lv1 {background: #fff;padding: 0 2% 5% 2%;margin: 0 auto 15% auto;max-width: 1000px;}
section div.wrap-lv1 h4 {font-size: 160%;line-height: 1.1em;margin-bottom: 1em;text-align: center;position: relative;top: -0.5em;}
section div.wrap-lv1 h4 span {background: #e23b07;color: #fff;line-height: 1.3em;padding: 0 0.7em;font-weight: 400;}


section div.wrap-lv2 {margin-bottom: 5%;}
section div.wrap-lv2 h5 {font-weight: 600;font-size: 120%;margin-bottom: 0.5em;}


div#section-head {margin: 2% auto 2% auto;max-width: 1000px;}





}