@charset 'UTF-8';
/*normalize: http://necolas.github.io/normalize.css/*/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video{
	display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]){
	display: none;
	height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],template{
	display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html{
	font-family: sans-serif; /* 1 */

	-webkit-text-size-adjust: 100%; /* 2 */
	    -ms-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body{
	margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a{
	background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus{
	outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover{
	outline: 0;
}


/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1,h2,h3,h4,p{
	font-size: 1em;
	font-weight: 500;
	margin: 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title]{
	border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,strong,.strong{
	font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,em,.em{
	font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr{
	box-sizing: content-box;
	height: 0;
}
/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p{
	-webkit-hyphens: auto;
	        hyphens: auto;

	-epub-hyphens: auto;
	    -ms-hyphens: auto;
}
/*
 * Addresses margins set differently in IE6/7.
 */
pre{
	margin: 0;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,kbd,pre,samp{
	font-family: monospace, serif;
	font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre{
	white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q{
	quotes: '\201C' '\201D' '\2018' '\2019';
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,q:after{
	content: '';
	content: none;
}
small,.small{
	font-size: 75%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup{
	top: -.5em;
}
sub{
	bottom: -.25em;
}
/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,menu,ol,ul{
	margin: 0;
}
dd{
	margin: 0;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu{
	padding: 0 0 0 40px;
}
ol,ul{
	padding: 0;
	list-style-type: none;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,nav ol{
	list-style: none;
	list-style-image: none;
}
/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img{
	border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root){
	overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure{
	margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset{
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid #c0c0c0;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend{
	padding: 0; /* 2 */
	border: 0; /* 1 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,input,select,textarea{
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,input{
	line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,select{
	text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type='button'],/* 1 */
input[type='reset'],input[type='submit']{
	cursor: pointer; /* 3 */

	-webkit-appearance: button; /* 2 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled]{
	cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],input[type='radio']{
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search']{
	box-sizing: content-box;

	-webkit-appearance: textfield; /* 1 */ /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{
	-webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea{
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table{
	border-spacing: 0;
	border-collapse: collapse;
}
*{
	box-sizing: border-box;
}
.image-replacement,.ir{
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
.clearfix,.cf{
	zoom: 1;
}
.clearfix:before,.clearfix:after,.cf:before,.cf:after{
	display: table; 
	content: '';
}
.clearfix:after,.cf:after{
	clear: both;
}
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp{
	font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
	font-style: italic;
}
:root{
	--color: #646464;
	/*イージング*/
	--easeInOutSine: cubic-bezier(.445, .050, .550, .950);
	--vh: 1vh;
}
/* ==========================================================================
   共通設定
========================================================================== */
@font-face{
	font-family: 'YuMincho M';
	font-weight: 500;

	src: local('Yu Mincho Medium'),
	local('Yu Mincho');
}
@font-face{
	font-family: 'YuGothic M';
	font-weight: 500;

	src: local('Yu Gothic Medium'),
	local('Yu Gothic');
}
html{
	font-size: 62.5%;
	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}
body{
	font-family: '游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.4;
	overflow: hidden;
	width: 100%;
	min-width: 920px;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: .1em;
	color: #646464;
	color: var(--color);

	font-feature-settings: 'pkna';
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
a{
	text-decoration: none;
	opacity: 1;
	color: #646464;
	color: var(--color);
}
a:hover{
	opacity: .7;
}
.spShow{
	display: none;
}
.pcShow{
	display: inline-block;
}
button{
	padding: 0;
	border: none;
	outline: none;
	background: none;
}
button:focus{
	outline: none;
}
.container{
	display: -ms-grid;
	display:     grid;
	min-height: calc(1vh*100);
	min-height: calc(var(--vh, 1vh)*100);

	-ms-grid-columns: 100% 100% 100%;
	-ms-grid-rows: auto 1fr 100px;
	grid-template: 'header' auto
	'pageContainer' 1fr
	'footer' 100px / 100% 100% 100%;
}
.header{
	grid-area: header;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}
.pageContainer{
	grid-area: pageContainer;
	-ms-grid-column: 1;
	-ms-grid-row: 2;
}
.footer{
	grid-area: footer;
	-ms-grid-column: 1;
	-ms-grid-row: 3;
}
/* ==========================================================================
   header
========================================================================== */
.header{
	display: -ms-grid;
	display:     grid;
	width: 100%;
	width: 100%;
	padding-top: 18px;

	-ms-grid-columns: 1fr 450px 450px 1fr;
	-ms-grid-rows: auto;
	grid-template-columns: 1fr 450px 450px 1fr;
	grid-template-rows: auto;
}
.header::before{
	content: '';

	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 1;
	    grid-row: 1 / 3;
	-ms-grid-row-span: 2;
}
.header::after{
	content: '';

	-ms-grid-column: 4;
	    grid-column: 4;
	-ms-grid-row: 1;
	    grid-row: 1 / 3;
	-ms-grid-row-span: 2;
}
.header .logo{
	-ms-grid-column: 2;
	    grid-column: 2;
	-ms-grid-row: 1;
	    grid-row: 1;
}
.header .tel{
	-ms-grid-column: 3;
	    grid-column: 3;
	-ms-grid-column-align: end;
	-ms-grid-row: 1;
	    grid-row: 1;
	justify-self: end;
}
.header .tel .number{
	line-height: 1;
	display: flex;
	color: #251900;

	align-items: flex-end;
	justify-content: flex-end;
}
.header .tel .number a{
	color: #251900;
}
.header .tel .number li:first-child{
	font-size: 1.8rem;
	margin-right: 10px;
}
.header .tel .number li:last-child{
	font-size: 1.1rem;
}
.header .tel .time{
	font-size: 1.1rem;
	line-height: 1;
	display: flex;
	margin-top: 6px;
	text-align: right;
	color: #251900;

	justify-content: flex-end;
}
.header .tel .time li:first-child{
	margin-right: 20px;
}

.header .sns {
    grid-column: 2;
    grid-row: 1;
    margin-left: 300px;
}
.header .sns .sns-icon{
	line-height: 1;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.header .sns .sns-icon li{
	margin: 5px 5px 0 0;
}

/* ==========================================================================
   グローバルナビ
========================================================================== */
.gNav{
	display: -ms-grid;
	display:     grid;
	width: 100%;
	width: 100%;
	background: #8e8679;

	-ms-grid-columns: 1fr 900px 1fr;
	-ms-grid-rows: 50px;
	grid-template-columns: 1fr 900px 1fr;
	grid-template-rows: 50px;
}
.gNav::before{
	content: '';

	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 1;
	    grid-row: 1 / 3;
	-ms-grid-row-span: 2;
}
.gNav::after{
	content: '';

	-ms-grid-column: 4;
	    grid-column: 4;
	-ms-grid-row: 1;
	    grid-row: 1 / 3;
	-ms-grid-row-span: 2;
}
.gNav ul{
	display: flex;

	align-self: center;
	-ms-grid-column: 2;
	    grid-column: 2;
	justify-content: center;
}
.gNav ul a{
	display: flex;
	height: 50px;
	color: #fff;

	align-items: center;
	justify-content: center;
}
.gNav li{
	line-height: 1;
	margin: 0 35px;
	letter-spacing: 0;
}
/* ==========================================================================
   footer
========================================================================== */
.footer{
	font-size: 1.0rem;
	display: flex;
	margin-top: 45px;
	color: #000;
	background: #dbd4c2;

	align-items: center;
	justify-content: center;
}
/* ==========================================================================
   下層共通
========================================================================== */
.pageHeader{
	margin: 49px 0 45px;
	text-align: center;
}
.bannerNav{
	max-width: 900px;
	margin: 0 auto;
}
.bannerNav ul{
	display: flex;

	flex-flow: row wrap;
}
.bannerNav li{
	flex: 0 1 281px;
}
.bannerNav li:not(:nth-child(3n)){
	margin-right: 28.5px;
}
.bannerNav li:nth-child(1),.bannerNav li:nth-child(2),.bannerNav li:nth-child(3){
	margin-bottom: 20px;
}
.bottomAccess{
	display: -ms-grid;
	display:     grid;
	max-width: 900px;
	margin: 40px auto 0;
	padding-top: 40px;
	border-top: 1px solid #dbd4c2;

	-ms-grid-columns: 350px 1fr;
	-ms-grid-rows: 35px 1fr;
	grid-template-columns: 350px 1fr;
	grid-template-rows: 35px 1fr;
}
.bottomAccess h2{
	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 1;
	    grid-row: 1;
}
.bottomAccess address{
	font-size: 1.5rem;
	font-style: normal;
	line-height: 1.53;
	padding-top: 15px;

	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 2;
	    grid-row: 2;
}
.bottomAccess address .tel{
	line-height: 1;
	margin-top: 12px;
	color: #000;
}
.bottomAccess address .tel a{
	color: #000;
}
.bottomAccess address .tel li:first-child{
	font-size: 2.2rem;
}
.bottomAccess address .tel li:last-child{
	font-size: 1.1rem;
	margin-top: 8px;
}
.bottomAccess address .time{
	margin-top: 10px;
	color: #000;
}
.bottomAccess .googleMap{
	height: 200px;

	-ms-grid-column: 2;
	    grid-column: 2;
	-ms-grid-row: 1;
	    grid-row: 1 / 3;
	-ms-grid-row-span: 2;
}
.bottomAccess .googleMap iframe{
	width: 100%;
	height: 100%;
}
/* ==========================================================================
   当院について
========================================================================== */
.about-usPage .main{
	padding: 75px 0;
	background: url('../../img/about_bk.png') no-repeat center top;
}
.about-usPage .greet{
	line-height: 3;
	text-align: center;
	color: #726c5a;
}
.about-usPage .examinationtable{
	text-align: center;
    margin-bottom: 30px;
}
/* ==========================================================================
   診療案内テスト
========================================================================== */
.pediatric-dentistry-testPage .main{
	max-width: 100%;
	margin: 0 auto;
	padding: 55px 0 35px;
}
.pediatric-dentistry-testPage .catch h2{
	line-height: 1;
	margin-bottom: 50px;
	text-align: center;
}
.pediatric-dentistry-testPage .catch p{
	line-height: 2.78;
	text-align: center;
}
.pediatric-dentistry-testPage .torikumi{
	display: flex;
	margin-top: 45px;

	flex-flow: row wrap;
	justify-content: space-between;
}
.pediatric-dentistry-testPage .torikumi li{
	margin-bottom: 10px;
}
.pediatric-dentistry-testPage .torikumi+p{
	margin-top: 35px;
}
.pediatric-dentistry-testPage .bannerNav{
	padding-top: 30px;
	border-top: 1px solid #dbd4c2;
}

.pediatric-dentistry-testPage .guide{
margin-top: 45px;
    padding: 45px 0 55px;
    background: #dbd4c2;
}
.pediatric-dentistry-testPage .guide>h2{
line-height: 1;
    margin-bottom: 35px;
    text-align: center;
}
.pediatric-dentistry-testPage .guide .menuRow{
display: flex;
    max-width: 900px;
    margin: 0 auto;
    flex-flow: row wrap;
    justify-content: space-between;
}
.pediatric-dentistry-testPage .guide .guideMenu{
padding: 20px 0 26px;
    border-radius: 20px;
    background: #fff;
    flex: 0 1 435px;
}
.pediatric-dentistry-testPage .guide .guideMenu a.pd{
padding: 20px 0 26px;
    border-radius: 20px;
    background: #fff;
    flex: 0 1 435px;
}
.pediatric-dentistry-testPage .guide .guideMenu h2{
line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}
.pediatric-dentistry-testPage .guide .guideMenu p{
font-size: 1.2rem;
    line-height: 1.66;
    max-width: 388px;
    margin: 0 auto;
    text-align: center;
}
.pediatric-dentistry-testPage .guide .guideMenu3{
margin-top: 20px;
}


/* ==========================================================================
   診療案内-->小児歯科
========================================================================== */
.pediatric-dentistry2Page .main{
	max-width: 900px;
	margin: 0 auto;
	padding: 55px 0 35px;
}
.pediatric-dentistry2Page .catch h2{
	line-height: 1;
	margin-bottom: 50px;
	text-align: center;
}
.pediatric-dentistry2Page .catch p{
	line-height: 2.78;
	text-align: center;
}
.pediatric-dentistry2Page .torikumi{
	display: flex;
	margin-top: 45px;

	flex-flow: row wrap;
	justify-content: space-between;
}
.pediatric-dentistry2Page .torikumi li{
	margin-bottom: 10px;
}
.pediatric-dentistry2Page .torikumi+p{
	margin-top: 35px;
}
.pediatric-dentistry2Page .bannerNav{
	padding-top: 30px;
	border-top: 1px solid #dbd4c2;
}
/* ==========================================================================
   小児歯科
========================================================================== */
/*.pediatric-dentistryPage .main{
	max-width: 900px;
	margin: 0 auto;
	padding: 55px 0 35px;
}
.pediatric-dentistryPage .catch h2{
	line-height: 1;
	margin-bottom: 50px;
	text-align: center;
}
.pediatric-dentistryPage .catch p{
	line-height: 2.78;
	text-align: center;
}
.pediatric-dentistryPage .torikumi{
	display: flex;
	margin-top: 45px;

	flex-flow: row wrap;
	justify-content: space-between;
}
.pediatric-dentistryPage .torikumi li{
	margin-bottom: 10px;
}
.pediatric-dentistryPage .torikumi+p{
	margin-top: 35px;
}
.pediatric-dentistryPage .bannerNav{
	padding-top: 30px;
	border-top: 1px solid #dbd4c2;
}*/



.pediatric-dentistryPage .main{
	max-width: 100%;
	margin: 0 auto;
	padding: 55px 0 35px;
}
.pediatric-dentistryPage .catch h2{
	line-height: 1;
	margin-bottom: 50px;
	text-align: center;
}
.pediatric-dentistryPage .catch p{
	line-height: 2.78;
	text-align: center;
}
.pediatric-dentistryPage .torikumi{
	display: flex;
	margin-top: 45px;

	flex-flow: row wrap;
	justify-content: space-between;
}
.pediatric-dentistryPage .torikumi li{
	margin-bottom: 10px;
}
.pediatric-dentistryPage .torikumi+p{
	margin-top: 35px;
}
.pediatric-dentistryPage .bannerNav{
	padding-top: 30px;
	border-top: 1px solid #dbd4c2;
}

.pediatric-dentistryPage .guide{
margin-top: 45px;
    padding: 45px 0 55px;
    background: #dbd4c2;
}
.pediatric-dentistryPage .guide>h2{
line-height: 1;
    margin-bottom: 35px;
    text-align: center;
}
.pediatric-dentistryPage .guide .menuRow{
display: flex;
    max-width: 900px;
    margin: 0 auto;
    flex-flow: row wrap;
    justify-content: space-between;
}
.pediatric-dentistryPage .guide .guideMenu{
padding: 20px 0 26px;
    border-radius: 20px;
    background: #fff;
    flex: 0 1 435px;
}
.pediatric-dentistryPage .guide .guideMenu a.pd{
padding: 20px 0 26px;
    border-radius: 20px;
    background: #fff;
    flex: 0 1 435px;
}
.pediatric-dentistryPage .guide .guideMenu h2{
line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}
.pediatric-dentistryPage .guide .guideMenu p{
font-size: 1.2rem;
    line-height: 1.66;
    max-width: 388px;
    margin: 0 auto;
    text-align: center;
}
.pediatric-dentistryPage .guide .guideMenu3{
margin-top: 20px;
}


/* ==========================================================================
   スタッフ紹介
========================================================================== */
.staffPage .main{
	max-width: 900px;
	margin: 0 auto;
	padding: 45px 0 55px;
}
.staffPage .staffBox{
	display: -ms-grid;
	display:     grid;

	-ms-grid-columns: 400px 1fr;
	-ms-grid-rows: auto auto;
	grid-template-columns: 400px 1fr;
	grid-template-rows: auto auto;
}
.staffPage .staffBox header{
	margin: 0 0 15px 45px;
	padding-bottom: 15px;
	color: #000;
	border-bottom: 1px solid #646464;

	align-self: end;
	-ms-grid-column: 2;
	    grid-column: 2;
	-ms-grid-row: 1;
	    grid-row: 1;
	-ms-grid-row-align: end;
}
.staffPage .staffBox header .katagaki{
	font-size: 1.3rem;
	line-height: 1.3;
	margin-bottom: 5px;
}
.staffPage .staffBox header h2{
	font-size: 2.0rem;
	line-height: 1.3;
}
.staffPage .staffBox figure{
	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 1;
	    grid-row: 1 / 3;
	-ms-grid-row-span: 2;
}
.staffPage .staffBox .message{
	line-height: 2;
	max-width: 424px;
	margin-left: 45px;

	-ms-grid-column: 2;
	    grid-column: 2;
	-ms-grid-row: 2;
	    grid-row: 2;
}
.staffPage .intyouBox header .prof{
	font-size: 1.3rem;
	line-height: 1.76;
}
.staffPage .intyouBox header .katagaki{
	line-height: 1.76;
}
.staffPage .intyouBox .message{
	max-width: none;
}
.staffPage .otherStaff{
	display: flex;
	margin-top: 40px;
	padding: 23px 35px;
	border: 1px solid #8c8c8c;
}
.staffPage .otherStaff ul{
	line-height: 2;
}
.staffPage .otherStaff ul:first-child{
	border-right: 1px solid #8c8c8c;

	flex: 0 1 213px;
}
.staffPage .otherStaff ul:last-child{
	padding-left: 40px;

	flex: 1 0 auto;
}
.staffPage .otherStaff ul:last-child li span:first-child{
	display: inline-block;
	width: 5.5em;
	margin-right: .5em;
}
.staffPage .bannerNav{
	padding-top: 30px;
	border-top: 1px solid #dbd4c2;
}
/* ==========================================================================
   LINE予約
========================================================================== */
.linePage .main{
	max-width: 900px;
	margin: 0 auto;
	padding: 55px 0 35px;
}
.linePage .catch h2{
	font-size: 3.0rem;
	margin: 20px 0 10px 0;
	text-align: center;
    border-bottom: 1px solid #646464;
    padding-bottom: 12px;
}
.linePage .catch p{
	line-height: 2.78;
	text-align: center;
}
.linePage .qr{
	text-align: center;
}

/* ==========================================================================
   新着情報
========================================================================== */
.infoPage .main{
	max-width: 900px;
	margin: 0 auto;
	padding: 55px 0;
}
.infoPage .infoBox{
	padding: 0 30px 0 15px;
}
.infoPage .infoBox header{
	display: flex;
	margin-bottom: 15px;
}
.infoPage .infoBox time{
	font-size: 1.5rem;
	color: #000;

	flex: 0 0 113px;
}
.infoPage .infoBox .cat{
	font-size: 1.1rem;
	display: flex;
	height: 19px;
	margin-right: 10px;
	padding: 0 10px;
	color: #fff;
	background: #8e8679;

	align-items: center;
	justify-content: center;
}
.infoPage .infoBox h2{
	font-size: 1.5rem;
	font-weight: bold;
	color: #000;
}
.infoPage .infoBox .entry{
	line-height: 1.7;
	padding-left: 113px;
}
.infoPage .infoBox+.infoBox{
	margin-top: 25px;
	padding-top: 40px;
	border-top: 1px solid #dcdcdc;
}
.infoPage .bannerNav{
	padding-top: 30px;
	border-top: 1px solid #dbd4c2;
}
/* ==========================================================================
   ページ送り
========================================================================== */
.pagenation{
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
}
.page-numbers{
	display: flex;

	justify-content: flex-end;
}
.page-numbers li{
	margin: 0 5px;
}
.page-numbers .page-numbers{
	font-size: 1.7rem;
	line-height: 1;
	display: flex;
	width: 39px;
	height: 39px;
	color: #8e8679;
	border: 1px solid #8e8679;
	border-radius: 50%;
	background: #fff;

	align-items: center;
	justify-content: center;
}
.page-numbers .current{
	color: #fff;
	border: 1px solid #8e8679;
	background: #8e8679;
}
.page-numbers .dots{
	width: auto;
	color: #8e8679;
	border: none;
	background: none;
}
.page-numbers .prev,.page-numbers .next{
	width: 39px;
	border: 1px solid #8e8679;
	background: #fff;
}
.page-numbers .prev svg,.page-numbers .next svg{
	width: 7px;
	height: 12px;
}
.page-numbers .prev svg .cls-1,.page-numbers .next svg .cls-1{
	fill: none;
	stroke: #8e8679;
	stroke-miterlimit: 10;
}
.page-numbers .prev{
	justify-content: flex-start;
}
.page-numbers .prev svg{
	margin-left: 14px;
}
.page-numbers .next{
	justify-content: flex-end;
}
.page-numbers .next svg{
	margin-right: 14px;
}
/* ==========================================================================
   アクセス
========================================================================== */
.accessPage .main{
	padding: 60px 0 45px;
}
.accessPage .accessBox{
	display: -ms-grid;
	display:     grid;
	max-width: 900px;
	margin: 0 auto;

	-ms-grid-columns: 1fr 468px;
	-ms-grid-rows: 45px auto 1fr;
	grid-template-columns: 1fr 468px;
	grid-template-rows: 45px auto 1fr;
}
.accessPage .accessBox h2{
	line-height: 1;

	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 1;
	    grid-row: 1;
}
.accessPage .accessBox address{
	font-size: 1.5rem;
	font-style: normal;
	line-height: 1.53;
	padding-top: 5px;

	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 2;
	    grid-row: 2;
}
.accessPage .accessBox address .telUl{
	line-height: 1;
	margin-top: 12px;
	color: #000;
}
.accessPage .accessBox address .telUl a{
	color: #000;
}
.accessPage .accessBox address .telUl li:first-child{
	font-size: 2.2rem;
}
.accessPage .accessBox address .telUl li:last-child{
	font-size: 1.1rem;
	margin-top: 8px;
}
.accessPage .accessBox address .timeUl{
	font-size: 1.5rem;
	line-height: 1;
	margin-top: 10px;
}
.accessPage .accessBox address .timeUl li+li{
	margin-top: 10px;
}
.accessPage .accessBox .time{
	font-size: 1.2rem;
	width: 371px;
	margin-top: 20px;
	color: #000;
	border-top: 1px solid #251900;

	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 3;
	    grid-row: 3;
}
.accessPage .accessBox .time th,.accessPage .accessBox .time td{
	font-weight: 500;
	padding: 9px 0;
	text-align: center;
	border-bottom: 1px solid #251900;
}
.accessPage .accessBox .time th:nth-child(1){
	width: 116px;
}
.accessPage .accessBox .time .timeTh{
	padding-left: 12px;
	text-align: left;
}
.accessPage .accessBox .time td{
	width: 35px;
}
.accessPage .accessBox .time td img{
	width: 13px;
	vertical-align: middle;
}
.accessPage .accessBox .time th:last-child,.accessPage .accessBox .time td:last-child{
	width: 45px;
	padding: 0 21px 0 11px;
}
.accessPage .accessBox .img{
	-ms-grid-column: 2;
	    grid-column: 2;
	-ms-grid-row: 1;
	    grid-row: 1 / 4;
	-ms-grid-row-span: 3;
}
.accessPage .googleMap{
	max-width: 1200px;
	margin: 45px auto 0;
}
.accessPage .googleMap iframe{
	width: 100%;
	height: 300px;
}
.accessPage .route{
	display: flex;
	max-width: 874px;
	margin: 40px auto 0;
	padding: 20px 0;
	border: 1px solid #8c8c8c;
}
.accessPage .route>li{
	font-size: 1.5rem;
	line-height: 1.66;
	color: #646464;
}
.accessPage .route .train{
	display: flex;

	flex: 0 1 50%;
}
.accessPage .route .train span{
	margin-left: 40px;

	flex: 0 0 46px;
}
.accessPage .route .train ol{
	margin-left: 28px;
}
.accessPage .route .toho{
	display: flex;
	border-left: 1px solid #8c8c8c;

	flex: 1 1 auto;
}
.accessPage .route .toho span{
	margin: 0 25px 0 47px;

	flex: 0 0 26px;
}
/* ==========================================================================
   訪問歯科
========================================================================== */
.visiting-dentistryPage .main{
	padding: 45px 0 65px;
}
.visiting-dentistryPage .topText{
	line-height: 2.78;
	max-width: 569px;
	margin: 0 auto 40px;
	text-align: center;
}
.visiting-dentistryPage .visitingSec{
	display: -ms-grid;
	display:     grid;
	max-width: 900px;
	margin: 0 auto;

	-ms-grid-columns: 400px 1fr;
	-ms-grid-rows: auto auto;
	grid-template-columns: 400px 1fr;
	grid-template-rows: auto auto;
}
.visiting-dentistryPage .visitingSec h2{
	font-size: 2.4rem;
	line-height: 1;
	display: inline-flex;
	margin-bottom: 20px;

	align-items: center;
	-ms-grid-column: 1;
	    grid-column: 1 / 3;
	-ms-grid-column-span: 2;
	-ms-grid-row: 1;
	    grid-row: 1;
}
.visiting-dentistryPage .visitingSec h2::before{
	content: 'ー';
}
.visiting-dentistryPage .visitingSec h2::after{
	content: 'ー';
}
.visiting-dentistryPage .visitingSec .img{
	-ms-grid-column: 1;
	    grid-column: 1;
	-ms-grid-row: 2;
	    grid-row: 2;
}
.visiting-dentistryPage .visitingSec .text{
	margin: 5px 0 0 25px;

	-ms-grid-column: 2;
	    grid-column: 2;
	-ms-grid-row: 2;
	    grid-row: 2;
}
.visiting-dentistryPage .visitingSec .text dt{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
	display: inline-block;
	margin-bottom: 5px;
	border-bottom: 1px solid #646464;
}
.visiting-dentistryPage .visitingSec .text dd{
	line-height: 1.78;
}
.visiting-dentistryPage .visitingSec .text dd+dt{
	margin-top: 20px;
}
.visiting-dentistryPage .visitingSec+.visitingSec{
	margin-top: 25px;
}
.visiting-dentistryPage .flow{
	margin-top: 65px;
	padding: 45px 0 60px;
	background: #dbd4c2;
}
.visiting-dentistryPage .flow>h2{
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
}
.visiting-dentistryPage .flow ol{
	max-width: 900px;
	margin: 0 auto;
}
.visiting-dentistryPage .flow li{
	display: flex;
	max-width: 850px;
	min-height: 150px;
	padding: 25px 0;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.15);
}
.visiting-dentistryPage .flow li+li{
	margin-top: 15px;
}
.visiting-dentistryPage .flow li:nth-child(even){
	margin-left: auto;
}
.visiting-dentistryPage .flow .num{
	font-size: 1.5rem;
	font-weight: bold;
	display: inline-flex;
	height: 20px;
	margin: 12px 20px 0 0;
	padding-right: 15px;
	color: #fff;
	background: #595050;

	align-items: center;
	flex: 0 0 60px;
	justify-content: flex-end;
}
.visiting-dentistryPage .flow .flowSec{
	display: flex;

	flex: 1 1 auto;
}
.visiting-dentistryPage .flow .flowSec h2{
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
	padding-top: 10px;
	border-right: 1px solid #dbd4c2;

	flex: 0 0 228px;
}
.visiting-dentistryPage .flow .flowSec p{
	line-height: 1.78;
	margin: 15px 0 0 25px;

	flex: 0 1 455px;
}
.visiting-dentistryPage .kea{
	max-width: 900px;
	margin: 50px auto 0;
}
.visiting-dentistryPage .kea>h2{
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
}
.visiting-dentistryPage .kea .keaText{
	line-height: 2.5;
	text-align: center;
}
.visiting-dentistryPage .kea .keaText::before{
	display: block;
	width: 100%;
	height: 300px;
	margin-bottom: 30px;
	content: '';
	background: url('../../img/visiting_img4.jpg') no-repeat center center;
}
.visiting-dentistryPage .kea .menu{
	min-height: 159px;
	margin-top: 25px;
	padding-top: 45px;
	background: url('../../img/visiting_flow_kea_bk.png') no-repeat center center;
}
.visiting-dentistryPage .kea .menu figcaption{
	font-size: 2.0rem;
	line-height: 1;
	margin-bottom: 18px;
	text-align: center;
}
.visiting-dentistryPage .kea .menu ul{
	display: flex;

	justify-content: center;
}
.visiting-dentistryPage .kea .menu li::before{
	content: '・';
}
.visiting-dentistryPage .kea .merrit{
	min-height: 280px;
	margin-top: 30px;
	padding-top: 8px;
	background: url('../../img/visiting_flow_kea_bk2.png') no-repeat center center;
}
.visiting-dentistryPage .kea .merrit figcaption{
	font-size: 2.5rem;
	line-height: 1;
	margin-bottom: 43px;
	text-align: center;
}
.visiting-dentistryPage .kea .merrit ul{
	display: flex;
	max-width: 510px;
	margin: 0 auto;

	flex-flow: row wrap;
	justify-content: space-between;
}
.visiting-dentistryPage .kea .merrit li{
	font-size: 1.5rem;
	display: flex;
	margin-bottom: 21px;

	align-items: center;
	flex: 0 1 50%;
}
.visiting-dentistryPage .kea .merrit li::before{
	height: 27px;
	margin-right: 17px;
	content: '';
	background: url('../../img/visiting_check.svg') no-repeat center center;
	background-size: contain;

	flex: 0 0 32px;
}
.visiting-dentistryPage .area{
	margin-top: 55px;
	text-align: center;
}
.visiting-dentistryPage .area>h2{
	line-height: 1;
	margin-bottom: 25px;
	text-align: center;
}
.visiting-dentistryPage .area p{
	font-size: 2.0rem;
	display: inline;
	padding: 0 10px;
	text-align: center;
	background: linear-gradient(transparent 60%, #ffe8c2 0);
}
.visiting-dentistryPage .area p strong{
	font-size: 3.0rem;
	font-weight: bold;
	color: #e04d00;
}
.visiting-dentistryPage .bannerNav{
	padding-top: 30px;
	border-top: 1px solid #dbd4c2;
}
/* ==========================================================================
   home
========================================================================== */
.homePage .mv{
	max-width: 900px;
	margin: 20px auto 10px;
}
.homePage .gNav{
	background: none;
}
.homePage .gNav a{
	color: #251900;
}
.homePage .main{
	padding: 10px 0 38px;
}
.homePage .topics{
	padding: 45px 0 35px;
	background: #dbd4c2;
}
.homePage .topics .inner{
	max-width: 900px;
	margin: 0 auto;
	padding: 0 50px 25px;
	background: #fff;
}
.homePage .topics .title{
	margin-bottom: 30px;
	text-align: center;
}
.homePage .topics .title img{
	margin-top: -12px;
}
.homePage .topics .newsBox+.newsBox{
	margin-top: 20px;
}
.homePage .topics .newsBox{
	padding-bottom: 17px;
	border-bottom: 1px solid #8e8679;
}
.homePage .topics .newsBox a{
	display: flex;
}
.homePage .topics .newsBox time{
	font-size: 1.1rem;
	color: #000;

	align-self: center;
	flex: 0 0 79px;
	-ms-grid-row-align: center;
}
.homePage .topics .newsBox .cat{
	font-size: 1.1rem;
	display: flex;
	height: 19px;
	margin-right: 10px;
	padding: 0 10px;
	color: #fff;
	background: #8e8679;

	align-items: center;
	justify-content: center;
}
.homePage .topics .newsBox h2{
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0;
	color: #000;
}
.homePage .topics .goArchive{
	font-size: 1.1rem;
	display: flex;
	max-width: 200px;
	height: 35px;
	margin: 28px auto 0;
	color: #8e8679;
	border: 1px solid #8e8679;

	align-items: center;
	justify-content: center;
}
.homePage .concept{
	margin-top: 45px;
	text-align: center;
}
.homePage .concept h2{
	line-height: 1;
	margin-bottom: 45px;
}
.homePage .concept .catch{
	line-height: 1;
	margin-bottom: 40px;
}
.homePage .concept .text{
	line-height: 2;
}
.homePage .concept .img{
	display: flex;
	min-width: 900px;
	margin-top: 45px;
}
.homePage .guide{
	margin-top: 45px;
	padding: 45px 0 55px;
	background: #dbd4c2;
}
.homePage .guide>h2{
	line-height: 1;
	margin-bottom: 35px;
	text-align: center;
}
.homePage .guide .menuRow{
	display: flex;
	max-width: 900px;
	margin: 0 auto;

	flex-flow: row wrap;
	justify-content: space-between;
}
.homePage .guide .guideMenu{
	padding: 20px 0 26px;
	border-radius: 20px;
	background: #fff;

	flex: 0 1 435px;
}
.homePage .guide .guideMenu h2{
	line-height: 1;
	margin-bottom: 20px;
	text-align: center;
}
.homePage .guide .guideMenu p{
	font-size: 1.2rem;
	line-height: 1.66;
	max-width: 388px;
	margin: 0 auto;
	text-align: center;
}
.homePage .guide .guideMenu3{
	margin-top: 20px;
}
/* ==========================================================================
   end
========================================================================== */
@media only screen and (max-width: 767px){
	html{
		font-size: 1.33333vw;
	}
	body{
		font-family: 'Noto Sans','Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,sans-serif;
		font-size: 2.6rem;
		font-weight: normal;
		width: 100%;
		min-width: 0;
	}

	h1,h2,h3,h4,p{
		font-weight: normal;
	}
	.spShow{
		display: inline-block;
	}
	.pcShow{
		display: none;
	}
	.innerBox{
		width: 100%;
		padding: 0;
	}
	.container{
		-ms-grid-columns: 100% 100% 100%;
		-ms-grid-rows: 14.66667vw 1fr auto;
		grid-template: 'header' 14.66667vw
		'pageContainer' 1fr
		'footer' auto / 100% 100% 100%;
	}
	/* ==========================================================================
   header
========================================================================== */
	.header{
		position: fixed;
		z-index: 900;
		top: 0;
		left: 0;
		display: -ms-grid;
		display:     grid;
		width: 100%;
		width: 100%;
		padding-top: 0;
		background: rgba(255,255,255,.7);

		-ms-grid-columns: 1fr 16vw;
		-ms-grid-rows: auto;
		grid-template-columns: 1fr 16vw;
		grid-template-rows: auto;
	}
	.header::before{
		display: none;
	}
	.header::after{
		display: none;
	}
	.header .logo{
		padding-left: 4.4vw;

		align-self: center;
		-ms-grid-column: 1;
		    grid-column: 1;
		-ms-grid-row: 1;
		    grid-row: 1;
		-ms-grid-row-align: center;
        width: 46.66667vw;
	}
	.header .logo img{
		width: 46.66667vw;
	}
	.header .tel{
		display: none;
	}
	.header .menuBtn{
		-ms-grid-column: 2;
		    grid-column: 2;
		-ms-grid-row: 1;
		    grid-row: 1;
	}
    .header .sns {
		grid-column: 1;
		grid-row: 1;
        margin-top: 10px;
		margin-left: 200px;
        width:36.6667vw;
	}
    .header .sns .sns-icon{
		line-height: 1;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}
    .header .sns .sns-icon li{
	margin: 5px 5px 0 0;
	}

	/* ==========================================================================
   グローバルナビ
========================================================================== */
	.gNav{
		position: fixed;
		z-index: 901;
		top: 0;
		left: 0;
		display: none;
		overflow-y: auto;
		width: 100%;
		height: calc(1vh*100);
		height: calc(var(--vh, 1vh)*100);
		padding: 0 3.33333vw 21.33333vw;
		background: #e5decc;
	}
	.gNav::before{
		display: none;
	}
	.gNav::after{
		display: none;
	}
	.gNav .menuLogo{
		display: block;
		width: 54.66667vw;
		margin: 3.33333vw 0 16vw;
	}
	.gNav ul{
		display: block;
	}
	.gNav ul a{
		display: inline-block;
		height: auto;
		padding-bottom: 1.33333vw;
		color: #251900;
		border-bottom: .26667vw solid #251900;
	}
	.gNav li{
		font-size: 4.5rem;
		line-height: 1;
		margin: 0;
		text-align: center;
	}
	.gNav li+li{
		margin: 13.33333vw 0 0 0;
		padding-left: 0;
		border-left: none;
	}
	.gNav .menuClose{
		position: absolute;
		top: 0;
		right: 0;
		width: 16vw;
	}
	.navOpen{
		display: block;
		-webkit-animation: fadeIn .52s 1 0s cubic-bezier(.455,.03,.515,.955) forwards;
		        animation: fadeIn .52s 1 0s cubic-bezier(.455,.03,.515,.955) forwards;
	}
	.navClose{
		-webkit-animation: fadeOut .3s 1 0s linear forwards;
		        animation: fadeOut .3s 1 0s linear forwards;
	}
	/* ==========================================================================
   footer
========================================================================== */
	.footer{
		font-size: 2.4rem;
		display: block;
		margin-top: 6.66667vw;
		padding: 10.66667vw 0 32vw;
		text-align: center;
	}
	.footer .spFixTel{
		position: fixed;
		z-index: 999;
		bottom: 0;
		left: 0;
		width: 100%;
		min-height: 21.33333vw;
		padding-bottom: env(safe-area-inset-bottom);
		background: url('../../img/fix_arrow.png') no-repeat 93.06667vw center;
		background-color: #492a00;
		background-size: 2.26667vw auto;
	}
	.footer .spFixTel a{
		display: flex;
		height: 100%;
		padding-top: 3.6vw;

		align-items: center;
		flex-flow: column;
	}
	.footer .spFixTel .img{
		line-height: 1;
		width: 49.2vw;
		margin-bottom: 1.73333vw;
	}
	.footer .spFixTel .time{
		font-size: 2.4rem;
		overflow: hidden;
		text-align: center;
		color: #fff;
	}
	.footer .spFixTel .time dt{
		float: left;
		clear: both;
		width: 5.6em;
	}
	.footer .spFixTel .time dd{
		margin-left: 5.6em;
		text-align: left;
	}
	/* ==========================================================================
   下層共通
========================================================================== */
	.pageHeader{
		margin: 8.53333vw 0 0;
		padding-bottom: 7.33333vw;
		border-bottom: .26667vw solid #8e8679;
	}
	.pageHeader .pageTitle{
		margin: 0 auto;
	}
	.bannerNav{
		max-width: none;
		padding: 6.66667vw 6.66667vw 0;
		border-top: .26667vw solid #e5decc;
	}
	.bannerNav ul{
		display: block;
	}
	.bannerNav ul li:not(:nth-child(3n)){
		margin-right: 0;
	}
	.bannerNav li:nth-child(1),.bannerNav li:nth-child(2),.bannerNav li:nth-child(3){
		margin-bottom: 0;
	}
	.bannerNav li+li{
		margin-top: 4vw;
	}
	.bottomAccess{
		display: block;
		max-width: none;
		margin: 6.66667vw auto 0;
		padding: 6.66667vw 6.66667vw 0;
		border-top: .26667vw solid #e5decc;
	}
	.bottomAccess h2{
		width: 46.66667vw;
	}
	.bottomAccess address{
		font-size: 2.6rem;
		padding-top: 3.33333vw;
	}
	.bottomAccess address .tel{
		margin-top: 2.66667vw;
	}
	.bottomAccess address .tel li:first-child{
		font-size: 4.0rem;
	}
	.bottomAccess address .tel li:last-child{
		font-size: 2.6rem;
		margin-top: 2vw;
	}

	.bottomAccess address .time{
		font-size: 3.0rem;
		margin-top: 4vw;
	}
	.bottomAccess .googleMap{
		width: 100vw;
		height: 66.66667vw;
		margin-top: 6.66667vw;
		margin-left: -6.66667vw;
	}
	/* ==========================================================================
   当院について
========================================================================== */
	.about-usPage .pageTitle{
		width: 32.13333vw;
	}
	.about-usPage .main{
		padding: 10vw 6.66667vw 16vw;
		background: url('../../img/sp_about_bk.png') no-repeat center top;
		background-size: 100% auto;
	}
	.about-usPage .greet{
		line-height: 2.2;
	}



	/* ==========================================================================
   診療について
========================================================================== */
	.pediatric-dentistryPage .pageTitle{
		width: 21.6vw;
	}
	.pediatric-dentistryPage .main{
		width: 92vw;
		max-width: none;
		padding: 8.66667vw 0 12.66667vw;
	}
	.pediatric-dentistryPage .catch h2{
		width: 65.86667vw;
		margin: 0 auto 7.33333vw;
	}
	.pediatric-dentistryPage .catch p{
		line-height: 2.2;
	}
	.pediatric-dentistryPage .torikumi{
		display: block;
		width: 86.66667vw;
		margin: 8vw auto 0;
	}
	.pediatric-dentistryPage .torikumi li{
		margin-bottom: 2.66667vw;
	}
	.pediatric-dentistryPage .torikumi+p{
		margin-top: 6vw;
	}
	.pediatric-dentistryPage .bannerNav{
		padding-top: 6.66667vw;
		border-top: .26667vw solid #dbd4c2;
	}
    
    
    .pediatric-dentistryPage .guide{
		margin-top: 9.33333vw;
		padding: 6.66667vw 0 9.33333vw;
	}
	.pediatric-dentistryPage .guide>h2{
		width: 34.13333vw;
		margin: 0 auto 6vw;
	}
	.pediatric-dentistryPage .guide .menuRow{
		display: block;
		width: 86.66667vw;
		max-width: none;
		margin: 0 auto;
	}
	.pediatric-dentistryPage .guide .guideMenu{
		display: flex;
		padding: 6vw 6.66667vw 6vw 0;
		border-radius: 4vw;

		align-items: center;
	}
	.pediatric-dentistryPage .guide .guideMenu h2{
		display: flex;
		margin-bottom: 0;
		padding-left: 6.66667vw;

		align-items: center;
		flex: 0 0 30.66667vw;
	}
	.pediatric-dentistryPage .guide .guideMenu p{
		font-size: 2.6rem;
		line-height: 1.53;
		max-width: none;
		text-align: left;
	}
	.pediatric-dentistryPage .guide .guideMenu1{
		margin-bottom: 3.33333vw;
	}
	.pediatric-dentistryPage .guide .guideMenu1 h2 img{
		width: 16.8vw;
	}
	.pediatric-dentistryPage .guide .guideMenu2{
		margin-bottom: 3.33333vw;
	}
	.pediatric-dentistryPage .guide .guideMenu2 h2 img{
		width: 15.86667vw;
	}
	.pediatric-dentistryPage .guide .guideMenu3{
		margin: 0;
	}
	.pediatric-dentistryPage .guide .guideMenu3 h2 img{
		width: 15.86667vw;
	}
    
    
    
	/* ==========================================================================
   小児歯科
========================================================================== */
	.pediatric-dentistry2Page .pageTitle{
		width: 21.6vw;
	}
	.pediatric-dentistry2Page .main{
		width: 92vw;
		max-width: none;
		padding: 8.66667vw 0 12.66667vw;
	}
	.pediatric-dentistry2Page .catch h2{
		width: 65.86667vw;
		margin: 0 auto 7.33333vw;
	}
	.pediatric-dentistry2Page .catch p{
		line-height: 2.2;
	}
	.pediatric-dentistry2Page .torikumi{
		display: block;
		width: 86.66667vw;
		margin: 8vw auto 0;
	}
	.pediatric-dentistry2Page .torikumi li{
		margin-bottom: 2.66667vw;
	}
	.pediatric-dentistry2Page .torikumi+p{
		margin-top: 6vw;
	}
	.pediatric-dentistry2Page .bannerNav{
		padding-top: 6.66667vw;
		border-top: .26667vw solid #dbd4c2;
	}
	/* ==========================================================================
   スタッフ紹介
========================================================================== */
	.staffPage .pageTitle{
		width: 32.53333vw;
	}
	.staffPage .main{
		width: 86.66667vw;
		max-width: none;
		padding: 7.33333vw 0 13.33333vw;
	}
	.staffPage .staffBox{
		-ms-grid-columns: 100%;
		-ms-grid-rows: auto auto;
		grid-template-columns: 100%;
		grid-template-rows: auto auto;
	}
	.staffPage .staffBox header{
		margin: 0 0 3.33333vw 0;
		padding-bottom: 2.66667vw;
		border-bottom: .26667vw solid #646464;

		-ms-grid-column: 1;
		    grid-column: 1;
		-ms-grid-row: 2;
		    grid-row: 2;
	}
	.staffPage .staffBox header .katagaki{
		font-size: 2.4rem;
		margin-bottom: 1.33333vw;
	}
	.staffPage .staffBox header h2{
		font-size: 3.0rem;
		font-weight: bold;
	}
	.staffPage .staffBox figure{
		margin-bottom: 4vw;

		-ms-grid-column: 1;
		    grid-column: 1;
		-ms-grid-row: 1;
		    grid-row: 1;
	}
	.staffPage .staffBox .message{
		line-height: 1.76;
		max-width: none;
		margin-left: 0;

		-ms-grid-column: 1;
		    grid-column: 1;
		-ms-grid-row: 3;
		    grid-row: 3;
	}
	.staffPage .intyouBox header .prof{
		font-size: 2.4rem;
	}

	.staffPage .intyouBox .message{
		max-width: none;
	}
	.staffPage .otherStaff{
		display: block;
		margin-top: 10vw;
		padding: 6.66667vw;
		border: .26667vw solid #8c8c8c;
	}
	.staffPage .otherStaff ul{
		line-height: 2;
	}
	.staffPage .otherStaff ul:first-child{
		padding-bottom: 6.66667vw;
		border-right: none;
		border-bottom: .26667vw solid #8c8c8c;
	}
	.staffPage .otherStaff ul:last-child{
		padding: 6.66667vw 0 0;
	}
	.staffPage .otherStaff ul:last-child li span:first-child{
		display: inline-block;
		width: 6em;
		margin-right: .5em;
	}
	.staffPage .bannerNav{
		padding-top: 6.66667vw;
		border-top: .26667vw solid #dbd4c2;
	}
    /* ==========================================================================
   LINE予約
========================================================================== */
.linePage .main{
		width: 86.66667vw;
		max-width: none;
		padding: 7.33333vw 0 13.33333vw;
}
.linePage .catch h2{
		font-size: 3.0rem;
		font-weight: bold;
}
.linePage .catch p{
		line-height: 2.2;
		text-align: center;
}
.linePage .qr{
		text-align: center;
}
	/* ==========================================================================
   新着情報
========================================================================== */
	.infoPage .pageTitle{
		width: 21.6vw;
	}
	.infoPage .main{
		width: 86.66667vw;
		max-width: none;
		padding: 7.33333vw 0 12.66667vw;
	}
	.infoPage .infoBox{
		padding: 0;
	}
	.infoPage .infoBox header{
		display: flex;
		margin-bottom: 2.66667vw;

		flex-flow: row wrap;
	}
	.infoPage .infoBox time{
		font-size: 2.2rem;
		text-align: center;

		flex: 0 0 auto;
	}
	.infoPage .infoBox .cat{
		font-size: 2.0rem;
		height: 4.66667vw;
		margin: 0 0 0 1.6vw;
		padding: 0 2vw;
	}
	.infoPage .infoBox h2{
		font-size: 2.6rem;
		line-height: 1.69;
		margin-top: 2.66667vw;

		flex: 0 0 100%;
	}
	.infoPage .infoBox .entry{
		font-size: 2.4rem;
		line-height: 1.83;
		padding-left: 0;
	}
	.infoPage .infoBox+.infoBox{
		margin-top: 6vw;
		padding-top: 5.33333vw;
		border-top: .26667vw solid #dcdcdc;
	}
	.infoPage .bannerNav{
		padding-top: 6.66667vw;
		border-top: .26667vw solid #dbd4c2;
	}
	/* ==========================================================================
   ページ送り
========================================================================== */
	.pagenation{
		margin-top: 6vw;
		padding-top: 5.33333vw;
		border-top: .26667vw solid #dcdcdc;
	}
	.page-numbers{
		display: flex;

		align-items: center;
		justify-content: space-between;
	}
	.page-numbers li{
		margin: 0;
	}
	.page-numbers .page-numbers{
		width: 13.33333vw;
		height: 13.33333vw;
		border: none;
	}
	.page-numbers .prev,.page-numbers .next{
		width: 13.33333vw;
		border: none;
		background: #8e8679;
	}
	.page-numbers .prev svg,.page-numbers .next svg{
		width: 2.26667vw;
		height: 4.13333vw;
	}
	.page-numbers .prev svg .cls-1,.page-numbers .next svg .cls-1{
		fill: none;
		stroke: #fff;
		stroke-miterlimit: 10;
	}
	.page-numbers .prev svg{
		margin-left: 5.33333vw;
	}
	.page-numbers .next svg{
		margin-right: 5.33333vw;
	}
	.page-numbers span.prev{
		border: none;
		background: none;
	}
	.page-numbers span.prev svg .cls-1{
		stroke: #8e8679;
	}
	.page-numbers span.next{
		border: none;
		background: none;
	}
	.page-numbers span.next svg .cls-1{
		stroke: #8e8679;
	}
	.page-numbers .pageNum{
		font-size: 2.6rem;
		color: #000;
	}
	/* ==========================================================================
   アクセス
========================================================================== */
	.accessPage .pageTitle{
		width: 20.93333vw;
	}
	.accessPage .main{
		padding: 6.66667vw 0 13.33333vw;
	}
	.accessPage .accessBox{
		display: block;
		width: 86.66667vw;
		max-width: none;
	}
	.accessPage .accessBox h2{
		width: 46.66667vw;
	}
	.accessPage .accessBox address{
		font-size: 2.6rem;
		line-height: 1.69;
		padding-top: 2.66667vw;
	}
	.accessPage .accessBox address .telUl{
		margin-top: 2.66667vw;
	}
	.accessPage .accessBox address .telUl li:first-child{
		font-size: 4.0rem;
	}
	.accessPage .accessBox address .telUl li:last-child{
		font-size: 2.6rem;
		margin-top: 2vw;
	}
	.accessPage .accessBox address .timeUl{
		font-size: 3.0rem;
		line-height: 1;
		margin-top: 4vw;
	}
	.accessPage .accessBox address .timeUl li+li{
		margin-top: 2vw;
	}
	.accessPage .accessBox .time{
		font-size: 2.2rem;
		width: 100%;
		margin-top: 6vw;
		border-top: .26667vw solid #251900;
	}
	.accessPage .accessBox .time th,.accessPage .accessBox .time td{
		font-weight: 400;
		padding: 2vw 0;
		border-bottom: .26667vw solid #251900;
	}
	.accessPage .accessBox .time th:nth-child(1){
		width: auto;
	}
	.accessPage .accessBox .time td{
		width: 8vw;
	}
	.accessPage .accessBox .time td img{
		width: 2.93333vw;
		vertical-align: middle;
	}
	.accessPage .accessBox .time .timeTh{
		padding-left: 2.66667vw;
	}
	.accessPage .accessBox .time th:last-child,.accessPage .accessBox .time td:last-child{
		width: 10.4vw;
		padding: 0 4.8vw 0 2.53333vw;
	}
	.accessPage .accessBox .img{
		margin-top: 5.33333vw;
	}
	.accessPage .googleMap{
		margin: 8vw auto 0;
	}
	.accessPage .googleMap iframe{
		height: 66.66667vw;
	}
	.accessPage .route{
		display: block;
		width: 86.66667vw;
		max-width: none;
		margin: 8vw auto 0;
		padding: 6.66667vw;
		border: .26667vw solid #8c8c8c;
	}
	.accessPage .route>li{
		font-size: 2.6rem;
	}
	.accessPage .route .train{
		padding: 0 1.33333vw;
	}
	.accessPage .route .train span{
		margin: 0;

		flex: 0 1 10.66667vw;
	}
	.accessPage .route .train ol{
		margin-left: 5.33333vw;
	}
	.accessPage .route .toho{
		margin-top: 6.66667vw;
		padding: 6.66667vw 4vw 0;
		border-top: .26667vw solid #8c8c8c;
		border-left: none;
	}
	.accessPage .route .toho span{
		margin: 0 6.4vw 0 0;

		flex: 0 0 7.06667vw;
	}
	/* ==========================================================================
   訪問歯科
========================================================================== */
	.visiting-dentistryPage .pageTitle{
		width: 21.46667vw;
	}
	.visiting-dentistryPage .main{
		padding: 9.33333vw 0 13.33333vw;
	}
	.visiting-dentistryPage .topText{
		line-height: 2.2;
		max-width: 86.66667vw;
		margin: 0 auto 11.33333vw;
	}
	.visiting-dentistryPage .visitingSec{
		display: block;
		max-width: 86.66667vw;
	}
	.visiting-dentistryPage .visitingSec h2{
		font-size: 2.8rem;
		margin-bottom: 3.33333vw;
	}
	.visiting-dentistryPage .visitingSec .text{
		margin: 4.66667vw 0 0 0;
	}
	.visiting-dentistryPage .visitingSec .text dt{
		font-size: 2.8rem;
		font-weight: bold;
		margin-bottom: 2vw;
		border-bottom: .26667vw solid #646464;
	}
	.visiting-dentistryPage .visitingSec .text dd{
		font-size: 2.4rem;
		line-height: 1.78;
	}
	.visiting-dentistryPage .visitingSec .text dd+dt{
		margin-top: 3.33333vw;
	}
	.visiting-dentistryPage .visitingSec+.visitingSec{
		margin-top: 8vw;
	}
	.visiting-dentistryPage .flow{
		margin-top: 11.33333vw;
		padding: 6.66667vw 0 10.93333vw;
	}
	.visiting-dentistryPage .flow>h2{
		width: 28.66667vw;
		margin: 0 auto 5.73333vw;
	}
	.visiting-dentistryPage .flow ol{
		max-width: 86.66667vw;
		margin: 0 auto;
	}
	.visiting-dentistryPage .flow li{
		position: relative;
		display: block;
		max-width: none;
		min-height: 0;
		padding: 4.66667vw 5.33333vw;
		border-radius: 1.33333vw;
		box-shadow: 0 0 .53333vw rgba(0,0,0,.15);
	}
	.visiting-dentistryPage .flow li+li{
		margin-top: 2.66667vw;
	}
	.visiting-dentistryPage .flow li:nth-child(even){
		margin-left: 0;
	}
	.visiting-dentistryPage .flow .num{
		font-size: 2.1rem;
		font-weight: bold;
		position: absolute;
		top: 4.66667vw;
		left: 0;
		width: 11.06667vw;
		height: 3.73333vw;
		margin: 0;
		padding-right: 1.33333vw;
	}
	.visiting-dentistryPage .flow .flowSec{
		display: block;
	}
	.visiting-dentistryPage .flow .flowSec h2{
		font-size: 2.8rem;
		line-height: 1;
		padding: 0 0 4vw 9.33333vw;
		border-right: none;
		border-bottom: .26667vw solid #dbd4c2;
	}
	.visiting-dentistryPage .flow .flowSec p{
		line-height: 1.46;
		margin: 2.66667vw 0 0 0;
	}
	.visiting-dentistryPage .kea{
		max-width: none;
		margin: 7.33333vw auto 0;
	}
	.visiting-dentistryPage .kea>h2{
		width: 22vw;
		margin: 0 auto 5.06667vw;
	}
	.visiting-dentistryPage .kea .keaText{
		line-height: 2.2;
		text-align: center;
	}
	.visiting-dentistryPage .kea .keaText::before{
		width: 100%;
		height: 33.33333vw;
		margin-bottom: 4.66667vw;
		background: url('../../img/sp_visiting_img4.jpg') no-repeat center center;
		background-size: cover;
	}
	.visiting-dentistryPage .kea .menu{
		min-height: 43.86667vw;
		margin-top: 6.66667vw;
		padding-top: 11.33333vw;
		background: url('../../img/sp_visiting_flow_kea_bk.png') no-repeat center center;
		background-size: 93.6vw auto;
	}
	.visiting-dentistryPage .kea .menu figcaption{
		font-size: 3.0rem;
		margin-bottom: 4.66667vw;
	}
	.visiting-dentistryPage .kea .menu ul{
		display: flex;
		max-width: 66.66667vw;
		margin: 0 auto;

		flex-flow: row wrap;
	}
	.visiting-dentistryPage .kea .menu li{
		line-height: 1.75;
	}
	.visiting-dentistryPage .kea .merrit{
		min-height: 56.4vw;
		margin-top: 8.66667vw;
		padding-top: 1.46667vw;
		background: url('../../img/sp_visiting_flow_kea_bk2.png') no-repeat center center;
		background-size: 94.93333vw auto;
	}
	.visiting-dentistryPage .kea .merrit figcaption{
		font-size: 3.7rem;
		margin-bottom: 9.6vw;
	}
	.visiting-dentistryPage .kea .merrit ul{
		max-width: 84vw;
	}
	.visiting-dentistryPage .kea .merrit li{
		font-size: 2.5rem;
		margin-bottom: 6vw;
	}
	.visiting-dentistryPage .kea .merrit li::before{
		height: 3.2vw;
		margin-right: 1.2vw;

		flex: 0 0 3.86667vw;
	}
	.visiting-dentistryPage .area{
		margin-top: 8vw;
	}
	.visiting-dentistryPage .area>h2{
		width: 28.13333vw;
		margin: 0 auto 4.93333vw;
	}
	.visiting-dentistryPage .area p{
		font-size: 3.0rem;
		display: block;
		text-align: center;
		background: none;
	}
	.visiting-dentistryPage .area p span{
		padding: 0 2vw;
		background: linear-gradient(transparent 70%, #ffe8c2 0);
	}
	.visiting-dentistryPage .area p strong{
		font-size: 4.8rem;
	}
	.visiting-dentistryPage .bannerNav{
		padding-top: 6.66667vw;
		border-top: .26667vw solid #dbd4c2;
	}
	/* ==========================================================================
   home
========================================================================== */
	.homePage{
		margin-top: -14.66667vw;
	}
	.homePage .mv{
		max-width: none;
		margin: 0;
	}
	.homePage .gNav{
		background: #e5decc;
	}
	.homePage .gNav a{
		color: #251900;
	}
	.homePage .main{
		padding: 0 0 6.66667vw;
	}
	.homePage .topics{
		padding: 9.33333vw 6.66667vw 7.33333vw;
	}
	.homePage .topics .inner{
		max-width: none;
		padding: 0 6.66667vw 9.06667vw;
	}
	.homePage .topics .title{
		width: 29.06667vw;
		margin: 0 auto 8vw;
	}
	.homePage .topics .title img{
		margin-top: -3.46667vw;
	}
	.homePage .topics .newsBox+.newsBox{
		margin-top: 4.66667vw;
	}
	.homePage .topics .newsBox{
		padding-bottom: 4vw;
		border-bottom: .26667vw solid #8e8679;
	}
	.homePage .topics .newsBox a{
		flex-flow: row wrap;
	}
	.homePage .topics .newsBox time{
		font-size: 2.4rem;
		text-align: center;

		flex: 0 0 auto;
	}
	.homePage .topics .newsBox .cat{
		font-size: 2.4rem;
		height: 5.46667vw;
		margin: 0 0 0 3.33333vw;
		padding: 0 2.66667vw;
	}
	.homePage .topics .newsBox h2{
		font-size: 2.8rem;
		line-height: 1.69;
		margin-top: 2.66667vw;

		flex: 0 0 100%;
	}
	.homePage .topics .goArchive{
		font-size: 2.4rem;
		max-width: none;
		height: 10.66667vw;
		margin: 6.66667vw auto 0;
		border: .26667vw solid #8e8679;
	}
	.homePage .concept{
		margin-top: 7.06667vw;
	}
	.homePage .concept h2{
		width: 54.8vw;
		margin: 0 auto 6vw;
	}
	.homePage .concept .catch{
		width: 76vw;
		margin: 0 auto 8vw;
	}
	.homePage .concept .text{
		line-height: 1.92;
	}
	.homePage .concept .img{
		display: flex;
		min-width: 0;
		margin-top: 8vw;

		flex-flow: row wrap;
	}
	.homePage .concept .img li{
		flex: 0 1 33.33333vw;
	}
	.homePage .guide{
		margin-top: 9.33333vw;
		padding: 6.66667vw 0 9.33333vw;
	}
	.homePage .guide>h2{
		width: 34.13333vw;
		margin: 0 auto 6vw;
	}
	.homePage .guide .menuRow{
		display: block;
		width: 86.66667vw;
		max-width: none;
		margin: 0 auto;
	}
	.homePage .guide .guideMenu{
		display: flex;
		padding: 6vw 6.66667vw 6vw 0;
		border-radius: 4vw;

		align-items: center;
	}
	.homePage .guide .guideMenu h2{
		display: flex;
		margin-bottom: 0;
		padding-left: 6.66667vw;

		align-items: center;
		flex: 0 0 30.66667vw;
	}
	.homePage .guide .guideMenu p{
		font-size: 2.6rem;
		line-height: 1.53;
		max-width: none;
		text-align: left;
	}
	.homePage .guide .guideMenu1{
		margin-bottom: 3.33333vw;
	}
	.homePage .guide .guideMenu1 h2 img{
		width: 16.8vw;
	}
	.homePage .guide .guideMenu2{
		margin-bottom: 3.33333vw;
	}
	.homePage .guide .guideMenu2 h2 img{
		width: 15.86667vw;
	}
	.homePage .guide .guideMenu3{
		margin: 0;
	}
	.homePage .guide .guideMenu3 h2 img{
		width: 15.86667vw;
	}
	.homePage .bannerNav{
		padding-top: 0;
		border-top: 0;
	}
	/*end*/
	.header{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}
	.pageContainer{
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
	.footer{
		-ms-grid-column: 1;
		-ms-grid-row: 3;
	}
}
/* ==========================================================================
  アニメーション
========================================================================== */
@-webkit-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@-webkit-keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes fadeOut{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop,body{
		font-family: 'Noto Sans','Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
		font-weight: normal;
	}
	*::-ms-backdrop,p{
		font-weight: normal;
	}
}