body,td.div,span,p,h1,h2,h3,h4,h5,h6,select,ul,li,form,iuput {font-family:Arial, Helvetica,  'Noto Sans Japanese', sans-serif;color: #222222;line-height: 1.6em;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;}

header, section, nav, footer {display: block;}

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

a {outline:none;}





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


body {}


header {position: fixed;top: 0;right: 0;background: #545454;width: 100%;z-index: 10;height: 50px;}
nav#sns-icon ul li a {display: block;width: 50px;height: 50px;float: left;text-indent: -9999px;}
header h1 {height: 50px;position: absolute;top: 0;left: 20px;}
header h1 a {display: block;background: url(image/logo.png) no-repeat 50% 50%;background-size: contain;width: 200px;height: 50px;text-indent: -9999px;}


nav#main-nav {position: absolute;top: 0;left: 240px;}
nav#main-nav h2 {display: none;}
nav#main-nav ul {}
nav#main-nav ul li {display: inline-block;position: relative;}
nav#main-nav ul li a {text-decoration: none;display: inline-block;padding: 0px 10px;text-align: center;line-height: 50px;color: #fff;height: 50px;font-size: 80%;}
nav#main-nav ul li a:hover {}
nav#main-nav br {clear: both;}


nav#sns-icon {position: absolute;top: 0;right: 0;}
nav#sns-icon h2 {display: none;}
nav#sns-icon ul {}
nav#sns-icon ul li {float: left;position: relative;}
nav#sns-icon ul li a {display: block;width: 50px;height: 50px;float: left;text-indent: -9999px;}
nav#sns-icon ul li#sns-icon-loin a {background: url(image/icon-login.png) no-repeat 50% 50%;background-size: contain;}
nav#sns-icon ul li#sns-icon-face a {background: url(image/icon-facebook.png) no-repeat 50% 50%;background-size: contain;}
nav#sns-icon ul li#sns-icon-mail a {background: url(image/icon-mail.png) no-repeat 50% 50%;background-size: contain;}
nav#sns-icon ul li a:hover {color: #000;}
nav#sns-icon br {clear: both;}

nav#sns-icon ul li.sb-toggle-right {display: none;}


nav ul li.menu-shikagiko a {background-color: #364057;}
nav ul li.menu-asanojuku a {background-color: #FAC700;}
nav ul li.menu-datasano a {background-color: #e30069;}
nav ul li.menu-dentalart a {background-color: #8FD1D1;}





section {}
section div.wrapper {width: 950px;margin: auto;}




div.photo {position: relative;padding-top: 100px;display:flex;flex-flow: wrap;}
div.photo h3 {display: none;}
div.photo a {height: 0;padding-top: 60px;position: relative;overflow: hidden;flex-basis:60px;flex-grow:1;max-width: 70px;}
div.photo a img {height: 100%;position: absolute;top: 0;left: 0;}
div.photo br {clear: both;}



p#catch {font-size: 300%;margin-bottom: 30px;line-height: 1.2em;padding-top: 50px;width: 90%;margin: auto;}


div#information {width: 90%;margin: 5% auto;}
div#information h3{display: none;}
div#information ul {margin: 1em 0;}
div#information ul li {font-size: 105%;}
div#information ul li a {color: #555;text-decoration: none;}
div#information ul li a:before {content: '\f138';font-family: FontAwesome;margin-right: 0.3em;color: #ff8c2f;}
div#information ul li a:hover {text-decoration: underline;}

div#information ul li#link-kotoba a {font-weight: 600;}
div#information ul li#link-kotoba a:before {content: '\f086';font-family: FontAwesome;margin-right: 0.3em;color: #ff8c2f;}

div.wraper-lv1 {margin-bottom: 50px;background: #fff;padding: 2%;}
div.wraper-lv1 h3 {font-size: 300%;margin-bottom: 10px;line-height: 1.2em;text-align: center;margin-bottom: 30px;}
div.wraper-lv1 img.top-image {width: 100%;}
div.wraper-lv1:after {content: '';height: 0;display: block;clear: both;}

div#gotop {position: fixed;bottom: 5%;right: 5%;display: none;z-index: 50;width: 50px;}
div#gotop a {display: block;width: 100%;height: 50px;background: url(image/go-top.jpg) no-repeat 50% 50% #000;background-size:cover ;opacity:0.6;text-indent: -9999px;}


footer {background: #545454 url(image/footer-logo.png) no-repeat 50% 30px;background-size:278px ;padding: 150px 0;}
footer h2 {display: none;}

div#footer-wrap {position: relative;}


div#footer-profile {}
div#footer-profile h3 {color: #fff;text-align: center;font-size: 150%;}
div#footer-profile p {color: #fff;text-align: center;}
div#footer-profile h4 {display: none;}
div#footer-profile table {width: 100%;margin: 20px 0px 0px 0px;background: url(image/footer-yaji.gif) no-repeat 50% 100%;}
div#footer-profile table tr {}
div#footer-profile table tr th {width: 50%;text-align: right;color: #fff;line-height: 1.2em;padding: 0px 10px 0.7em 0px;font-weight: 300;}
div#footer-profile table tr td {width: 50%;color: #fff;border-left: 1px solid #ddd;line-height: 1.2em;padding: 0px 0px 0.7em 10px;}
div#footer-profile img {margin: auto;display: block;}






div#copyright {position: fixed;bottom: 10px;left: 5%;}
div#copyright h2 {display: none;}
div#copyright p {text-align: center;font-size: x-small;color: #999;}




div#contact {width:40%;margin: 50px auto 0px auto;}

div#contact h3 {text-align: center;font-weight: 600;color: #fff;background: url(image/icon-mail.png) no-repeat 0 50% ;background-size: contain;padding-left: 20px;width: 5em;margin: auto;}

div#mail-form input {display: block;padding: 2%;background: #eee;border: none;width: 44%;margin: 1%;float: left; -webkit-appearance: none;}
div#mail-form textarea {display: block;padding: 2%;border: none;width: 94%;height: 6em;margin: 1%;background:#eee;clear: both; -webkit-appearance: none;}

div#mail-sousin {text-align: center;margin: 10px;}
div#mail-sousin input#red {width: 7em;background: #cc0000;border:none;color: #ffffff;line-height: 2em;font-size: medium; -webkit-appearance: none;}
div#mail-sousin input#gray {width: 7em;background: #cccccc;border: none;color: #222222;line-height: 2em;font-size: medium; -webkit-appearance: none;}



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

section#index {}

section#index h2 {display: none;}


section#index div.wrapper {width: 600px;margin: auto;padding: 5% 0;position: relative;padding-left: 450px;padding-right: 150px;}


div#index-backimg {background: url(image/background-asano.gif) no-repeat 50% 0%;height:0;top:0;left:0;padding-top: 600px;position: relative;}
div#index-backimg p {background: url(image/index-catch.png) no-repeat 50% 50%;background-size: contain;position: absolute;top: 35%;left: 5%;width: 630px;height: 200px;text-indent: -9999px;}



div.index-wrap-lv1 {position: relative;}

div.index-wrap-lv1 h3 {display: none;}


div.index-wrap-lv1 p {font-size: 120%;}

div.index-wrap-lv1 br {clear: both;}



div.index-wrap-lv1 p.index-title {font-size: 300%;font-weight: 300;color: #fff;line-height: 1.1em;margin-bottom: 0.3em;}

div.index-wrap-lv1 a.index-link {display: block;color: #fff;width: 110px;background: url(image/index-link.png) no-repeat 50% 50%;background-size: 100%;height: 180px;margin-top: -100px;position: absolute;top: 50%;right: 0px;text-indent: -9999px;opacity:0.8;}

div.index-wrap-lv1 div.index-photo-icon {margin-top: 20px;}
div.index-wrap-lv1 div.index-photo-icon img {width: 120px;margin-right: 10px;}

div#index-shikagiko {background-color:#364057;}
div#index-shikagiko div.wrapper {}
div#index-shikagiko h3 {}
div#index-shikagiko img {position: absolute;bottom: -55px;left: 0;width: 500px;z-index: 2;}

div#index-shikagiko p.index-title {color: #ffffe3;display: none;}

div#index-shikagiko ul {}
div#index-shikagiko ul li {line-height: 1.0em;margin-bottom: 1em;color: #FFFFE3;}
div#index-shikagiko ul li a {color: #FFFFE3;}
div#index-shikagiko ul li a:hover {}

div#index-asanojuku {background: #FAC700 url(image/asanojuku-gaikan.png) no-repeat 70% 100%;background-size: 600px;}
div#index-asanojuku div.wrapper {background: url(image/index-title-asanojuku.png) no-repeat 0 50%;background-size:400px;padding-bottom: 200px;}
div#index-asanojuku h3 {}

div#index-datasano {background: url(image/index-datasano-back.jpg) no-repeat 0% 50% #f0efee;}
div#index-datasano div.wrapper {background: url(image/index-title-datasano.png) no-repeat 0 50%;background-size:400px;}
div#index-datasano h3 {}

div#index-dentalart {background: #8FD1D1;}
div#index-dentalart div.wrapper {background: url(image/index-title-dentalart.png) no-repeat 0 50%;background-size:400px;}
div#index-dentalart h3 {}








/* ---------------------------------------------------- */
/* あさの塾
/* ---------------------------------------------------- */

section#jyuku {margin-top: 50px;padding-bottom: 50px;background: #eee;}


section#jyuku h2 {margin-bottom: 50px; background: #FAC700 url(image/index-title-asanojuku.png) no-repeat 15% 50%;background-size: 200px;height: 100px;text-indent: -9999px;position: fixed;width: 100%;z-index: 3;}


section#jyuku div.wraper-lv1 {padding: 5%;}
section#jyuku div.wraper-lv1 h3 {color: #222;text-shadow: 2px 2px 0px #ffdd88;font-weight: 500;}


div.jyuku-wrap-lv2 {margin-bottom: 20px;}
div.jyuku-wrap-lv2 h4 {font-weight: bold;font-size: medium;}


div#asano-taiken {position: fixed;bottom: 0;left: 0;width: 240px;z-index: 200;display: none;}
div#asano-taiken h3 {display: none;}
div#asano-taiken a {display: block;width: 240px;height: 149px;background: url(image/asanojyuku-taiken2020.jpg) no-repeat 50% 50% #000;background-size: contain;}


div#jyuku-catch {}
div#jyuku-catch h4 {display: none;}
div#jyuku-catch p {text-align: center;font-size: 150%;font-weight: 200;}
div#jyuku-catch p#catch001 {width: calc(45% - 20px);padding: 2%;float: left;margin-right: 1%;border: 10px solid #4796ff;background: #f5f5f5;border-radius:10px ;margin-bottom: 2%;}
div#jyuku-catch p#catch002 {width: calc(45% - 20px);padding: 2%;float: right;margin-left: 1%;border: 10px solid #ff8c2f;background: #f5f5f5;border-radius:10px ;margin-bottom: 2%;}
div#jyuku-catch p#catch003 {clear: both;font-size: 120%;width: 80%;margin: 2% auto 2% auto;}
div#jyuku-catch p#catch001 b,
div#jyuku-catch p#catch002 b {font-size: 110%;}
div#jyuku-catch br {clear: both;}


div.jyuku-table {}
div.jyuku-table h4 {display: none;}
div.jyuku-table table {width: 100%;border-top: 1px solid #aaa;}
div.jyuku-table table tr {border-bottom: 1px solid #aaa;}
div.jyuku-table table th {width: 90px;text-align: center;padding: 20px 10px 20px 0;font-weight: bold;}
div.jyuku-table table td {padding: 10px;}
div.jyuku-table table td b {font-weight: bold;margin-right: 20px;}

div#jyuku-manabu {}
div#jyuku-manabu h4 {display: none;}
div#jyuku-manabu h5 {margin-bottom: 0.5em;}
div#jyuku-manabu h5 span {font-size: 150%;font-weight: 300;color: #222;background: linear-gradient(transparent 20%, #FAC700 30%);}
div#jyuku-manabu div {background: #eee;line-height: 1.2em;width:;padding: 2%;margin-bottom: 2%;}
div#jyuku-manabu div img {float: left;margin: 0px 10px 5px 0px;}
div#jyuku-manabu br {clear: both;}


div#jyuku-tanki {}
div#jyuku-tanki ul {margin: 1em 0;}
div#jyuku-tanki ul li {margin-left: 1.5em;list-style-type: circle;}
div#jyuku-tanki p span.kyoutyou {background: #ffdd00;}

div.jyuku-nittei {margin-bottom: 3em;margin-top: 3em;border-bottom: 1px solid #aaa;padding-bottom: 2em;}
div.jyuku-nittei h4 {text-align: center;font-size: 200%;}

div.jyuku-nittei h5 {display: none;}
div.jyuku-nittei div.jyuku-nittei-tokyo {width: 48%;float: left;background: url(image/asano-nav-back2.jpg) no-repeat 0px 0px;padding-top: 150px;}
div.jyuku-nittei div.jyuku-nittei-nagoya {width: 48%;float: right;background: url(image/asano-nav-back1.jpg) no-repeat 0px 0px;padding-top: 150px;}
div.jyuku-nittei p {}
div.jyuku-nittei br {clear: both;}

div.jyuku-nittei table {width: 100%;}
div.jyuku-nittei table tr {}
div.jyuku-nittei table tr th {background: #ccc;color: #fff;font-weight: bold;width: 30%;text-align: right;border-bottom: 1px solid #fff;padding: 5px;}
div.jyuku-nittei table tr td {background: #eee;border-bottom: 1px solid #fff;padding: 5px;}

p.jyuku-time {}
p.jyuku-time span {background: #000;display: inline-block;margin-right: 0.3em;padding: 0 0.5em;color: #fff;font-size: 80%;border-radius: 0.3em;}
p.jyuku-time span.jyuku-time-sun {background: #D11A1A;}
p.jyuku-time span.jyuku-time-sat {background: #3B4CBA;}


section#jyuku div#moshikomi {width: 100%;max-width: 580px;margin: 50px auto 50px auto;}
section#jyuku div#moshikomi a {display: block;width: 100%;background: url(image/asano-moshikomi.jpg) no-repeat 50% 50%;background-size: contain;text-indent: -9999px;position: relative;padding-top: 13%;}



section#jyuku div#map {}
section#jyuku div#map h3 {}
section#jyuku div#map div {background: #eee;width: 42%;padding: 2%;margin: 2%;float: left;text-align: center;}
section#jyuku div#map div h4 {font-weight: 600;text-align: center;font-size: 140%;margin-bottom: 5%;}
section#jyuku div#map div a {background: #FAC700;text-decoration: none;color: #444;padding: 2px 10px;border-radius: 5px;display: inline-block;font-weight: 600;font-size: 80%;}

section#dat div#map div a {background: #FAC700;text-decoration: none;color: #444;padding: 2px 10px;border-radius: 5px;display: inline-block;width: 4em;font-weight: 600;font-size: 80%;margin-left: 10px;}

section#jyuku div#map div p {line-height: 1.1em;margin-bottom: 5px;}
section#jyuku div#map div p.kaijo {font-weight: 600;}
section#jyuku div#map div p.tel:before {content: "TEL: ";}
section#jyuku div#map div p.fax:before {content: "FAX: ";}






section#jyuku div#kotoba {background: none;padding: 0;margin: 8% 0;}

section#jyuku div#kotoba h3:before {content: '\f086';font-family: FontAwesome;font-size: 120%;margin-right: 0.5em;}

section#jyuku div.kotoba-wrap {margin: 1em 0;}
section#jyuku div.kotoba-wrap br {clear: both;}

div.kotoba-comment {width: calc(94% - 12em);float: right;background: #fff;padding: 3%;margin-bottom: 1em;border-radius: 1em;position: relative;}
div.kotoba-comment h4 {font-size: 120%;font-weight: 600;}
div.kotoba-comment p {margin: 0.5em 0;}


div.kotoba-profile {width: 11em;float: left;text-align: center;margin-top: 2em;}
p.kotoba-name {text-align: center;font-weight: 500;}
p.kotoba-name:after {content: '\f007';font-family: FontAwesome;font-size: 3em;margin-left: 0.2em;color: #fac700;}
p.kotoba-lab-name {font-size: 70%;}
p.kotoba-keiken {font-size: 70%;}




div.kotoba-comment:before {content: '';height: 0;width: 0;position: absolute;top: 3em;left: -2em;border-top: 0.5em solid transparent;
  border-right: 1em solid #fff;
  border-bottom: 0.5em solid transparent;
  border-left: 1em solid transparent;}


/* ---------------------------------------------------- */
/* デンタルアカデミー東京
/* ---------------------------------------------------- */

section#dat {margin-top: 50px;padding-bottom: 50px;background: #eee;}


section#dat h2 {margin-bottom: 50px; background: #e30069 url(image/index-title-datasano.png) no-repeat 15% 50%;background-size: 200px;height: 100px;text-indent: -9999px;position: fixed;width: 100%;z-index: 3;}



div.cadcam-wrap {position: relative;margin-top: 20px;}
div.cadcam-wrap h4 {background: none;font-weight: bold;color: #004268;border-bottom: 1px solid #aaaaaa;position: relative;left: 0px;padding-left: 0px;font-size: large;}
div.cadcam-wrap h4 span {font-size: small;font-weight: bold;color: #555555;}
div.cadcam-wrap h5 {}
div.cadcam-wrap ul {}
div.cadcam-wrap ul li {list-style-type: none;}
div.cadcam-wrap br {clear: both;}

div.cadcam-wrap div.lecture {}
div.cadcam-wrap div.lecture br {clear: both;}

div.cadcam-wrap div.practice {}
div.cadcam-wrap div.practice br {clear: both;}


section#dat div#moshikomi {width: 100%;max-width: 580px;margin: 50px auto 50px auto;}
section#dat div#moshikomi a {display: block;width: 100%;background: url(image/cadcampdf.jpg) no-repeat 50% 50%;background-size:contain ;text-indent: -9999px;position: relative;padding-top: 13%;}





div.practice {padding:5px 0px 0px 90px;position: relative;margin-top: 20px;}
div.practice h5 {background: url(image/practice.jpg) no-repeat 0px 50%;position: absolute;top: 0px;left: 0px;line-height: 31px;padding: 0px 0px 0px 40px;font-weight: bold;color: #555555;}

div.lecture {padding:5px 0px 0px 90px;position: relative;margin-top: 20px;}
div.lecture h5 {background: url(image/lecture.jpg) no-repeat 0px 50%;position: absolute;top: 0px;left: 0px;line-height: 31px;padding: 0px 0px 0px 40px;font-weight: bold;color: #555555;}



section#jyuku div#map {margin: auto;}

section#dat div#map h3 {}
section#dat div#map div {text-align: center;vertical-align: middle;}
section#dat div#map div h4 {font-weight: 600;text-align: center;font-size: 140%;margin-bottom: 5%;}
section#dat div#map div a {background: #FAC700;text-decoration: none;color: #444;padding: 2px 10px;border-radius: 5px;display: inline-block;width: 4em;font-weight: 600;font-size: 80%;margin-left: 10px;}
section#dat div#map div p {line-height: 1.1em;margin-bottom: 5px;}
section#dat div#map div p.kaijo {font-weight: 600;}
section#dat div#map div p.tel:before {content: "TEL: ";}
section#dat div#map div p.fax:before {content: "FAX: ";}
section#dat div#map br {clear: both;}





/* ---------------------------------------------------- */
/* 浅野デンタルアート
/* ---------------------------------------------------- */



section#dentalart {margin-top: 50px;padding-bottom: 50px;background: #eee;}


section#dentalart h2 {margin-bottom: 50px; background: #8FD1D1 url(image/index-title-dentalart.png) no-repeat 15% 50%;background-size: 200px;height: 100px;text-indent: -9999px;position: fixed;width: 100%;z-index: 3;}



section#dentalart div.wrapper {padding-top: 100px;}


section#dentalart div.wraper-lv1 {}
section#dentalart div.wraper-lv1 h3 {line-height: 1.2em;}
section#dentalart div.wraper-lv1 h3 span {display: block;line-height: 1.2em;font-size: 60%;}


section#dentalart div.wraper-lv1 p {width: 96%;margin: auto;}

section#dentalart div.wraper-lv2 {margin-bottom: 5%;}

section#dentalart div.wraper-lv2 h4 {font-weight: 800;font-size: 170%;line-height: 1.2em;margin: 2.0em 0 0.5em 0;text-align: center;color: #8fd1d1;}
section#dentalart div.wraper-lv2 h4 span {display: block;text-align: center;font-size: 80%;}




div.photo2 {}
div.photo2 a {display: block;position: relative;float: left;text-align: center;overflow: hidden;}



div.photo2 a.small {width: 15%;margin: 2%;height: 0;padding-top: 15%;}

div.photo2 a.ba {width: 46%;margin: 2%;height: 0;padding-top: 40%;}

div.photo2 a.ba span {display: block;text-align: center;width: 100%;color: #fff;position: absolute;bottom: 0;right: 0;font-size: 120%;}

div.photo2 a img {height: 100%;position: absolute;top: 0;left: 0;margin: auto;}
div.photo2 br {clear: both;}










section#dentalart div#map {margin: auto;background: #8FD1D1;}

section#dentalart div#map h3 {background: url(image/index-title-dentalart.png) no-repeat 50% 50%;background-size: 300px;height: 150px;text-indent: -9999px;}

section#dentalart div#map p {text-align: center;color: #fff;}
section#dentalart p#dentalart-tel {font-size: 300%;font-weight: 500;text-decoration: none;}
section#dentalart p#dentalart-tel img {height: 1em;margin-right: 0.2em;}
section#dentalart p#dentalart-add {}
section#dentalart p#dentalart-add a {color: #fff;text-decoration: none;}
section#dentalart p#dentalart-add a span {background: #fac700;font-size: 80%;padding: 0 5px;margin-right: 5px;border-radius: 5px;color:#8FD1D1 ;font-weight: 500;}






/* ---------------------------------------------------- */
/* 歯科技考
/* ---------------------------------------------------- */

section#shikagiko {margin-top: 50px;padding-bottom: 50px;background: #eee;}

section#shikagiko > h2 {margin-bottom: 50px; background: #364057 url(image/shikagiko-title.png) no-repeat 15% 50%;background-size: 400px;height: 100px;text-indent: -9999px;position: fixed;width: 100%;z-index: 3;}

section#shikagiko div.wrapper {padding-top: 180px;}






/* ---------------------------------------------------- */
/* お申込みフォーム
/* ---------------------------------------------------- */

section#contact {margin-top: 50px;padding-bottom: 50px;background: #eee;}

section#contact h2 {margin-bottom: 50px;height: 100px;line-height: 100px;position: fixed;width: 100%;z-index: 3;font-size: 230%;background: #ddd;text-align: center;font-weight: 700;}





div.wrap-contact {padding: 150px 5% 5% 5%;clear: both;max-width: 800px;margin: auto;}

div.wrap-contact p {text-align: center;margin-bottom: 50px;}
div.wrap-contact p b {color: #ff0000;}

div.wrap-contact {width: 100%;}
div.wrap-contact input[type="text"] {padding: 10px;width: calc(100% - 26px);margin: 3px;border: none; -webkit-appearance: none;}

input.red::-webkit-input-placeholder {color: #ff0000;font-weight: normal;}
input.red::-ms-input-placeholder {color: #ff0000;font-weight: normal;}
input.red::-moz-placeholder {color: #ff0000;font-weight: normal;}

div.wrap-contact textarea {width: calc(100% - 26px);padding: 10px;margin: 3px;border: none; -webkit-appearance: none;}

div.wrap-contact label {margin: 3px;display: block;}
div.wrap-contact input[type="checkbox"] {border: 1px solid #444;width:20px;height:20px;vertical-align:middle; margin-right: 5px;}






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


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




section#index div.wrapper {width: 50%;padding-left: 35%;padding-right: 15%;}



div#section-nav {}
div#section-main {}
div#section-side {float: none;clear: both;width: 100%;}






div#index-asanojuku {background: #FAC700 url(image/asanojuku-gaikan.png) no-repeat 70% 100%;background-size: 600px;}
div#index-asanojuku div.wrapper {background: url(image/index-title-asanojuku.png) no-repeat 2% 50%;background-size:30%;padding-bottom: 200px;}

div#index-datasano {background: url(image/index-datasano-back.jpg) no-repeat 0% 50% #f0efee;}
div#index-datasano div.wrapper {background: url(image/index-title-datasano.png) no-repeat 2% 50%;background-size:30%;}

div#index-dentalart {background: #8FD1D1;}
div#index-dentalart div.wrapper {background: url(image/index-title-dentalart.png) no-repeat 2% 50%;background-size:30%;}







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

html {font-size: 80%;}



section div.wrapper {width: 95%;margin: auto;}


section div.wrap-contact {width: 95%;margin: auto;}

section#index div.wrapper {width: 70%;padding-left: 0;padding-right: 15%;padding-top: 200px;}



nav#sns-icon ul li.sb-toggle-right {display:block;background: url(image/icon-menu.png) no-repeat 50% 50% #ddd;background-size: cover;}

nav#slide-nav {}
nav#slide-nav h2 {display: none;}
nav#slide-nav ul {}
nav#slide-nav ul li {}
nav#slide-nav ul li a {display: block;height: 50px;line-height: 50px;padding-left: 20px;color: #fff;text-decoration: none;}
nav#slide-nav ul li a:hover {}
nav#slide-nav ul li ul {margin-left: 20px;}

nav#slide-nav ul li#sns-icon-face a {background: url(image/icon-facebook.png) no-repeat 0% 50%;background-size: contain;border-bottom:1px solid #777;padding-left: 50px;}
nav#slide-nav ul li#sns-icon-mail a {background: url(image/icon-mail.png) no-repeat 0% 50%;background-size: contain;border-bottom:1px solid #777;padding-left: 50px;}





nav#main-nav {display: none;}


div#sonota-contents {width: 640px;}

section#sonota h3 {font-size: 200%;text-align: left;}


div#section-nav {display: none;}
div#section-main {width: 90%;padding: 5%;float: none;}



div#index-backimg {background: url(image/background-asano.gif) no-repeat 60% 0%;background-size:200% ;height:0;top:0;left:0;padding-top: 60%;position: relative;}
div#index-backimg p {background: url(image/index-catch.png) no-repeat 50% 50%;background-size: 90%;width: 100%;height: 0;padding-top: 35%;text-indent: -9999px;left: 0;top: 30%;}




div#index-shikagiko div.wrapper {padding-bottom: 300px;padding-top: 50px;}
div#index-shikagiko img {position: absolute;width: 400px;left: -10px;bottom: -42px;z-index: 2;}




div#index-asanojuku div.wrapper {background: url(image/index-title-asanojuku.png) no-repeat 4% 50px;background-size:300px;padding-bottom: 150px;}

div#index-datasano {background: url(image/index-datasano-back.jpg) no-repeat -150px 50% #f0efee;}
div#index-datasano div.wrapper {background: url(image/index-title-datasano.png) no-repeat 4% 50px;background-size:300px;}

div#index-dentalart {background: #8FD1D1;}
div#index-dentalart div.wrapper {background: url(image/index-title-dentalart.png) no-repeat 4% 50px;background-size:300px;}


}






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

html {font-size: 70%;}

header {position: fixed;top: 0;right: 0;background: #545454;width: 100%;z-index: 10;height: 50px;}

header h1 {height: 50px;position: absolute;top: 0;left: 20px;}
header h1 a {display: block;background: url(image/logo.png) no-repeat 50% 50%;background-size: contain;width: 160px;height: 50px;text-indent: -9999px;}

nav#sns-icon ul li a {display: block;width: 50px;height: 50px;float: left;text-indent: -9999px;}

div.index-wrap-lv1 a.index-link {width: 80px;height: 150px;margin-top: -75px;}



div#index-backimg {background: url(image/background-asano.gif) no-repeat 60% 0%;background-size:300% ;height:0;top:0;left:0;padding-top: 80%;position: relative;}
div#index-backimg p {background: url(image/index-catch.png) no-repeat 50% 50%;background-size: 90%;width: 100%;height: 0;padding-top: 35%;text-indent: -9999px;left: 0;top: 40%;}



div#index-asanojuku {background: #FAC700 url(image/asanojuku-gaikan.png) no-repeat 50% 100%;background-size: 90%;}


section#jyuku {margin-top: 40px;}
section#jyuku h2 {background: #FAC700 url(image/index-title-asanojuku.png) no-repeat 50% 50%;background-size: 200px;}

section#dat {margin-top: 40px;}
section#dat h2 {background: #e30069 url(image/index-title-datasano.png) no-repeat 50% 50%;background-size: 200px;}

section#dentalart {margin-top: 40px;}
section#dentalart h2 {background: #8FD1D1 url(image/index-title-dentalart.png) no-repeat 50% 50%;background-size: 200px;}


section#dentalart {margin-top: 40px;}
section#dentalart h2 {background: #8FD1D1 url(image/index-title-dentalart.png) no-repeat 50% 50%;background-size: 200px;}


section#shikagiko > h2 {background: #364057 url(image/shikagiko-title.png) no-repeat 50% 50%;background-size: 350px;}




div#jyuku-nittei div#jyuku-nittei-tokyo {background: url(image/asano-nav-back2.jpg) no-repeat 0px 0px;background-size: 100%;padding-top: 25%;}
div#jyuku-nittei div#jyuku-nittei-nagoya {background: url(image/asano-nav-back1.jpg) no-repeat 0px 0px;background-size: 100%;padding-top: 25%;}




div#footer-wrap {width:95%;margin: auto;}

div#contact {width: 100%;}

}