/* --------------------------------------------------------
1201px -
----------------------------------------------------------*/
@media screen and (min-width: 1201px) {


}
/* --------------------------------------------------------
1260px
----------------------------------------------------------*/
@media screen and (max-width: 1260px) {

ul#gNav li a, ul#gNav li ul.child li a{
font-size:1.64vw;
}
div#header .block .info p a{
font-size:1.5vw;
}
div#header.fixed ul#gNav li a{
font-size:1.6vw;
}
div#header.fixed .block .info p a{
font-size:1.4vw;
}

.content main{
margin:0 1rem 1rem;
}



}
/* 1260px*/
/* --------------------------------------------------------
1060px
----------------------------------------------------------*/
@media screen and (max-width: 1060px) {

.fixed ul#gNav li{
margin:0 0.4vw;
}

}
/* 1060px*/
/* --------------------------------------------------------
1000px
----------------------------------------------------------*/
@media screen and (max-width: 1000px) {

.sbjox{
width:calc(50% - 16px);
}

}
/* 1000px*/
/* --------------------------------------------------------
980px
----------------------------------------------------------*/
@media screen and (max-width: 980px) {

div#wrapper{
width: 100%;
}




}
/* 980px*/
/* --------------------------------------------------------
940px
----------------------------------------------------------*/
@media screen and (max-width: 940px) {


/*div#header .catch ul.catch_circle{
background: url("../img/top/mimosa-stem.png") 0 50% / contain repeat-x;
}*/
div#header .catch ul.catch_circle li:nth-of-type(2){
transform:translateY(20px);
}
div#header .catch ul.catch_circle li:last-of-type{
width:auto;
transform:none;
}
div#wrapper .bgimg:after{content:none;}

}
/* 940px*/
/* --------------------------------------------------------
912px
----------------------------------------------------------*/
@media screen and (max-width: 912px) {

div#news {
margin: 0 0 60px;
overflow: hidden;
}


div#logoCol{
height:174px;
text-align:justify;
text-justify: inter-ideograph;
}


div#doctor{
margin:0 auto;
}

div.cPhoto {
margin: 0 20px 0 20px;
overflow: hidden;
}

main .inner{
padding:0 0.4rem 3rem;
margin:0 1rem;
}

}
/* 912px*/
/* --------------------------------------------------------
890px
----------------------------------------------------------*/
@media screen and (max-width: 890px) {

.greetingInner .doctor{
margin:0;
}

ul.eq li a{
height:150px;
}

#speciality .list > li{
width:calc(50% - 0.8rem)
}
#content-top #speciality .list > li:nth-of-type(2n+1)::after{
content:none;
}


}
/* 890px*/
/* --------------------------------------------------------
870px
----------------------------------------------------------*/
@media screen and (max-width: 870px) {




}
/* 850px*/
/* --------------------------------------------------------
830px
----------------------------------------------------------*/
@media screen and (max-width: 830px) {

#doctorInfo .col .sub{
display: inline-block;
width:100%;
margin:0 0 20px;
}


#general .gcol, #general .gcol .gcoltxt, #general .gcol .gcolimg{
width:100%;
flex-direction:column;
}
#general .gcol:nth-of-type(1) .gcolimg{
background-size:contain;
}
#general .gcol .gcolimg{
height:260px;
width:auto;
margin:1rem 1rem 0;
}



}
/* 830px*/
/* --------------------------------------------------------
810px
----------------------------------------------------------*/
@media screen and (max-width: 810px) {

.fixed ul#gNav li{
margin:0 0.3vw;
}

}
/* 810px*/
/* --------------------------------------------------------
770px
----------------------------------------------------------*/
@media screen and (max-width: 770px) {



#info .recruit{
width:100%;
}

#parking p.pic, #parking div.txt{
width:100%;
padding:0 10px;
}


}
/* 770px*/
/* --------------------------------------------------------
750px spmode
----------------------------------------------------------*/
@media screen and (max-width: 750px) {

html {
 font-size: 2.4vw;
}

.accessmap, .transport, ul.monshin_btn li,#feature #f05.intro .introcontent .mn_col div, main .inner .introduction, main .inner .doctor, section#info .inner > div, #map, #mapaccess, #news .news-inner ul, #introduction .inner figure, #introduction .inner > div, #about .about_list li, #about .about_list li:nth-of-type(n+3), #speciality .list > li, div#footer div#fInfo, div#footer > div, #service ul.submenu li, .about_cl, .greetingInner .greetingmain .txt, .greetingInner, .doctorInfoInner, .profilecol.double .col, #news .allinner .inner, div#header ul.catch_circle li a, #la_pain .flex div, #la_pain .flex figure, #news .allinner .inner:nth-child(1) > div, .app_btn.resv_qr, ul.cPhoto li img, ul.cPhoto li div a,#about .about_list > li div, #service .drawer > div h4, #service .drawer > div p, .greetingInner .greetingmain picture, .doctormain{
width:100%;
max-width:none;
}
, .app_btn a, .maxpc300, .maxpc400{
width:84%;
max-width:none;
}
.app_btn.resv_qr img{
width:64%;
}
.digisma_info picture{
width:50%;
}
div#header ul.catch_circle li, div#header .catch ul.catch_circle li:last-of-type{
width:36vw;
}
div#header ul.catch_circle li a{
height:36vw;
}
div#header .block nav, div#header.fixed .block nav{
width:auto;
}

div#wrapper .bgimg:before{
content:none;
}

 div#header .catch ul.catch_circle{
flex-wrap:nowrap;
}

#news .allinner .inner:nth-child(1), #specialty .intro, #cashless ul, .map, ul.monshin_btn, #greeting .gcol .gcoltxt, section#accessinfo .inner, section#info .inner, #introduction .inner, .greetingInner .greetingmain, .profilecol, #service .flex, .digisma_info, ul.cPhoto li div, #about .about_list > li, #about .about_list > li:nth-of-type(2n), #service .drawer > div > div{
flex-direction:column;
}

.profilecol.double .col{
padding:0;
}

#general .gcol:last-of-type{
margin:0;
}

main .inner{
padding: 0 0.6rem 3rem;
margin:0;
}

div#content-top section#about{
padding:4rem 0.4rem;
}
div#content-top section#about h2{
margin:0 0 6rem;
}
#about .about_list > li{
align-items:flex-start;
margin:0 1rem 4rem;
}
#about .about_list > li:nth-of-type(2n){
align-items:flex-end;
}
#about .about_list > li a{
margin:0 auto;
}
#about .about_list > li div{
padding:0 1rem;
margin-top:-2rem;
}
#about .about_list > li:first-of-type div{
margin-top:-4rem;
}

#about .about_list > li div p{
margin:0 0 2rem;
}
#about .about_list > li div h3{
text-align:center;
}
#about .about_list > li picture{
width:10rem;
height:10rem;
transform: translate3D(-1rem, -3rem, 0);
}
#about .about_list > li picture.nobg{
width:80%;
margin:0 10%;
height:10rem;
transform: translateY(-5rem);
}

#about .about_list > li:nth-of-type(2n) picture{
transform: translate3D(1rem, -3rem, 0);
}
#content-top #speciality .list > li+ li:after, #content-top #speciality .list > li:nth-of-type(2n+1):after,#speciality .list > li+ li:after, #speciality .list > li:nth-of-type(2n+1):after{
content:"";
border-left:none;
border-top:1px dashed #bebebe;
top:-4px;
left:4px;
width:calc(100% - 8px);
height:2px;
}


section#accessinfo{
padding:4rem 1rem;
}

section#info, div#content-top section#info{
font-size:1rem;
padding:0 0.8rem;
}

section#info .inner{
margin:2rem 0 3rem;
}
section#info .inner:after{
content:none;
}
section#info .inner > div{
position: relative;
margin:0;
padding:2rem 0;
}

section#info .inner > div:nth-of-type(2):after{
position: absolute;
top: 0;
display: block;
content: "";
width: 100%;
height: 1px;
background: #ccc;
}

div#header.fixed{
padding-top:0;
}

.telink{pointer-events:auto;}

#subject h2{
padding: 1rem 0 3rem;
}


main section{
padding: 9rem 6% 8rem;
}

.content main{
margin: 0 0.2rem 1rem;
}

h1{
position:static;
background:none;
padding:0.6rem 0.8rem;
text-align:center;
max-width:none;
font-size:2.8vw;
}
h1 span{
display:inline-block;
}

main p.ttl{
padding: 3rem 0 0;
}

ul#gNav, .fixed ul#gNav{
 position: fixed;
 opacity:0;
  pointer-events: none;
 background:transparent;
  z-index: 20000;
  padding:10px;
  -webkit-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
margin:0;
flex-direction:column;
}
.openNav ul#gNav {
top:60px;
left:0;
bottom: auto;
opacity:1;
pointer-events: auto;
}
#navToggle{
background:#FA878F;
text-shadow:none;
}
.openNav ul#gNav{
background:#fff;
}

ul#gNav li + li{
margin-left:0;
}
ul#gNav li + li a:after{
content:none;
}
ul#gNav li{
width:100%;
}
ul#gNav li a, div#header.fixed ul#gNav li a{
font-size:1.2rem;
border-bottom:1px solid #92C9C0;
padding:1rem;
margin:0;
text-align:center;
letter-spacing:0;
}
ul#gNav li a:hover{
background:none;
}
ul#gNav li a:hover::after{
content:none;
}

ul#gNav li.parent a{
position:relative;
}
ul#gNav li.parent a .arrow{
position:absolute;
top:calc(50% - 15px);
right:0;
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
}
ul#gNav li.parent a .arrow::before{
color:#fff;
}
ul#gNav li.parent.on a .arrow:after{
content: "\f057";
}

ul#gNav li:hover ul.child{
visibility: hidden;
opacity: 0;
}
ul#gNav li.parent.on ul.child{
position:static;
display:flex;
width:100%;
margin:0;
display:none;
visibility: hidden;
opacity:0;
}
ul#gNav li.parent.on ul.child li{
width:50%;
border:none;
}
ul#gNav li.parent.on ul.child li:nth-of-type(2n+1):last-of-type{
width:100%;
}

ul#gNav li.parent.on ul.child li a, div#header.fixed ul#gNav li.parent.on ul.child li a{
font-size:1rem;
display: flex;
justify-content:center;
border-bottom:1px dashed #92C9C0;
background:none;
position:relative;
padding:0 0.2rem;
}
ul#gNav li.parent.on ul.child li a:after{
position:absolute;
width:10px;
left:calc(100% - 10px);
top:calc(50% - 5px);
font: var(--fa-font-thin);
content: "\f054";
font-size:80%;
color:#92C9C0;
}
ul#gNav li.parent.on ul.child li.small a{
font-size:0.9rem
}
ul#gNav li ul.child li#throat a{
background:url("../img/common/throat.png") #fff no-repeat calc(50%  - 3.4rem) 50%;
background-size: 2.4rem;
}

ul#gNav li.parent.on ul.child{
visibility: visible;
opacity:1;
display:flex;
flex-wrap:wrap;
flex-direction: row;
justify-content:center;
}

div#wrapper .bgimg, div#header{
height:50vh;
min-height: 420px;
}
div#wrapper.content-page  .bgimg, .content-page div#header{
min-height:auto;
}

div#header .bgimg{
height:100%;
}

div#wrapper .h_src01{
background: url("../img/top/h-bg01-sp.jpg") 50% 50% / cover;
}
div#wrapper .h_src02{
background: url("../img/top/h-bg02-sp.jpg") 50% 50% / cover;
}
div#wrapper .h_src03{
background: url("../img/top/h-bg03-sp.jpg") 50% 50% / cover;
}
div#wrapper .h_src04, div#wrapper.content-page .bgimg{
background: url("../img/top/h-bg04-sp.jpg") 50% 50% / cover;
}



div#wrapper.content-page div#header, div#wrapper.content-page .bgimg{
height:30vh;
}
main h1{
top:-15vh;
}

div#header .block{
border-bottom:1px solid #eba393;
}
div#header .block, div#header.fixed .block, div#header .src_content + .block{
position:fixed;
width:calc(100% - 60px);
height:60px;
z-index:200;
padding:0;
text-align:left;
justify-content:flex-end;
background:rgba(255,255,255,0.9);
}
div#header .infohead, div#header.fixed .block .infohead{
width:100%;
margin-right:0;
}
div#header .logo, div#header.fixed .block .logo{
width:50%;
max-width:260px;
transform:none;
padding:0;
}
div#header .logo a{
width:100%;
padding:0 0.4rem;
box-sizing:border-box;
overflow:hidden;
display: flex;
align-items:center;
border-radius:0;
background:none;
}
div#header .logo a img{
display:none;
max-height:100%;
margin: 0 auto;
padding:0;
}
div#header .logo a img.single, div#header.fixed .logo a img.single{
display:block;
}

div#header .block .info, div#header.fixed .block .info{
width:50%;
padding:0;
position:static;
flex-direction:row;
}





div#header .block .info p, div#header.fixed .block .info p{
padding:0;
width:50%;
height:auto;
max-width:none;
margin:0;
}

div#header .block .info p.monshin, div#header .block .info p.online{
position:fixed;
bottom:0;
background:rgba(0,106,72,0.6);
z-index:1000;
}
div#header .block .info p.monshin a, div#header .block .info p.online a, div#header .block .info p.monshin a i, div#header .block .info p.online a i{
color:#fff;
}
div#header .block .info p.monshin{
left:0;
}
div#header .block .info p + p.monshin:after{
content:none;
}
div#header .block .info p.online{
left:50%;
}
div#header .block .info p + p.online:after, div#header.fixed .block .info p + p.online:after{
background:#fff;
}
div#header .block .info p.online a span.line{
width:auto;
}

div#header .block .info div.monshin-all{
width:50%;
}
div#header .block .info div.monshin-all p{
width:100%;
}
div#header .block .info div.monshin-all p i{
margin:0;
}
div#header .block .info div.monshin-all p span{
text-align:left;
margin-left:2px;
}
div#header .block .info div.monshin-all p a, div#header.fixed .block .info div.monshin-all p a{
flex-direction:row;
justify-content:flex-start;
padding:0 0.4rem;
height:30px;
}


div#header .block .info p span.pc{
display:none;
}
div#header .block .info p span.sp{
display:block;
}
div#header .block .info p a,div#header.fixed .block .info p.tel a, div#header.fixed .block .info p.resv a, div#header.fixed .block .info p.monshin a, div#header.fixed .block .info p.online a{
text-align:center;
box-sizing:border-box;
width:100%;
height:60px;
border-radius:0;
font-size:0.7rem;
flex-direction:column;
justify-content:space-around;
letter-spacing:0.1vw;
border: none;
line-height:1.1;
padding:0.4rem 0;
}
div#header .block .info p a span{
font-size:0.6rem;
}
div#header.fixed .block .info span{
display:block;
}

div#header.fixed .block .info p i{
margin:0;
}
div#header .block .info p a i{
display:block;
position:relative;
margin-right:0;
}

div#header .block .info p.tel a, div#header .block .info p.resv a, div#header .block .info p.monshin a, div#header .block .info p.online a{
border:none;
}
div#header.fixed .block .info p.tel a, div#header.fixed .block .info p.resv a, div#header.fixed .block .info p.monshin a{
border-radius:0;
}



#navToggle{
display:block;
position:fixed;
right:0;
top:0;
cursor:pointer;
color:#fff;
font-size:0.7rem;
box-sizing:border-box;
height:60px;
width:60px;
text-align:center;
z-index:200;
letter-spacing:0;
}

.openNav #navToggle span:nth-child(1) {
top: 20px;
-webkit-transform: rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg)
}

.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
top: 20px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg)
}

.btn{
text-align:center;
}
.btn a{
min-width:60%;
width:90%;
}


div#header .catch{
padding:0 1rem;
align-items: flex-end;
}
div#header .catch p{
transform:none;
font-size:1.4rem;
padding:0 0.6rem;
letter-spacing:1px;
line-height:1.8;
}
div#header .catch p span{
text-align:center;
}
div#header .catch.open_date{
top:calc(60% + 50px);
}

#news .news-inner ul.newslist{
margin:0 1rem;
}

ul.breadcrumb{
text-align:center;
margin:0.4rem 0;
}


.photo {
text-align:center;
display:block;
margin:0 auto 20px;
width: 100%;
float:none;
max-width:none;
}
.photo img{
width:60%;
}

.calinner{
padding-top:550px;
}

.fixed + .topimg img{
  padding-top:0;
}

#info .contact p a{
padding:0.6rem;
font-size:1.1rem;
}

div#footer #fNav ul, div#footer #fNav p {
padding:0 1rem;
}
div#footer #fNav p{
padding:0 1rem;
}

div#footer div#fInfo img {
width: auto;
}
div#footer #fNav ul li ul.submenu{
margin:0;
padding:0.6rem 0.6rem 1rem;
}
#service ul.submenu li + li a{
border-top: 1px dashed #818d93;
border-left:none;
}

.sig{
flex-direction:column;
}
.sig p{
margin:0;
}
.sig p.clinicName{
margin:0 0 10px;
}

.servicecal{
width: 90%;
}

#content-top #introduction h2{font-size:1.6rem;}


.flow{
justify-content:space-around;
}

table:not(.noblock) th, table:not(.noblock) td, table.p-flow th:nth-of-type(1), table.p-flow th, table.p-flow td,table.p-flow th dl > *, table.p-flow td dl > *, #expence table#botox tr th:first-of-type, #jobs table th{
display:block;
width:100%;
text-align:center;
}
table.p-flow th dl, table.p-flow td dl{
flex-direction:column;
}
table.p-flow th dl dd, table.p-flow td dl dd{
border-left:none;
border-top:1px dashed #bebebe
}
#expence table#botox th:first-of-type:empty{
display:none
}
table .spbr{
display:block;
}
#expence table td{
text-align:center;
}

.profileInner{
flex-direction:column;
}
.profile, .profile:first-of-type{
width:100%;
}
.profile.media{
margin:0 0 3rem;
}

#service .kampo dl dt, #service .kampo dl dd, .comparison .ccol, #service .medicine .part div, #service .kampo_sum div{
width:100%;
}

.comparison, #service .medicine .part{
flex-wrap:wrap;
}

#service .medicine .part div{
padding:0 0 0.6rem;
}

#clinic .clinicflow .circleset:first-of-type{
padding-left:1.3rem;
}
#clinic .clinicflow .circleset span{
width:30vw;
height:30vw;
}

ul.submenu li {
width: calc(50% - 8px);
}

#service .msl_outer div.txt, #service .msl_outer div.mimage{
width:100%;
}
.msl_outer div.mimage{
max-width:380px;
}

#service .drawer > div h4{
margin:0 0 1rem;
}

.route div.route_photo{
width:100%;
}
.route div.route_photo + div figure:after{
content:none;
position:static;
}
.route div.route_photo + div:before{
font-family: "Font Awesome 6 Pro";
font-weight: 900;
font-size: 2rem;
content: "\f175";
display:flex;
justify-content:center;
margin:0 0 1rem;
}

.profilecol{
padding:0;
}

.staffinner div{
flex-direction:column;
margin:0 0 1rem;
}
.staffinner div h3, .staffinner div p{
width:100%;
}

.close, div#header.fixed .block .info .close{
display:none;
}

section#accessinfo .transport{
padding:1rem 0 0;
}

.sbjinner .sbjbox{
padding:0.6rem;
}

#service .symptoms p span.sttl, #service .sleep_cause p span.sttl{
margin:0 0 1rem;
}

#counseling .introduction{
flex-direction:column;
}
#counseling .introduction .counselor_photo, #counseling  .introduction .counselor_txt{
width:100%;
}

div#header .open{
bottom:10px;
padding:0.6rem 0;
background:linear-gradient(to right,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.5) 90%, rgba(255,255,255,0) 100%);
}

#content-top #news p.cal-top{
position:static;
margin:0 1rem 2rem;
width:auto;
max-width:none;
}

#news .news-inner ul.newslist li{
padding:1rem;
}

.content .flow p.payment{
margin:0 auto;
width:90%;
}

#service .flex picture{
padding:1rem;
}

#aroma ul.aroma_menu li{
width:calc(100% - 0.4rem);
}

ul.cPhoto li div a{
margin:0 0 0.4rem;
}

}
/* 750px end */
/* --------------------------------------------------------
730px
----------------------------------------------------------*/
@media screen and (max-width: 730px) {


.scol{
text-align:center;
margin-bottom:0;
}
.scol img{
float:none;
margin:0 auto 20px;
}

table.feeTable span:before {
content: "\A" ;
white-space: pre ;
}

div#map {
height: 40vh;
}






}
/* 730px */
/* --------------------------------------------------------
710px
----------------------------------------------------------*/
@media screen and (max-width: 710px) {

.sub-menu{
width:100%;
padding: 20px;
}
.sub-menu + main{
width:100%;
}
.sub-menu ul .smsb li{
display:inline-block;
}

}
/* 710px */
/* --------------------------------------------------------
700px
----------------------------------------------------------*/
@media screen and (max-width: 700px) {

div#main-top,div#main-top + div,div#main,div#main + div {
width:100%;
float:none;
margin-left:0;
}

}
/* 700px */
/* --------------------------------------------------------
640px
----------------------------------------------------------*/
@media screen and (max-width: 640px) {

html {
font-size: 3vw;
}

}
/* 640px */
/* --------------------------------------------------------
480px
----------------------------------------------------------*/
@media screen and (max-width: 480px) {

html {
font-size: 3.8vw;
}

#about .about_list > li:first-of-type div{
margin-top:-6rem;
}

ul#gNav li.servicelist a{
min-height:60px;
}

main section#accessinfo{
padding: 3rem 6% 8rem;
}

#news .btn{
margin: 0 5%;
width:90%;
}

.checktb{
font-size:0.9em;
}

ul.eq li p{
font-size:0.8em;
}

.doctorInfo .col {
width:100%;
}

.pCol ul span:after{
content:"\A" ;
white-space: pre ;
}

div#header .block .hinfo {
text-align: center;
width: 66%;
}
div#header .block .hinfo .btn p {
font-size: 12px;
}

div#footer p.copy {
font-size:12px;
letter-spacing:0.1rem;
}

.newscol {
margin: 70px 0 120px;
}

div#footer ul#fNav li +li::before{
content:none;
}




#main-top .col {
display: inline-block;
margin:0 0 20px;
width: 100%;
}
#main-top .col:nth-child(2n) {
margin-left: 0;
}




div#header .block p{
font-size:0.7em;
}

a.spTel {
   pointer-events: auto;
   cursor: default;
}



div#logoCol {
height: auto;
}


.calTxt{
font-size:0.6rem;

}

#feature h2{
letter-spacing:0;
}

#news > .inner{
min-height:50vh;
}


.introduction p .line{
display:inline;
}

}
/* 480px */

/* --------------------------------------------------------
430px
----------------------------------------------------------*/
@media screen and (max-width: 430px) {

#news .instagram{
text-align:center;
}

  .calinner {
  padding-top: 500px;
  }
table.cal td {
  height: 60px;
}

.docfee dt,.docfee dd{
width:100%;
display:inline-block;
}
.docfee dd{
text-align:center;
}


div#header .adjwdth .info p a{
padding:6px;
}

.sub-menu.fixed ul{
display:block;
}

/*#service h2, #service h3{
padding-top: 90px;
margin-top: -90px;
}*/

.sub-menu ul .smsb li {
width:48%;
vertical-align:top;
}
.sub-menu ul .smsb li:nth-child(3) {
width:100%;
}

ul.eq li p{
font-size:0.7em;
}





.doctorInfo h3{
font-size:1.2em;
}


.adjwdth .bizlink, div#header .adjwdth .info p.address{
display:none;
}

p.backToTop a {
bottom: 10px;
right: 10px;
}

.doctorInfo .col, .doctorInfo .col .sub  {
width: 100%;
}

.featurecol p.ttl {
font-size:1em;
letter-spacing:0;
}
div#content-top {
margin: 0 auto;
}



ul#gNav li a {
height:auto;
}

.nosp{
display:none;
}


div#header{
margin: 0;
padding:0;
text-align:center;
}


div.equip {
height: 102px;
margin: 0 10px 20px 10px;
padding-left: 100px;
}




div#doctor .photo {
background: url("../img/doctor/docphoto.jpg") no-repeat scroll 50% 10px rgba(0, 0, 0, 0);
overflow: hidden;
padding: 210px 0 0 0;
margin-bottom: 0;
}

.docttl span:after{
content: "\A" ;
white-space: pre ;
}


div#footer div#fInfo .flogo{
font-size:5vw;
}

}
/* 430px */
/* --------------------------------------------------------
380px
----------------------------------------------------------*/
@media screen and (max-width: 380px) {


}
/* 380px */
/* --------------------------------------------------------
360px
----------------------------------------------------------*/
@media screen and (max-width: 360px) {



}
/* 360px */
/* --------------------------------------------------------
340px
----------------------------------------------------------*/
@media screen and (max-width: 340px) {

html {
font-size: 4vw;
}

#feature h2{
margin: 2rem 0 3rem;
}

#feature h2, ul#gNav li.parent.on ul.child li a{
letter-spacing:0;
}

.btn {
width: 100%;
}

}
/* 340px */
/* --------------------------------------------------------
320px
----------------------------------------------------------*/
@media screen and (max-width: 320px) {


}
/* 320px */