*{
    margin:0;
    padding:0;
    box-sizing:border-box;  
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size: 100%;
	font-family:'Kiwi Maru', sans-serif;
    font-weight: 500;
    font-style: normal;
	vertical-align:baseline;
    background:transparent;
	color: #494429;
}
@media only screen and (max-width:1025px){
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {font-size:16px;}
}



body {
    line-height: 1.6;
}

img{
    max-width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
}

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

nav ul {
    list-style:none;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a { 
	color: #494429;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:494429;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#494429; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
ol {padding-left: 20px;}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
@charset "utf-8";

a{text-decoration: none;}
a:hover {
	transition-property: all;
	transition: 0.3s linear;
	opacity: 0.6;
}
a[href^="tel:"] {pointer-events: none;}
body {
    min-width: 1300px;
    position: relative;
    margin:0 auto;
    font-feature-settings: "palt";
}

/*  共通 */
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}
.mpb20{margin-bottom: 20px;padding-bottom: 20px;}
.mpb30{margin-bottom: 30px;padding-bottom: 30px;}
.mpb40{margin-bottom: 30px;padding-bottom: 40px;}
.fs18{font-size: 18px!important;}
.fs20{font-size: 20px!important;}
.fs22{font-size: 22px!important;}
.fs26{font-size: 26px!important;}
.fs28{font-size: 28px!important;}
.fs30{font-size: 30px!important;}
.sp_on,.sp_on2{display: none;}
.center,.center_l,.center_l2{text-align: center;}
.text{line-height: 180%;}
.text2{line-height: 200%;letter-spacing: 3px;}
.text-line{text-decoration: underline;}
.wb{font-weight: bold;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.ls5{letter-spacing: 5px;}
.fcg{color: #4cbf96;}
.fco{color: #ef8800;}
.fcp{color: #f4899b;}
.fcb{color: #57ACCE;}
.bb-G{border-bottom: 3px #f2f2f2 dotted;}
.bb-B{border-bottom: 4px #81c7ea dotted;}
.shadow{
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	border-radius: 15px;
}
.flexbox {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}
.al-center{align-items: center!important;}
.c2{width: 48%;margin: 1%;}

/* カレンダー
------------------------------------------------------------*/
.calendar iframe{
	width: 100%;
	height: 100%
}
.calendar{
	max-width: 780px;
	width: 100%;
	height: 600px;
	margin: 0 auto;
}

/* ヘッダー
------------------------------------------------------------*/
header{
	width: 100%;
	background: url("../images/header_bgL.jpg"),url("../images/header_bgR.jpg");
	background-repeat: no-repeat!important;
	background-position: left top,right top;
	background-size: contain!important;
	padding-bottom: 15px;
}
header > div{
	max-width: 1720px;
	width: 95%;
	margin: 0 auto;
}
h1{
	font-size: 12px;
	color: #666666;
	padding: 10px 0;
}
#header-nav{
	display: flex;
	justify-content: space-between;
}
#header-nav{align-items: center;}
#header-nav .logo{
	width: 25%;
	border-right: 1px rgba(102,102,102,0.5) dotted;
	display: block;
	padding-right: 40px;
}
.side-bnr{
	position: fixed;
	right: 0;
	z-index: 3;
	top: 30%;
}

/* フッター
------------------------------------------------------------*/
footer{width: 100%;}
.left {width: 46%;}
.right {width: 49%;}
.flower_bg{
	background-image: url("../images/access_bgL.jpg"),url("../images/access_bgR.jpg");
	background-position: left top,right top;
	background-repeat: repeat-y!important;
	background-size: auto!important;
}
.title{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
}
.title::before,.title::after{
	content: '';
	width: 67px;
	height: 120px;
	background-repeat: no-repeat!important;
	background-size: contain!important;
}
.title::before{background: url("../images/title-before.png");margin-right: 40px;}
.title::after{background: url("../images/title-after.png");margin-left: 40px;}
.title p,.title h2{text-align: center;}
.title p{color: #f4899b;}
.title h2{line-height: 120%;letter-spacing: 2px;}
.info li img{
	display: block;
	margin: 0 auto;
}
.flower-mini{
	display: flex;
	align-items: center;
}
.flower-mini::before{
	content: '';
	width: 35px;
	height: 33px;
	background: url("../images/flower_mini.png");
	background-repeat: no-repeat!important;
	background-size: contain!important;
	margin-right: 15px;
}
.info li a{
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #4cbf96;
	border-radius: 8px;
	padding: 20px 0;
}
.ls-1{letter-spacing: -1px;}
.map iframe{width: 100%!important;height: 300px!important;}
.bnr-box{padding: 60px 0;}
.bnr-box > div{
	max-width: 1610px;
	width: 90%;
	margin: 0 auto;
}
.bnr-box li{width: 23%;margin: 1%;}
.copy{
	color: #fff;
	background: #4cbf96;
	text-align: center;
	padding: 15px 0;
}
.tel-box{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}
.tel-box li{margin: 0.8%;}

/* ナビゲーション
------------------------------------------------------------*/
/* pc-nav */
.pc-nav{width: 76%;}
.pc-nav ul{display: flex;}
.pc-nav li:nth-last-child(-n+2){display: none;}
.pc-nav li{
	width: 28%;
	border-right: 1px rgba(102,102,102,0.5) dotted;
	text-align: center;
}
.pc-nav li a{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	display: block;
}
.pc-nav li a::before{
	content: '';
	width: 85px;
	height: 85px;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	display: block;
	margin: 0 auto 5px;
}
.pc-nav li:first-child a::before,.drawer-menu li:first-child a::before{background: url("../images/nav-icon01.png");}
.pc-nav li:nth-child(2) a::before,.drawer-menu li:nth-child(2) a::before{background: url("../images/nav-icon02.png");}
.pc-nav li:nth-child(3) a::before,.drawer-menu li:nth-child(3) a::before{background: url("../images/nav-icon03.png");}
.pc-nav li:nth-child(4) a::before,.drawer-menu li:nth-child(4) a::before{background: url("../images/nav-icon04.png");}
.pc-nav li:nth-child(5) a::before,.drawer-menu li:nth-child(5) a::before{background: url("../images/nav-icon05.png");}

/* ついてくるnav */
.clone-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	max-width: 1300px;
	width: 90%;
	margin: 0 auto;
	transition: .3s;
	transform: translateY(-100%);
	border-radius: 0 0 20px 20px;
	padding: 15px 0;
	background: #fff;
	border: 3px #4cbf96 dashed;
	border-top: none;
}
.clone-nav ul{justify-content: center;}
.clone-nav ul li a::before{content: none;}
.clone-nav ul li:nth-child(5){border-right: none;}
.is-show {transform: translateY(0);}

/* ドロワー */
.drawer-hamburger {display: none !important;}
.icon-menu::after{
	display: block;
	padding-top: 10px;
	content: 'menu' !important;
	font-size: 12px !important;
	color: #fff;
	line-height: 170%;
}
.drawer-hamburger {
	width: 2.2rem !important;
	padding: 8px .5rem 3px !important;
	position: fixed;
	border-radius: 5px;
	top: 5px !important;
	right: 5px !important;
	background: #4cbf96 !important;
	z-index: 99!important;
}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {background-color: #fff !important;height: 1px !important;}
.drawer-open .drawer-hamburger-icon {background-color: transparent !important;}
.drawer-hamburger-icon:after {top: 8px !important;}
.drawer-hamburger-icon:before {top: -8px !important;}
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {top: 0 !important;}
.drawer-nav {
	width: 100% !important;
	background: #fff;
	height: 100%!important;
	z-index: 3!important;
}
.drawer--right.drawer-open .drawer-hamburger {right: 225px !important;}
.drawer-overlay {z-index: 0!important;background: none !important;}

/* この下でデザイン */
.drawer-nav {
	display: flex;
	align-items: center;
	justify-content: center;
}
.drawer-menu{width: 100%;}
.drawer-menu li a{
	display: flex;
	align-items: center!important;
	justify-content: center;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.drawer-menu li a::before,.drawer-menu li:last-child a::before{
	content: '';
	width: 45px;
	height: 45px;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	position: absolute;
	left: 20px;
}
.drawer-menu li:not(:nth-last-child(-n+2)){
	border-bottom: 2px #f2f2f2 dotted;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.drawer-menu li img{width: 220px;}
.drawer-menu li:nth-last-child(2){margin-bottom: 5px;}
/*
.drawer-menu li:not(:nth-last-child(-n+3)){
	border-bottom: 2px #f2f2f2 dotted;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.drawer-menu li:nth-last-child(3){margin-bottom: 5px;}
.drawer-menu li:nth-last-child(2){margin-bottom: 20px;}
.drawer-menu li:last-child a{
	background: #4cbf96;
	color: #fff;
	padding: 20px 0;
	letter-spacing: 2px;
}
.drawer-menu li:last-child a::before{background: url("../images/online-icon.jpg");}
*/
/* メインエリア
------------------------------------------------------------*/
#main_area{
	max-width: 1800px;
	width: 95%;
	margin: 0 auto;
	position: relative;
}
#main_area > img{
	position: absolute;
	bottom: 0;
	right: 10px;
	z-index: 2;
	width: 22.2%;
}

/* TOPページコンテンツ
------------------------------------------------------------*/
/* 共通 */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
	z-index: 1;
}
#page-top a:hover {opacity: 0.5;}
.content{
	width: 100%;
	padding: 150px 0;
}
.line{
	background-image: url("../images/content-line.jpg");
	background-repeat: no-repeat!important;
	background-position: center bottom!important;
	background-size: 100%;
}
.inner-box{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

.top-contents{
	max-width: 1500px;
	width: 90%;
	margin: 0 auto;
}
.top{padding: 80px 0 150px;}

/* コンテンツ左
--------------------------------------*/
.left-box{width: 59%;}
.left-box > ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.left-box > ul li{width: 47.3%;margin: 1.3%;}
.left-box > ul li:nth-last-child(-n+2) a{
	display: block;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	padding: 35px 20px;
}
.left-box > ul li:nth-last-child(-n+2) img{display: block;margin: 0 auto;}

/* コンテンツ右
--------------------------------------*/
.right-box{width: 38%;}
.right-box > div:not(:last-child){margin-bottom: 40px;}
.topics li{font-size: 18px;}
.topics li a{
	display: block;
	text-decoration: underline;
	line-height: 120%;
}
.topics li:not(:last-child){margin-bottom: 15px;}
a.btn{
	display: block;
	font-size: 17px;
	color: #4cbf96;
	font-weight: bold;
	text-align: center;
	background: rgba(76,191,150,0.15);
	border-radius: 10px;
	padding: 17px 0;
}
.flexbox.btn_c2 > li{width: 49%;}

/* サブタイトル*/
.subtitle{
	display: flex;
	align-items: center;
	padding-bottom: 15px;
}
.subtitle::before{
	content: '';
	width: 65px;
	height: 48px;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	margin-right: 15px;
}
.subtitle.blue::before{background-image: url("../images/flowerB.png");}
.subtitle.blue{border-bottom: 2px rgba(129,199,234,0.3) solid;}
.subtitle.pink::before{background-image: url("../images/flowerP.png");}
.subtitle.pink{border-bottom: 2px rgba(244,137,155,0.3) solid;}
.subtitle.yellow::before{background-image: url("../images/flowerY.png");}
.subtitle.yellow{border-bottom: 2px rgba(244,231,130,0.6) solid;}
.subtitle.green::before{background-image: url("../images/flowerG.png");}
.subtitle.green{border-bottom: 2px rgba(76,191,150,0.3) solid;}
.hours img{
	width: auto!important;
	height: auto!important;
}

/* 下層ページコンテンツ
------------------------------------------------------------*/
/* 共通 */
#inner_title{
	max-width: 1730px;
	width: 93%;
	height: 465px;
	margin: 0 auto;
	border: 4px #4cbf96 solid;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}
#inner_title > div{
	max-width: 365px;
	width: 90%;
	background-color: #fff;
	padding: 10px 0;
	border-radius: 0 20px 0 17px;
	border-top: 4px #4cbf96 dashed;
	border-right: 4px #4cbf96 dashed;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url("../images/inner-title.png"),url("../images/inner-title.png");
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: 3% center,97% center;
}
#inner_title > div > p{
	font-weight: bold;
	text-align: center;
	color: #4cbf96;
	font-size: 28px;
	letter-spacing: 2px;
}
.title_about{background: url("../images/title_about.jpg");}
.title_kids{background: url("../images/title_kids.jpg");}
.title_topics{background: url("../images/title_topics.jpg");}
#pankuzu{
	max-width: 1500px;
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
}
#pankuzu ul{
	display: flex;
	flex-wrap: wrap;
}
#pankuzu ul li a{font-weight: bold;color: #4cbf96;}
#pankuzu ul li:not(:last-child) a::after{
	content: '-';
	padding: 0 10px;
	color: #494429;
}

/* タイトル */
.title2{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: 70px;
}
.title2::before,.title2::after{
	content: '';
	width: 169px;
	height: 107px;
	background-repeat: no-repeat!important;
	background-size: contain!important;
}
.title2::before{background: url("../images/title2-before.png");margin-right: 30px;}
.title2::after{background: url("../images/title2-after.png");margin-left: 30px;}
.title2 p{
	color: #fff;
	background: #f4899b;
	width: 150px;
	padding: 3px 5px;
	border-radius: 5px;
	margin: 0 auto 5px;
}
.title2 h2{
	font-weight: bold;
	font-size: 39px;
	letter-spacing: 1px;
}

/* 医院紹介
--------------------------------------*/
/* 院長からのごあいさつ */
.greeting{
	background-image: url("../images/star_bgR.jpg"),url("../images/round_bgL.jpg");
	background-repeat: no-repeat!important;
	background-position: right 40%,left 85%;
}
.img-boxR,.img-boxL{
	display: flex;
	align-items: flex-start;
}
.img-boxR > div,.img-boxL > div{width: 100%;}
.img-boxR > img,.img-boxL > img{
	display: block;
	height: auto;
	flex-shrink: 0;
	border-radius: 20px;
}
.img-boxR > img{margin-left: 50px;}
.img-boxL > img{margin-right: 50px;}
.w900{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
.merit{padding: 40px 30px;}
.merit > ul > li,.covid-19 > div > ul li{display: flex;}
.merit > ul > li span,.covid-19 > div > ul li span{
	display: block;
	width: 35px;
	line-height: 120%;
}
.merit > ul > li p,.covid-19 > div > li p{width: calc(100% - 35px);line-height: 120%;}
.merit > ul > li:not(:last-child),.covid-19 li{
	border-bottom: 4px #f2f2f2 dotted;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
/* クリニック紹介 */
.bgp{background-color: #fcf0f0;}
.flower_bgW{
	background-image: url("../images/flowerW_bgL.png"),url("../images/flowerW_bgR.png");
	background-repeat: repeat-y;
	background-position: left top,right top;
}
.out-box{
	border: 3px #81c7ea solid;
	border-radius: 30px;
	background: rgba(255,255,255,0.3);
	padding: 40px 30px;
	margin-top: 100px;
}
.out-box > h3{
	background: #81c7ea;
	max-width: 380px;
	width: 90%;
	color: #fff;
	margin: -70px auto 40px;
	padding: 10px 0;
	border-radius: 50px;
}
.out-box > ul > li{width: 48%;}
.out-box > ul > li:not(:nth-last-child(-n+2)){margin-bottom: 10px;}
.list li{
	list-style: circle;
	margin-left: 20px;
	line-height: 120%;
}
/* 施設紹介 */
.is-fixed {overflow: hidden;}
.facility{width: 100%;}
.facility li:nth-child(2),.facility li:nth-last-child(2){padding-top: 50px;}
.facility li:nth-child(-n+3){margin-bottom: 40px;}
.facility li{
	width: 31%!important;
	cursor: pointer;
	margin: 0 auto;
	transition: all .3s;
	-webkit-transition: all 0.3s;
}
.facility li img{
	display: block;
	margin: 0 auto;
	border-radius: 15px;
}
.facility li img:hover{
	opacity: 0.7;
	transition: all .3s;
	-webkit-transition: all 0.3s;
}
.facility .modal{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	z-index: 99;
}
.facility .modal-inner{
	position: relative;
	margin: 0 auto;
	display: block!important;
	width: 1100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.facility .modal-inner p{display: none;}
.facility li > p{
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 2px;
}
.facility li > p::before,.facility li > p::after{
	content: '';
	width: 30px;
	height: 28px;
	background-image: url("../images/flower_mini02.png");
	background-repeat: no-repeat!important;
	background-size: contain!important;
}
.facility li > p::before{margin-right: 15px;}
.facility li > p::after{margin-left: 15px;}

/* 当院の感染予防対策 */
.covid-19 li:last-child{margin-bottom: 0;}
.covid-19 li{line-height: 120%;}

/* 予防接種・乳児検診
--------------------------------------*/
/* 予防接種のご案内 */
.bgb{background-color: rgba(129,199,234,0.2);}
.vaccine-list > li > div{
	background: #fff;
	border-radius: 30px;
	padding: 60px;
}
.vaccine-list > li:not(:last-child){margin-bottom: 60px;}
.vaccine-list .check-upBox > div{width: 450px;}
.vaccine-list .check-upBox > p{width: calc(100% - 450px);}
.vaccine-list .check-upBox > div > p{
	width: 400px;
	height: 350px;
}
.vaccine-list .check-upBox > div > p > img{
	width: 400px;
	height: 350px;
}
.vaccine-list .list li:not(:last-child){margin-bottom: 15px;}
.flower-mini.blue::before{
	width: 30px;
	height: 28px;
	background: url("../images/flower_mini02.png");
}
.flower-mini.blue{padding-bottom: 15px;margin-bottom: 30px;}
.vaccine-list .list.flexbox li{width: 47%!important;}

/* 健診について */
.arrow::after{
	content: '';
	width: 15px;
	height: 84px;
	background-image: url("../images/dot-arrow.png");
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	margin: 60px auto;
}
.check-up{
	background-image: url("../images/star_bgR.jpg"),url("../images/round_bgL.jpg"), url("../images/round_bgR.jpg");
	background-repeat: no-repeat;
	background-position: right 5%,left center,right 94%;
}
.check-upBox{display: flex;}
.check-upBox > div{width: 510px;}
.check-upBox > p{width: calc(100% - 510px);}
.check-upBox > div > p,.vaccine-list .check-upBox > div > p{
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.check-upBox > div > p > img,.vaccine-list .check-upBox > div > p > img{
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
}
.check-upBox > div > p,.check-upBox > div > p > img{
	width: 460px;
	height: 490px;
}
.check-upBox > div > p:hover > img{
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}
.purpose li > span{
	display: block;
	font-size: 47px;
	letter-spacing: 6px;
}
.purpose li > img{
	display: block;
	margin: 0 auto 20px;
	border-radius: 15px;
}
.timing{padding: 50px 40px;}
.timing .list li:not(:last-child){margin-bottom: 20px;}
.belongings.out-box{margin-top: 70px;background: #fff;}
.flow h3{
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 4px #F4E782 dotted;
	padding-bottom: 20px;
	margin-bottom: 60px;
}
.flow h3::before,.flow h3::after{
	content: '';
	width: 35px;
	height: 33px;
	background-image: url("../images/flower_mini.png");
	background-repeat: no-repeat!important;
	background-size: contain!important;
}
.flow h3::before{margin-right: 25px;}
.flow h3::after{margin-left: 25px;}
.flow .img-boxR ul li{
	display: flex;
	border-bottom: 4px #F2F2F2 dotted;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.flow .img-boxR ul li:last-child{margin-bottom: 0;}
.flow .img-boxR ul li > span{width: 50px;}
.flow .img-boxR ul li > p{width: calc(100% - 50px);}
.flow .img-boxR ul li > p span{line-height: 120%;display: block;}


/* トピックス
--------------------------------------*/
.btn-box li{width: 32.5%;}
.btn-box li a,.details-btn li.list a{
	display: block;
	background-color: #4cbf96;
	background-image: url("../images/flower-btn.png");
	background-repeat: no-repeat;
	background-position: 5% center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	font-size: 20px;
	padding: 20px 10px;
	border-radius: 15px;
}
.btn-box li a,.details-btn li a{transition-property: transform;}
.btn-box li a:hover,.details-btn li a:hover{
	transform: translateY(-8px);
	opacity: 1.0!important;
}
.btn-box li a br{display: none;}
.topics-list > li{
	background: #f5f7f7;
	border-radius: 20px;
	padding: 60px;
}
.topics-list > li:not(:last-child){margin-bottom: 60px;}
.day{
	display: block;
	max-width: 160px;
	width: 100%;
	background: #f4899b;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px 3px;
	border-radius: 50px;
	margin-bottom: 15px;
	letter-spacing: 2px;
}
.topics-list > li a{
	display: block;
	text-decoration: underline;
	font-weight: bold;
	font-size: 26px;
	letter-spacing: 2px;
	margin-bottom: 30px;
	line-height: 120%;
}
.pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pager span,.pager a {
	display: block;
	line-height: 100%;
	font-size: 18px;
	padding: 10px 15px;
	margin: 5px;
	border-radius: 8px;
	font-weight: bold;
}
.pager span,.pager a:hover {background: #4cbf96;color: #fff;opacity: 1.0!important;}
.pager a {background: #f5f7f7}

/* 詳細 */
.details-btn{
	display: flex;
	justify-content: center;
}
.details-btn li{margin: 0.5%;}
.details-btn li a{
	display: block;
	padding: 20px 0;
	border-radius: 10px!important;
	font-weight: bold;
	text-align: center;
	font-size: 20px!important;
}
.details-btn li{width: 10%;}
.details-btn li.list{width: 30%;}
.details-btn li:not(.list) a{background: #f5f7f7;}

.entry *{ font-size:18px; font-weight:400;}
.entry a{color: #ef8800; text-decoration: underline;}
.entry a:hover{text-decoration:none;}
.entry strong,.entry h3,.entry h4,.entry h5{font-weight:bold;}
.entry h3,.entry h4{display:flex;align-items: center; padding-bottom: 15px; margin-bottom: 30px;}
.entry h3::before{
	content: "";
	width:65px;
	height: 48px;
	background-image: url("../images/flowerG.png");
	background-repeat: no-repeat!important;
	background-size: contain !important;
	margin-right: 15px;
}
.entry h3{border-bottom: 2px rgba(76,191,150,0.3) solid; font-size:26px;}
.entry h4::before{
	content: "";
	width: 30px;
	height: 28px;
	background: url("../images/flower_mini02.png");
	background-repeat: no-repeat!important;
	background-size: contain !important;
	margin-right: 15px;
}
.entry h4{
	font-size: 22px;
	color: #57ACCE;
	letter-spacing: normal;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 4px #81c7ea dotted;
}

.entry p{padding-bottom:16px;}
.entry ol,.entry ul{margin-left:1em;}
.entry ol li{list-style:decimal; padding:0; margin:0; border:none;}
.entry ul li{list-style:disc; padding:0; margin:0; border:none;}
.entry:after{clear:both; content:""; display:block;}
.entry img {max-width:100%; height:auto;}
.entry span{
	background:none;
	padding:inherit;
	border-radius:0;
}


/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	body {min-width: 980px!important;}
	a[href^="tel:"]{pointer-events: auto;}
	.fs18,.fs20,.fs22{font-size: 16px!important;}
	.fs26,.fs28{font-size: 18px!important;}
	.fs30{font-size: 20px!important;}
	.mb30{margin-bottom: 20px!important;}
	.mb40,.mb50{margin-bottom: 30px!important;}
	.mb70,.mb80{margin-bottom: 40px!important;}
	.mpb20{margin-bottom: 15px;padding-bottom: 15px;}
	.mpb30{margin-bottom: 25px;padding-bottom: 25px;}
	.text2{line-height: 160%;letter-spacing: 1px;}
	.entry h3{font-size: 18px;}
	.entry h4{font-size: 16px;}
	#page-top img {width: 60px;height: auto;}
	header{padding-bottom: 10px;}
	#header-nav .logo{padding-right: 20px;}
	.side-bnr img{width: 50px;}
	.pc-nav li a::before{
		width: 50px;
		height: 50px;
	}
	.pc-nav li a{font-size: 16px;}
	.content{padding: 80px 0;}
	.top{padding: 50px 0 80px;}
	
	/* コンテンツ左
	------------------------------------------------------------*/
	.left-box > ul li:nth-last-child(-n+2) a{padding: 20px 10px;}
	.left-box > ul li:nth-last-child(-n+2) img{height: 40px;}
	.fb {
	  width: 100%;
	  overflow:auto; 
	  -webkit-overflow-scrolling:touch;

	}
	/* コンテンツ右
	--------------------------------------*/
	.right-box > div:not(:last-child){margin-bottom: 30px;}
	.topics li{font-size: 16px;}
	a.btn{font-size: 16px;padding: 10px 0;border-radius: 5px;}
	.flexbox.btn_c2 > li{width: 100%;}
	.flexbox.btn_c2 > li:not(:last-child),.btn_c2.mb10{margin-bottom: 8px!important;}

	/* サブタイトル */
	.subtitle::before{
		width: 45px;
		height: 33px;
		margin-right: 8px;
	}
	
	/* フッター
	------------------------------------------------------------*/
	.flower_bg{background-size: 15%!important;}
	.title{margin-bottom: 40px;}
	.title::before,.title::after{width: 40px;height: 72px;}
	.title::before{margin-right: 15px;}
	.title::after{margin-left: 15px;}
	.flower-mini::before{
		width: 25px;
		height: 23px;
		margin-right: 8px;
	}
	.info li a{font-size: 16px;padding: 15px 0;}
	.map iframe{height: 250px!important;}
	.bnr-box{padding: 40px 0;}
	
	/* 下層ページコンテンツ
	------------------------------------------------------------*/
	/* 共通 */
	#inner_title{
		height: 380px;
		border: 3px #4cbf96 solid;
	}
	#inner_title > div{
		max-width: 280px;
		border-radius: 0 20px 0 15px;
		background-size: 30px;
		border-top: 3px #4cbf96 dashed;
		border-right: 3px #4cbf96 dashed;
	}
	#inner_title > div > p{font-size: 20px;}
	#pankuzu{padding: 10px 0;}
	
	/* タイトル */
	.title2{margin-bottom: 40px;}
	.title2::before,.title2::after{
		width: 100px;
		height: 63px;
	}
	.title2::before{margin-right: 15px;}
	.title2::after{margin-left: 15px;}
	.title2 p{
		width: 130px;
		padding: 2px 3px;
		line-height: 120%;
	}
	.title2 h2{font-size: 20px;}
	
	/* 医院紹介
	--------------------------------------*/
	/* 院長からのごあいさつ */
	.greeting{
		background-position: right top,left 60%!important;
		background-size: 320px;
	}
	.img-boxR > img,.img-boxL > img{width: 280px;}
	.img-boxR > img{margin-left: 30px;}
	.img-boxL > img{margin-right: 30px;}
	.merit{padding: 30px 20px;}
	.merit > ul > li span,.covid-19 > div > ul li span{width: 25px;}
	.merit > ul > li p,.covid-19 > div > ul li p{width: calc(100% - 25px);}
	.merit > ul > li:not(:last-child){
		border-bottom: 2px #f2f2f2 dotted;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	/* クリニック紹介 */
	.flower_bgW{background-size: 15%;}
	.out-box{
		border-radius: 15px;
		padding: 30px 15px;
		margin: 60px auto 0;
		max-width: 700px;
		width: 100%;
	}
	.out-box > h3{margin: -57px auto 20px;}
	.out-box > ul > li{width: 100%;}
	.out-box > ul > li:not(:last-child){margin-bottom: 8px;}
	.out-box .ls3{letter-spacing: normal;}

	/* 施設紹介 */
	.facility li:nth-child(-n+3){margin-bottom: 20px;}
	.facility li img{border-radius: 10px;}
	.facility .modal-inner{width: 200%;}
	.facility li > p::before,.facility li > p::after{
		width: 25px;
		height: 23px;
	}
	.facility li > p::before{margin-right: 8px;}
	.facility li > p::after{margin-left: 8px;}
	
	/* 当院の感染予防対策 */
	.covid-19 li{
		border-bottom: 2px #f2f2f2 dotted;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.covid-19.al-center{align-items: flex-start!important;}
	
	/* 予防接種・乳児検診
	--------------------------------------*/
	/* 予防接種のご案内 */
	.bgb{background-color: rgba(129,199,234,0.2);}
	.vaccine-list > li > div{
		background: #fff;
		border-radius: 20px;
		padding: 40px 30px;
	}
	.vaccine-list > li:not(:last-child){margin-bottom: 30px;}
	.vaccine-list .check-upBox > div > p,.vaccine-list .check-upBox > div > p > img{
		width: 280px;
		height: 245px;
	}
	.flower-mini.blue::before{
		width: 25px;
		height: 23px;
	}
	.flower-mini.blue{padding-bottom: 10px;margin-bottom: 20px;}
	.vaccine-list h3.mb40{margin-bottom: 20px!important;}
	
	/* 健診について */
	.check-up{background-size: 300px;background-position: right 5%,left center,right 98%;}
	.arrow::after{
		width: 8px;
		height: 45px;
		margin: 40px auto;
	}
	.check-upBox > div{width: 310px!important;}
	.check-upBox > p{width: calc(100% - 310px)!important;}
	.check-upBox > div > p,.check-upBox > div > p > img{
		width: 280px;
		height: 298px;
	}
	.purpose li > span{font-size: 30px;}
	.timing{padding: 30px 20px;}
	.timing .list li:not(:last-child){margin-bottom: 15px;}
	.belongings.out-box{margin-top: 50px;}
	.flow h3{
		padding-bottom: 10px;
		margin-bottom: 30px;
	}
	.flow h3::before{margin-right: 15px;}
	.flow h3::after{margin-left: 15px;}
	.flow .img-boxR ul li{
		border-bottom: 2px #F2F2F2 dotted;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.flow .img-boxR ul li > span{width: 30px;}
	.flow .img-boxR ul li > p{width: calc(100% - 30px);}

	/* トピックス
	--------------------------------------*/
	.btn-box li a,.details-btn li a{
		font-size: 16px!important;
		padding: 15px 0!important;
		border-radius: 8px!important;
		line-height: 120%;
	}
	.btn-box li a,.details-btn li.list a{background-size: 40px;}
	.btn-box li a{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.btn-box li a br{display: block;}

	.day{
		margin-bottom: 10px;
		max-width: 120px;
	}
	.topics-list > li{padding: 40px 30px;}
	.topics-list > li a{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.topics-list > li .text{line-height: 150%;}
	.topics-list > li:not(:last-child){margin-bottom: 30px;}
	.pager span,.pager a {font-size: 16px;padding: 8px 12px;margin: 3px;}
	
	/* 詳細 */
	.details-btn li{width: 16%!important;}
	.details-btn li.list{width: 36%!important;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	body {min-width: 700px!important;}
	.drawer-hamburger{display: block!important;}
	.side-bnr{display: none!important;}
	.center_l2{text-align: left!important;}
	h1{padding: 0 50px 8px 0;line-height: 120%;}
	header{padding: 15px 0 10px;}
	#header-nav .logo{
		width: 100%;
		border-right: none;
		padding-right: 0;
	}
	#header-nav .logo img{
		display: block;
		margin: 0 auto;
		width: 260px;
	}
	
	/* カレンダー
	------------------------------------------------------------*/
	.calendar{height: 500px;}
	
	/* コンテンツ左
	------------------------------------------------------------*/
	.left-box,.right-box{width: 100%;}
	.left-box{margin-bottom: 30px;}
	.fb-page{max-width:500px;width:100%;}
	
	/* コンテンツ右
	------------------------------------------------------------*/
	.right-box > div:not(:last-child){margin-bottom: 30px;}
	.topics li{font-size: 16px;}
	.flexbox.btn_c2 > li{width: 49.3%;}
	.btn_c2.mb10{margin-bottom: 0!important;}
	.hours img{width: 450px!important;}

	/* サブタイトル
	------------------------------------------------------------*/
	.subtitle::before{
		width: 45px;
		height: 33px;
		margin-right: 8px;
	}
	/* フッター
	------------------------------------------------------------*/
	.left,.right{width: 100%;}
	.left{margin-bottom: 30px;}
	.map iframe{height: 280px!important;}
	.info li img{width: 420px;}
	.info li img.mb15{margin-bottom: 8px!important;}
	.left li:first-child > div{max-width: 420px;width: 100%;margin: 0 auto;}
	.bnr-box li{width: 48%;margin: 1%;}
	
	/* 下層ページコンテンツ
	------------------------------------------------------------*/
	/* 医院紹介
	--------------------------------------*/
	/* 院長からのごあいさつ */
	.greeting{background-position: right 20%,left 70%!important;}
	.img-boxR,.img-boxL{flex-wrap: wrap;}
	.img-boxR > img,.img-boxL > img{margin: 0 auto 20px;}
	.img-boxR > img{order: 1;}
	.img-boxR > div{order: 2;}
	
	/* 施設紹介 */
	.facility li{width: 48%!important;}
	.facility li:nth-child(2),.facility li:nth-last-child(2){padding-top: 0;}
	.facility li:not(:nth-last-child(-n+2)){margin-bottom: 30px;}
	.facility li img:hover{opacity: 1.0!important;}
	/* 当院の感染予防対策 */
	.covid-19.img-boxR > img{margin: 0 auto 30px;}
	
	/* 予防接種・乳児検診
	--------------------------------------*/
	/* 予防接種のご案内 */
	.vaccine-list > li .ls5{letter-spacing: normal;line-height: 120%;}
	.vaccine-list .list.flexbox li{width: 100%!important;}
	
	/* 健診について */
	.check-up{background-size: 260px;}
	.check-upBox{flex-wrap: wrap;}
	.check-upBox > div,.check-upBox > p{width: 100%!important;}
	.check-upBox > div > p{margin: 0 auto 20px!important;}
	.check-up .arrow .center_l{text-align: left;}
	.check-up .arrow .sp_non{display: none;}
	.purpose .c2{
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
	}
	.purpose .c2:first-child{margin-bottom: 30px;}
	.purpose li > img{width: 400px;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	body {min-width: inherit!important;width: 100%;}
	.sp_on{display: block;}
	.sp_non{display: none;}
	.center_l{text-align: left;}
	header{
		background: url("../images/header_bgL.jpg");
		background-position: left top;
	}
	#main_area{width: 100%;}
	#main_area > img{right: 2px;width: 42%;}
	
	/* TOPページコンテンツ
	------------------------------------------------------------*/
	/* 共通 */
	.line{background-image: url("../images/content-lineSP.jpg");}
	.left-box > ul li{width: 100%;margin: 0;}
	.left-box > ul li:not(:last-child){margin-bottom: 15px!important;}
	.left-box > ul li:not(:nth-last-child(-n+2)) img{
		width: 345px;
		display: block;
		margin: 0 auto;
	}
	.left-box > ul li:nth-last-child(-n+2){max-width: 345px;width: 100%;margin: 0 auto;}
	.topics{display: none!important;}
	.flexbox.btn_c2 > li{width: 100%;}
	.flexbox.btn_c2 > li:not(:last-child),.btn_c2.mb10{margin-bottom: 6px!important;}
	
	/* フッター
	------------------------------------------------------------*/
	.flower_bg{background: none;}
	.right .ls3{letter-spacing: 1px;}
	.bnr-box li{width: 100%;margin: 0;}
	.bnr-box li:not(:last-child){margin-bottom: 15px!important;}
	.bnr-box li img{display: block;margin: 0 auto;width: 345px;}
	.title h2 span{letter-spacing: -0.8px;}
	.tel-box{display: block;}
	.tel-box li{margin: 0;}
	.tel-box li:first-child{margin-bottom: 8px;}
	.tel-box li img{
		display: block;
		margin: 0 auto;
		width: 260px;
	}
	
	/* 下層ページコンテンツ
	------------------------------------------------------------*/
	/* 共通 */
	#inner_title{border-radius: 15px;}
	#inner_title > div{
		padding: 10px 0;
		border-radius: 0 15px 0 12px;
		max-width: 230px;
		background-size: 25px;
		border-top: 3px #4cbf96 solid;
		border-right: 3px #4cbf96 solid;
	}
	#inner_title > div > p{font-size: 18px;letter-spacing: normal;}
	.title_about{background: url("../images/title_aboutSP.jpg");}
	.title_kids{background: url("../images/title_kidsSP.jpg");}
	.title_topics{background: url("../images/title_topicsSP.jpg");}
	
	/* タイトル */
	.title2{align-items: flex-end!important;justify-content: space-between;}
	.title2::before,.title2::after{
		width: 73px;
		height: 46px;
	}
	.title2 h2{
		font-size: 18px;
		line-height: 110%;
		letter-spacing: 2px;
	}
	.title2 p{font-size: 12px;width: 90px;}
	
	/* 下層ページコンテンツ
	------------------------------------------------------------*/
	/* 医院紹介
	--------------------------------------*/
	/* 院長からのごあいさつ */
	.greeting{background-size: 280px;}
	.flower_bgW{
		background-image: url("../images/flowerW_bgSP-T.png"),url("../images/flowerW_bgSP-B.png");
		background-repeat: repeat-x;
		background-position: left top,left bottom;
		background-size: 180px;
	}
	/* 施設紹介 */
	.facility li{width: 100%!important;}
	.facility li:not(:last-child){margin-bottom: 30px;}
	.facility li img{width: 280px;}
	
	/* 予防接種・乳児検診
	--------------------------------------*/
	/* 予防接種のご案内 */
	.vaccine-list > li > div{padding: 40px 20px;}
	.vaccine-list .check-upBox > div > p,.vaccine-list .check-upBox > div > p > img{
		width: 240px;
		height: 210px;
	}
	/* トピックス
	--------------------------------------*/
	.btn-box li{
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	.btn-box li:not(:last-child){margin-bottom: 5px;}
	.topics-list > li{padding: 40px 20px;}
	.day{letter-spacing: 1px;}
	
	/* 詳細 */
	.details-btn li{margin: 0 1%;}
	.details-btn li{width: 23%!important;}
	.details-btn li.list{width: 51%!important;}
}

/* 350px以下から
------------------------------------------------------------*/
@media only screen and (max-width:350px){
	.drawer-nav{padding-top: 20px;display: block!important;}
	.drawer--top{
		overflow: auto;
		height: 100%;
		-webkit-overflow-scrolling: touch;
	}
	.drawer-menu li a::before {width: 33px!important;height: 33px!important;}
	.drawer-menu li:last-child a{padding: 20px 0 30px;}
	.title2 h2{letter-spacing: -1.2px!important;}
	.sp_on2{display: block;}
}

/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}}