@charset "utf-8";
/* CSS Document */

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre,textarea{overflow:auto}
[hidden],audio:not([controls]),template{display:none}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
small{font-size:75%}
textarea{resize:vertical}
[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}
*{font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;cursor:default;font:16px/1.5 sans-serif;text-rendering:optimizeLegibility}
a{text-decoration:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}
code,kbd,pre,samp{font-family:monospace,monospace}
nav ol,nav ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
table{border-collapse:collapse;border-spacing:0}
::-moz-selection{background-color:#B3D4FC;text-shadow:none}
::selection{background-color:#B3D4FC;text-shadow:none}
@media screen{[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}
}
/*# sourceMappingURL=sanitize.css.map */

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/*--------------------------------------------------------------
## 共通
--------------------------------------------------------------*/

html {
  visibility: hidden;
}
html.wf-active, html.loading-delay {
  visibility: visible;
}


body{
	color: #30373f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: left;
    position: relative;
	background: #30373f;
	word-wrap: break-word;
}

img{
	max-width:100%;
	height:auto;
}


/*link*/

a{
	text-decoration:none;
	color: #30373f;
    transition: all .1s ease;
	-webkit-tap-highlight-color: gba(67, 141, 198, 0.1);
}

a:hover {
	opacity:0.6;
	transition: all .3s;
}

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

a{
	-webkit-tap-highlight-color: gba(67, 141, 198, 0.1);
}

}

/*clearfix*/

.clearfix {
	min-height: 1px;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}

* html .clearfix {
	height: 1px;
}

.clear{
	clear:both;
}


/*flex-box*/

.flex_between_all{
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex_around_all{
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.flex_center_all{
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/*section_inner*/

.section_inner_wide,
.section_inner{
    width: 100%;
    margin: 0 auto;
}

/*iframe*/

.iframe_wrapper{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.iframe_wrapper iframe,
.iframe_wrapper object,
.iframe_wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*text-deco*/

b{
	background: -moz-linear-gradient(transparent 40%, #fce1b9 0%);      /* Firefox用 */
	background: -webkit-linear-gradient(transparent 40%, #fce1b9 0%);   /* Safari用 */
	background: -ms-linear-gradient(transparent 40%, #fce1b9 0%);       /* IE用 */
	background: -o-linear-gradient(transparent 40%, #fce1b9 0%);        /* Opera用 */
	background: linear-gradient(transparent 40%, #fce1b9 0%);           /* Default */
	font-weight:bold;
}

/*Webfont*/

h1,h2,h3,h4,h5,h6,
.wf,
#pc_header .header_title,
.pc_header_btnarea a,
.top_btn_area a,
.nav_area,
.sp_btn_contact,
#sp_header .sp_nav li,
a.btn_yellow,
p.h2_subtitle,
#btm_cta p.cta_tel,
p.cta_list_title,
a.btn_navy,
#footer ul.btm_sitemap li,
#contents .link_btn,
#contents table th,
.pc_header_scroll,
.modal__content h2,
.modal__content a{
    font-family: dnp-shuei-mincho-pr6, sans-serif!important;
    font-weight: bold;
}

.font_default{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/*Animatrion*/

.fadein {
  opacity : 0;
  transform : translate(0, 50px);
  transition : all 1s;
}
 
.fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}

/* スマホのみ */
@media screen and (max-width: 767px){

.sp_none,
.only_wide_pc{
	display:none!important;
}

.section_inner_wide,
.section_inner{
    padding:0 20px;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

body{
	background: #30373f;
}

.section_inner_wide,
.section_inner{
    padding:0 40px;
}

.tab_none,
.only_wide_pc{
	display:none!important;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

.pc_none{
	display:none!important;
}

/*flex-box*/

.flex_between{
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex_around{
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.flex_center{
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/*section_inner*/

.section_inner_wide,
.section_inner{
    width: 100%;
    margin: 0 auto;
	padding:0 80px;
}

}

/* PC（小画面）のみ */
@media screen and (min-width : 1024px) and (max-width: 1919px) {

.only_wide_pc{
	display:none!important;
}

}

/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

.wide_pc_none{
    display:none!important;
}

/*section_inner*/

.section_inner{
    width: 1100px;
    margin: 0 auto;
}

.section_inner_wide{
    max-width: 1600px;
    margin: 0 auto;
}

}

/* 余白調整 */
@media screen and (min-width : 1024px) and (max-width: 1279px) {

.section_inner,
.section_inner_wide{
    padding:0 40px;
}

}

/*--------------------------------------------------------------
## トップページ:ヘッダー、メインビジュアル
--------------------------------------------------------------*/

#top_mv{
    background: no-repeat center;
    background-size: contain;
}

#top_mv .top_mv_h2area{
    display: flex;
    align-items: flex-end;
    margin-top: auto;
}

#top_mv h2{
	font-family: dnp-shuei-mincho-pr6, serif!important;
    color: #fff;
    animation: timelag 5s ease 0s 1 normal;
    -webkit-animation: timelag 5s ease 0s 1 normal;
}
#top_mv h2 span {
	font-size: 50%;
	display: inline-block;
}

@keyframes timelag { 
    0% {opacity: 0} 
    100% {opacity: 1} 
}

@-webkit-keyframes timelag {
    0% {opacity: 0}
    100% {opacity: 1}
}

.header_btn_half,
.header_btn_full,
.top_btn_half,
.top_btn_full,
.sp_btn_contact{
	display: block;
}

.header_btn_half a,
.header_btn_full a,
.top_btn_half a,
.top_btn_full a,
.sp_btn_contact a{
	display: flex;
	justify-content: center;
	align-items: center;
}

.header_btn_half,
.top_btn_half{
	width: 50%;
	background: #30373f;
}

.header_btn_half a,
.top_btn_half a{
	color: #fad9ab;
}

.border_r{
	border-right: solid 1px #5b636c;
}

.header_btn_full,
.top_btn_full{
	width: 100%;
	background: #eceef0;
}

.header_btn_full a,
.top_btn_full a{
	color: #30373f;
}

/* スマホのみ */
@media screen and (max-width: 767px){

#top_mv h2{
	font-size: 4.3vw;
}
#top_mv h2 span {
	margin-top: 0;
}

#top_mv .top_mv_h2area{
    height: 50vh;
}

}


/* スマホとタブレット */
@media screen and (max-width: 1023px){

#top_mv h2{
	line-height: 170%;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 8%;
}

}


/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#top_mv .top_mv_h2area{
    height: 60vh;
}

#top_mv h2{
	font-size: 3.6vw;
}

#top_mv_infomation{
	padding-top:40px;
	padding-bottom:40px;
}

}


/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#top_mv h2{
    padding: 5%;
}

#top_mv .top_mv_h2area{
    height: 72vh;
}

#pc_header{
	background-color: #fff;
	position: relative;
	z-index: 9990;
}

#pc_header .pc_header_inner,
.pc_header_logo,
.pc_header_info,
.pc_header_btnarea,
#pc_header ul.pc_header_info_list li{
    height: 18vh;
}

#pc_header .nav_box,
#pc_header .nav_box a{
	height: 10vh;
}

.pc_header_logo{
	width:23%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 70px 0 60px 40px;
}

.pc_header_info{
	width:57%;
	padding:16px 0 40px 20px;
}

.pc_header_btnarea{
	width:20%;
}

#pc_header .header_btn_half a{
	height: 11vh;
}

#pc_header .header_btn_full a{
	height: 7vh;
}

#pc_header .pc_header_logo img{
	width: auto;
	height: 100%;
	display: block;
	margin:20px auto 10px auto;
}

#pc_header .pc_header_logo h1.header_title,
#pc_header .pc_header_logo p.header_title{
	font-size:1.1vw;
}

#pc_header ul.pc_header_info_list{
	display:table;
	margin: 0 auto;
}

#pc_header ul.pc_header_info_list li{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
	list-style: none;
}

#pc_header ul.pc_header_info_list li.pc_header_info_list_right{
	padding: 0 0 0 20px;
}

#pc_header ul.pc_header_info_list p,
#pc_header .pc_header_btnarea a{
	font-size:1.17vw;
}

p.nearest_st{
	margin-bottom:5px;
}

p.header_tel span{
	font-size: 2.7vw;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_tel.svg") no-repeat left center;
	background-size: 28px 28px;
	background-position: 0 70%;
	padding-left: 35px;
	letter-spacing: 2px;
}

.header_btn_half,
.header_btn_full{
	display: block;
}
	
.header_btn_half img{
	width: auto;
	height: 100%;
	padding: 1.8vh 10px;
}

.header_btn_full img{
	width: auto;
	height: 100%;
	padding: 2.2vh 10px;
}	
	
.header_btn_half{
	width: 50%;
	background: #363c44;
}

.header_btn_half a{
	color: #fad9ab;
}

.header_btn_half a:hover{
	opacity:1.0;
	background: #4c5159;
}

.header_btn_full a:hover{
	opacity:0.8;
	background: #f2f2f2;
}


.border_r{
	border-right: solid 1px #5b636c;
}

.header_btn_full{
	width: 100%;
	background: #eceef0;
}

.header_btn_full a{
	color: #30373f;
}
	
}

/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

.pc_header_logo{
	width:25%;
	padding:0 0 15px 80px;
}
	
.pc_header_info{
	width:45%;
	padding:0 0 0 0;
}

.pc_header_btnarea{
	width:30%;
}


#pc_header ul.pc_header_info_list p,
#pc_header .pc_header_btnarea a{
	font-size:0.9vw;
}

p.header_tel span{
	font-size: 2vw;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_tel.svg") no-repeat left center;
	background-size: 35px 35px;
	background-position: 0 70%;
	padding-left: 45px;
	letter-spacing: 2px;
}
	
img.btn_half_wide{
	padding: 2.4vh 10px;
}

}

/*IE調整*/
@media all and (-ms-high-contrast:none)/* and (min-width : 1024px)*/{

p.header_tel span{
	background-position: 0 45%;
}

span.icon_reservation,
span.icon_contact{
	padding-top:38px;
}

span.icon_eng{
	padding-bottom: 0;
	padding-top: 4px;
}

}

/*--------------------------------------------------------------
## トップページ:ヘッダー、スクロール後CSS
--------------------------------------------------------------*/

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

.pc_header_scroll{
	width: 100%;
	background-color:rgba(255, 255, 255, 0.95);
	position:fixed;
	z-index: 8000;
	top:0;
	display: none;
}

.clone-nav{
	display:block!important;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	transition: .3s;
	transform: translateY(-100%);
}

.is-show {
  transform: translateY(0);
}

.pc_header_scroll_inner{
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pc_header_scroll,
.pc_header_scroll_logo,
.pc_header_scroll_navi,
.pc_header_scroll .header_btn_half a{
	height: 100px;
	align-items: center;
}

.pc_header_scroll_logo{
	width: 15%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left:2vw;
}

.pc_header_scroll_logo img{
	width: 100%;
	height: auto;
	display: block;
}

.pc_header_scroll_navi{
	width: 48%;
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 2vw;
}

.pc_header_scroll_navi a{
	color: #30373f;
}

.pc_header_scroll_tel{
	width: 19%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ececed;
	padding: 0;
}

.pc_header_scroll_tel p{
	font-size: 0.9vw;
}

p.header_s_tel{
	margin-top: -8px;
}

p.header_s_tel span{
	font-size: 1.9vw;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_tel.svg") no-repeat left center;
	background-size: 20px 20px;
	background-position: 0 70%;
	padding-left: 25px;
	letter-spacing: 2px;
}

.nav_box_scroll{
	font-size: 1.1vw;
}

.pc_header_scroll_btnarea{
	width: 18%;
}

}

/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

.nav_box_scroll{
	font-size: 21px;
}

.pc_header_scroll_tel p{
	font-size: 16px;
}

p.header_s_tel{
	margin: -10px 0 0 0;
	padding: 0;
	font-size: 16px;
}

p.header_s_tel span{
	font-size: 30px;
}

}

/*--------------------------------------------------------------
## トップページ:スマホMV下インフォメーション
--------------------------------------------------------------*/

/* スマホのみ */
@media screen and (max-width: 767px){

#top_mv_infomation{
	padding: 10px 0;
}

.top_btn_area{
	background-color: #fff;
}	
	
#top_mv_infomation h1.header_title{
	font-size:4vw;
}

#top_mv_infomation p{
	margin-top: 10px;
	font-size: 14px;
}

#top_mv_infomation p.top_mv_infomation_tel span{
	font-size: 7vw;
	background-size: 20px 20px;
	background-position: 0 70%;
	padding-left: 25px;
}

.top_info_inner{
	padding-top: 15px;
	padding-bottom: 15px;
}

.top_btn_half a{
	font-size: 4.5vw;
}
	
.top_btn_half a{
	padding: 18px 5px;

}

}


/* スマホとタブレット */
@media screen and (max-width: 1023px){

#top_mv_infomation{
	text-align: center;
	background-color: #fff;
}

img.top_mv_infomation_logo{
	width: 75%;
	height: auto;
	max-width: 450px;
	margin: 0 auto 5px auto;
	}

p.top_mv_infomation_tel span{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_tel.svg") no-repeat left center;
	letter-spacing: 2px;
}

span.icon_reservation{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_reservation_sp.svg") left no-repeat;
	background-size: 23px 23px;
	padding-left:33px;
}

span.icon_contact{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_contact_sp.svg") left no-repeat;
	background-size: 23px 23px;
	padding-left:33px;
}

span.icon_contact_navy{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_contact_navy.svg") left no-repeat;
	background-size: 23px 23px;
	padding-left:33px;
}

.top_btn_eng_area{
	padding: 15px 5px;
	text-align: center;
	width: 100%;
	background-color: #fff;
}
	
.top_btn_eng_area img{
	width: 100px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.top_btn_recruit_area{
	padding: 0 20px 0;
	text-align: center;
	width: 100%;
	margin: 40px 0 -20px;
}
	
.top_btn_recruit_area img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

}


/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#top_mv_infomation h1.header_title{
	font-size:2.5vw;
}

p.top_mv_infomation_tel span{
	font-size: 5.5vw;
	background-size: 35px 35px;
	background-position: 0 75%;
	padding-left: 50px;
}
	
#top_mv_infomation{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25vh;
}

.top_btn_area{
  height: 15vh;
}
	
.top_btn_half a{
	height: 10vh;
}

}

/*--------------------------------------------------------------
## トップページ:ナビゲーション
--------------------------------------------------------------*/

/* スマホとタブレット */
@media screen and (max-width: 1023px){

#sp_header .sp_head_fix{
	position: fixed;
	width: 100%;
	height: 55px;
	z-index: 9999;
	top:0;
	background-color:rgba(255, 255, 255, 0.9);
}

#sp_header img.sp_logo{
	float: left;
	margin:14px 0 0 8px;
	width:140px;
	height:auto;
}

#sp_header .sp_head_fix .reservation{
	position:absolute;
	top:2px;
	right:110px;
	display:block;
	width:55px;
	height:55px;
}

#sp_header .sp_head_fix .tel{
	position:absolute;
	top:2px;
	right:165px;
	display:block;
	width:55px;
	height:55px;
}

#sp_header .sp_head_fix .careers{
	position:absolute;
	top:0;
	right:55px;
	display:block;
	width:55px;
	height:55px;
	padding-top: 2px;
	background-color: #FAD9AB;
}

#sp_header .nav_box_sp{
	padding: 25px 0 40px 0;
}

#sp_header .pure-drawer	.drawer_logo{
	width:50%;
	height:auto;
	display:block;
	margin-left: 20px;
}

#sp_header .sp_nav{
	padding: 20px;
}

#sp_header .sp_nav li{
	line-height: 50px;
	margin-bottom: 10px;
	text-align: center;
	border-bottom: solid 1px #eceef0;
}

#sp_header .sp_nav li a{
	display: block;
	background: url(https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_gray.svg) no-repeat 10px center;
	background-size: 12px 12px;
    color: #2d2d2d;

}
.sp_btn_contact{
	width: 100%;
	background: #eceef0;
	margin-top: 20px;
	border: double 3px #fff;
}

.sp_btn_contact a{
	padding: 20px 10px;
	color: #30373f;
}

}


/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#pc_header .nav_area{
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}

.nav_box,
.nav_box a{
	display: flex;
	justify-content: center;
	align-items: center;
}


.nav_box{
	width: auto;
	color: #D4D4D4;
}

.nav_box a{
    color: #30373f;
    padding: 0 20px;
}

.nav_box a img {
	width: 130px;
}

}

/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

.nav_box a{
    padding: 0 40px;
}

.nav_box a img {
	width: 180px;
}

}

/*--------------------------------------------------------------
## 大切なお知らせ
--------------------------------------------------------------*/

#hard_news{
	background: #30373f;
}

.sub_btm_bg{
	background-color: #252d33!important;
}

#nomal_news{
	background-color: #fff!important;
}

#hard_news .section_inner,
#nomal_news .section_inner{
	display: flex;
	justify-content: center;
	align-items: center;
}

.hard_news_blog_area,
.nomal_news_blog_area{
	width: 100%;
}

#hard_news ul.hard_news_list li,
#nomal_news ul.nomal_news_list li{
	margin-bottom: 20px;
	list-style: none;
}

#hard_news ul.hard_news_list li:last-child,
#nomal_news ul.nomal_news_list li:last-child{
	margin-bottom: 0;
}

#hard_news ul.hard_news_list li h3 a,
#nomal_news ul.nomal_news_list li h3 a{
	color: #fad9ab;
	margin-top: 40px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: normal;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_yellow.svg") right no-repeat;
	background-size: 10px 10px;
	padding-right: 25px;
	background-position : right 0 bottom 8px;
}

#nomal_news ul.nomal_news_list li h3 a{
	color: #30373f;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_navy.svg") right no-repeat;
	background-size: 10px 10px;
	padding-right: 25px;
	background-position : right 0 bottom 8px;
}

span.date{
	padding-right:15px;
}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

.hard_news_blog_area{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/hard_news_h2.svg") top center no-repeat;
	background-size: 140px 22px;
	background-position: 0 60px;
}
	
.nomal_news_blog_area{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/nomal_news_h2.svg") top center no-repeat;
	background-size: 91px 22px;
	background-position: 0 60px;
}

#hard_news ul.hard_news_list,
#nomal_news ul.nomal_news_list{
	width: 100%;
}

#hard_news ul.hard_news_list li,
#nomal_news ul.nomal_news_list li{
	border-left: solid 5px #fad9ab;
	padding-left: 20px;
	padding-right: 20px;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_yellow.svg") right no-repeat;
	background-size: 8px 8px;
	background-position : right 0 bottom 50%;
	}

#hard_news ul.hard_news_list li:first-child,
#nomal_news ul.nomal_news_list li:first-child{
	margin-top: 110px;
}

#hard_news ul.hard_news_list li:last-child,
#nomal_news ul.nomal_news_list li:last-child{
	margin-bottom: 60px;
}

#hard_news ul.hard_news_list li h3 a,
#nomal_news ul.nomal_news_list li h3 a{
	background:none;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

.hard_news_blog_area{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/hard_news_h2.svg") right center no-repeat;
	background-size: 255px 40px;
	background-position:0% 50%;
}
	
.nomal_news_blog_area{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/nomal_news_h2.svg") right center no-repeat;
	background-size: 165px 40px;
	background-position:95px 50%;
}

#hard_news ul.hard_news_list,
#nomal_news ul.nomal_news_list{
	width: 78%;
	padding: 0 0 0 80px;
	float: right;
}

#hard_news ul.hard_news_list li:first-child,
#nomal_news ul.nomal_news_list li:first-child{
	margin-top: 80px;
}

#hard_news ul.hard_news_list li:last-child,
#nomal_news ul.nomal_news_list li:last-child{
	margin-bottom: 80px;
}

}

/*--------------------------------------------------------------
## トップページ:イントロダクション
--------------------------------------------------------------*/

#top_intro{
	background:url("../jpg/top_intro_bg.jpg") top no-repeat;
	background-size:cover;
	text-align: center;
	color: #FFFFFF;
}

a.btn_yellow{
	display: block;
	background-color: #fad9ab;
	width: 100%;
	max-width: 650px;
	height: auto;
	margin: 0 auto;
	padding: 20px 10px 23px 10px;
	color: #30373f;
	text-align: center;
}

a.btn_yellow span{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_navy.svg") right no-repeat;
	background-size: 8px 8px;
	padding-right: 25px;
	background-position : right 0 bottom 7px;
}

a.btn_yellow:hover {
	background-color: #ffebcf;
	opacity:1.0;
	transition: all .3s;
}


/* スマホとタブレット */
@media screen and (max-width: 1023px){

#top_intro{
	padding: 60px 0;
}

#top_intro p{
	margin-bottom: 10px;
	line-height: 180%;
}

#top_intro .top_intro_txtarea{
	margin-bottom: 30px;
}
	
a.btn_yellow{
	padding: 20px 10px 20px 10px;
}
	
a.btn_yellow span{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_navy.svg") right no-repeat;
	background-size: 8px 8px;
	padding-right: 18px;
	background-position : right 0 bottom 6px;
}

}

/* スマホのみ */
@media screen and (max-width: 767px){	
	
a.btn_yellow span{
	background-position : right 0 bottom 4px;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#top_intro{
	padding: 150px 0;
}

#top_intro p{
	margin-bottom: 15px;
	line-height: 180%;
}

#top_intro .top_intro_txtarea{
	margin-bottom: 40px;
}
	
/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

a.btn_yellow span{
	background-position : right 0 bottom 10px;
}

}

}

/*--------------------------------------------------------------
## トップページ:当院の特徴
--------------------------------------------------------------*/

#top_feature{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/top_bg_icon_yellow.svg") left top no-repeat #30373f;
}

#top_feature h2,
p.h2_subtitle{
	color: #fad9ab;
}

#top_feature h2,
#top_recommend h2,
#top_worries h2,
#top_notice h2,
#btm_cta h2{
  text-align: center;
  position: relative;
}

#top_feature h2:after,
#top_recommend h2:after,
#top_worries h2:after,
#top_notice h2:after,
#btm_cta h2:after{
  width:40px;
  content: "";
  border-bottom: 1px solid #fad9ab;
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: -35px;
  margin:auto;
}

p.h2_subtitle{
	font-weight:normal;
	text-align: center;
}

.top_feature_contentsarea{
  background:linear-gradient(90deg,#fff 0%,#fff 65%,#30373f 35%,#30373f 100%);
  padding: 100px 0 20px 0;
}

.top_feature_contents_box{
	width: 100%;
	position: relative;
}

.top_feature_contents_txtarea{
	display: block;
	background: #fff;
}

#top_feature h3{
	border-bottom: #30373f dotted 2px;
	padding-bottom: 25px;
	display: block;
}

#top_feature h3 p{
	margin-bottom: 10px;
}

.feature_txt_area{
}

#top_feature p.txt_right{
	text-align: right;
}

#top_feature .link_arw{
	margin-top: 20px;
}

.feature_bg_01{
	background: url("../jpg/top_feature_contents_01.jpg") top no-repeat;
	background-size:100% auto;
}
.feature_bg_02{
	background: url("../jpg/top_feature_contents_02.jpg") top no-repeat;
	background-size:100% auto;
}
.feature_bg_03{
	background: url("../jpg/top_feature_contents_03.jpg") top no-repeat;
	background-size:100% auto;
}
.feature_bg_04{
	background: url("../jpg/top_feature_contents_04.jpg") top no-repeat;
	background-size:100% auto;
}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

#top_feature{
	padding: 60px 0 20px 0;
	background-position: 6% 20px;
	background-size: 25% auto;
}

p.h2_subtitle{
	margin-bottom: 30px;
	padding-top: 10px;
}
	
#top_feature h2:after,
#top_recommend h2:after,
#top_worries h2:after,
#top_notice h2:after,
#btm_cta h2:after{
  width:30px;
  bottom: -20px;
  margin:auto;
}

.top_feature_contentsarea{
  padding: 40px 0 0 0;
}

.top_feature_contents_box{
	margin-bottom:30px;
	padding-top: 25vh;
	border-left:solid 10px #fff;
}

.top_feature_contents_box img{
	width: 100%;
	height: auto;
}

.top_feature_contents_txtarea{
	width: 80%;
	height: auto;
	padding: 20px;
    bottom: 0%;
    left: 0%;
}
	
#top_feature h3{
	margin:0 0 20px 0!important;
	padding-bottom: 15px;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#top_feature{
	background-size: 23% auto;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#top_feature{
	padding: 150px 0;
	background-position: 6% 100px;
	background-size: 20% auto;
}

p.h2_subtitle{
	margin-bottom: 150px;
	padding-top: 20px;
}

.top_feature_contentsarea{
  padding: 80px 0 40px 0;
}

.second_bg_box{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/top_feature_bg_gray.svg") left center no-repeat;
	background-size: 16% auto;
}
	
.top_feature_contents_box{
	width: 100%;
	position: relative;
	height: 80vh;
	border-left:solid 40px #fff;
	margin-bottom:80px;
}
	
#top_feature h3{
	margin:0 auto 40px auto;
	max-width: 1000px;
}
	
#top_feature h3 span.feature_no{
	font-size: 150%;
}

.top_feature_contents_box img{
	width: auto;
	height: 100%;
	float: right;
}

.top_feature_contents_txtarea{
	width: 50%;
	height: auto;
	padding: 10vh 40px;
    top: 50%;
    left: 0%;
	position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

}

/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

#top_feature{
	background-size: 400px auto;
	background-position: 6% 130px;
}
	
#top_feature h3,
.top_feature_contents_txtarea p{
	text-align: center;
}

}

/*--------------------------------------------------------------
## トップページ:院内写真スライド
--------------------------------------------------------------*/

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    margin-top: -16px;
    z-index: 10;

}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev {
    background: url(https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_slider_prev.svg) no-repeat center center / contain;
	background-size: 25px 25px;
}

.swiper-button-next {
    background: url(https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_slider_next.svg) no-repeat center center / contain;
	background-size: 25px 25px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 20px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 20px;
    left: auto
}

/*--------------------------------------------------------------
## トップページ:おすすめのケア・治療メニュー
--------------------------------------------------------------*/

#top_recommend{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/top_bg_icon_navy.svg") left top no-repeat #30373f;
}

#top_recommend h2{
	color: #fad9ab;
}

#top_recommend h4,
#top_recommend p{
	color: #fad9ab;
}

#top_recommend h4{
	margin-bottom: 20px;
}

.top_recommend_img{
	position: relative;
	display:inline-block;
	margin-bottom: 40px;
}

.top_recommend_title{
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color:rgba(48, 55, 63, 0.8);
	text-align: center;
	color: #fad9ab;
}


/* スマホとタブレット */
@media screen and (max-width: 1023px){

#top_recommend{
	padding: 60px 0;
	background-position: 6% 20px;
	background-size: 25% auto;
}

#top_recommend p.h2_subtitle{
	margin-bottom: 0;
}

.top_recommend_title{
	height: 60px;
	padding-top: 12px;
}

.top_recommend_box{
	margin-top: 40px;
}

.top_recommend_img{
	margin-bottom: 30px;
}

.top_recommend_txt{
	margin-bottom: 20px;
}

#top_recommend .btn_yellow{
	margin-top: 15px;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#top_recommend{
	background-size: 23% auto;
}

.top_recommend_box{
	width: 48%;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#top_recommend{
	padding: 150px 0;
	background-position: 6% 100px;
	background-size: 20% auto;
}

.top_recommend_box{
	width: 30%;
}

.top_recommend_txt{
	margin-bottom: 30px;
}

.top_recommend_title{
	height: 80px;
	padding-top: 18px;
}

#top_recommend .btn_yellow{
	margin-top: 20px;
}

}


/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

#top_recommend{
	background-size: 400px auto;
	background-position: 6% 130px;
}

.top_recommend_img{
	margin-bottom: 40px;
}

.top_recommend_title{
	padding-top: 10px;
}

}


/*--------------------------------------------------------------
## トップページ:お悩み・症状別メニュー
--------------------------------------------------------------*/

#top_worries{
	background: url("../jpg/top_worries_bg.jpg") center no-repeat;
	background-size:cover;
}

#top_worries .top_worries_bg_inner{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/top_bg_icon_yellow.svg") left top no-repeat;
}

#top_worries h2{
	color: #fad9ab;
}

#top_worries h3{
	text-align: center;
	color: #fad9ab;
	margin-top: 20px;
}

.top_worries_box a{
	background-color: #30373f;
	display: block;
	text-align: center;
}

.top_worries_box a:hover {
	background-color: #363e46;
	opacity:1.0;
	transition: all .3s;
}

/* スマホのみ */
@media screen and (max-width: 767px){

#top_hard_news h3,
#sub_hard_news h3{
    font-size: 16px;
}

.top_worries_box img{
	width: 50%;
	height: auto;
}

}


/* スマホとタブレット */
@media screen and (max-width: 1023px){

#top_worries .top_worries_bg_inner{
	padding: 60px 0;
	background-position: 6% 20px;
	background-size: 25% auto;
}

.top_worries_wrap{
	margin-top: -10px;
	margin-bottom: 60px;
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top_worries_box{
	width: 48%;
	height: auto;
	margin-top: 10px;
}

.top_worries_box a{
	width: 100%;
	padding: 20px 15px;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#top_worries .top_worries_bg_inner{
	background-size: 23% auto;
}

.top_worries_box img{
	width: 70px;
	height: 70px;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#top_worries .top_worries_bg_inner{
	padding: 150px 0;
	background-position: 6% 100px;
	background-size: 20% auto;

}

.top_worries_wrap{
	margin-top: -20px;
	margin-bottom: 130px;
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.top_worries_box a{
	width: 195px;
	height: 195px;
	margin:20px 20px;
}

.top_worries_box img{
	width: 70px;
	height: 70px;
	margin-top: 35px;
}

}


/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

#top_worries .top_worries_bg_inner{
	background-size: 400px auto;
	background-position: 6% 130px;
}

.top_worries_box a{
	width: 220px;
	height: 220px;
	margin:20px 40px;
}

.top_worries_box img{
	width: 85px;
	height: 85px;
	margin-top: 40px;
}

}

/*--------------------------------------------------------------
## トップページ:お知らせ
--------------------------------------------------------------*/

#top_notice{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/top_bg_icon_navy.svg") left top no-repeat #30373f;
}

#top_notice h2{
	color: #fad9ab;
}

.blog_area{
	width: 100%;
	background: #fff;
}

#top_notice h3{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 15px 0;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_navy.svg") right no-repeat;
	background-size: 10px 10px;
	padding-right: 20px;
}

#top_notice h3 a{
	color: #30373f;
}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

#top_notice{
	padding: 60px 0;
	background-position: 6% 20px;
	background-size: 30% auto;
}

.blog_area{
	padding: 20px 40px;
	margin-bottom: 40px;
}

.top_notice_bnr_area{
	margin-top: 60px;
}

.top_notice_bnr_area img{
	margin-bottom: 15px;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#top_notice{
	background-size: 23% auto;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#top_notice{
	padding: 150px 0;
	background-position: 6% 100px;
	background-size: 20% auto;
}

.blog_area{
	padding:80px;
	margin-bottom: 80px;
}

.bnr_box{
	margin-top: 150px;
	width: 48%;
}

}


/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

#top_notice{
	background-size: 400px auto;
	background-position: 6% 130px;
}

}


/*--------------------------------------------------------------
## CTA
--------------------------------------------------------------*/

#btm_cta{
	background: url("../jpg/btm_cta_bg.jpg") center no-repeat;
	background-size:cover;
}

#btm_cta .btm_cta_bg_inner{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/top_bg_icon_yellow.svg") left top no-repeat;
}

#btm_cta h2,
#btm_cta h3{
	color: #fad9ab;
}

#btm_cta p.cta_tel a{
	color: #fad9ab;
}

ul.info_area_list li{
	vertical-align:middle;
	text-align:left;
	color: #fad9ab;
}

#btm_cta li.title_color{
	border:solid 2px #fad9ab;
	text-align: center;
	color: #fad9ab;
}

#btm_cta li.title_border{
	color: #fad9ab;
}

.cta_timeschedule_area{
	background-color:rgba(48, 55, 63, 0.9);
	padding: 60px 80px;
}

#btm_cta table{
    border-collapse: collapse;
    font-size: 16px;
    font-style: normal;
    color: #fad9ab;
    width: 100%;
	margin-bottom: 40px;
}

#btm_cta table tr td{
	padding:15px 5px 15px 5px;
	text-align:left;
	text-align:center;
	line-height:150%;
}

#btm_cta table tr{
	border-bottom: 1px solid #fad9ab;
}

#btm_cta table th{
	border-bottom: 1px solid #fad9ab;
	padding:15px 5px 15px 5px;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
}

#btm_cta h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 10px 0;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_yellow.svg") right no-repeat;
	background-size: 10px 10px;
	padding-right: 30px;
	font-weight: normal;
}

#btm_cta h4 a{
	color: #fad9ab;
}

#btm_cta a.btn_navy{
	width: 100%;
	border-bottom: 4px solid #fad9ab;
}

a.btn_navy span.icon_reservation{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_reservation_sp.svg") left no-repeat;
}
a.btn_navy span.icon_contact{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_contact_sp.svg") left no-repeat;
}

/* スマホのみ */
@media screen and (max-width: 767px){

#btm_cta p.cta_tel{
	font-size: 33px;
	margin:0 auto 10px auto;
	background-size: 25px 25px;
	background-position: 0 70%;
	width: 260px;
}

#btm_cta p.cta_tel span{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_tel_cta.svg") left no-repeat;
	background-size: 30px 30px;
	background-position: 0 70%;
	padding-left: 40px;
	letter-spacing: 1px;
}
	
#btm_cta p.tel_sub{
	color: #fad9ab;
	text-align: center;
	font-size: 90%;
	margin-bottom: 25px;
}

.cta_timeschedule_area{
	padding: 40px 20px;
}

#btm_cta table{
	margin-bottom: 40px;
}

#btm_cta table tr td{
	padding:8px 8px 8px 8px!important;
	font-size: 3.2vw;
}

#btm_cta table tr{
	border-bottom: 1px solid #fad9ab;
}

#btm_cta table th{
	padding:8px 8px 8px 8px;
	font-size: 3.2vw;
}

}


/* スマホとタブレット */
@media screen and (max-width: 1023px){

#btm_cta .btm_cta_bg_inner{
	padding: 60px 0 180px 0;
	background-position: 6% 20px;
	background-size: 25% auto;
}

.btm_cta_info_area_left,
.btm_cta_info_area_right{
	width: 100%;
}
	
.btm_cta_info_area_right{
	padding-left:20px;
	padding-right:20px;
}

ul.info_area_list{
	width: 100%;
	margin-bottom: 30px;
}
	
ul.info_area_list li{
	list-style: none;
	width: 100%;
	text-align: center;
}

#btm_cta li.title_color{
	text-align: center;
	padding: 15px 0 15px 0;
	margin-bottom: 20px;
}
	
#btm_cta li.title_border{
	border-bottom:dotted 1px #fad9ab;
	padding-bottom: 10px;
	margin-bottom: 15px;
}	
	
#btm_cta li.title_color,
#btm_cta li.title_border{
	width: 100%;
}
	
.btm_cta_info_area_bnrwrap{
	width: 100%;
	margin-bottom: 40px;
}
	
.bnrwrap_btm{
	width: 100%;
	margin-top: 15px;
}
	
#btm_cta a.btn_navy{
	padding: 23px 10px 23px 10px;
}
	
}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#btm_cta .btm_cta_bg_inner{
	background-size: 23% auto;
}

#btm_cta p.cta_tel{
	font-size: 45px;
	width: 360px;
	margin: 0 auto 40px auto;
}

#btm_cta p.cta_tel span{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_tel_cta.svg") left no-repeat;
	background-size: 45px 45px;
	background-position: 0 70%;
	padding-left: 60px;
	letter-spacing: 1px;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#btm_cta .btm_cta_bg_inner{
	padding: 150px 0 450px 0;
	background-position: 6% 100px;
	background-size: 20% auto;

}

.btm_cta_info_area{
	margin-bottom: 30px;
}	
	
.btm_cta_info_area_left{
	width: 370px;
}

.btm_cta_info_area_right{
	width: 460px;
}

#btm_cta p.cta_tel{
	font-size: 45px;
	margin-bottom: 25px;
}

#btm_cta p.cta_tel a{
	pointer-events: none;
}

#btm_cta p.cta_tel span{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_tel_cta.svg") left no-repeat;
	background-size: 55px 55px;
	background-position: 0 70%;
	padding-left: 70px;
	padding-bottom: 7px;
	letter-spacing: 1px;
}
	
#btm_cta p.txt_right{
	text-align:right;
}
	
ul.info_area_list{
	display:table;
	border-collapse: separate;
	width: 450px;
	margin-bottom: 30px;
}

ul.info_area_list li{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	height: 60px;
}

#btm_cta li.title_color{
	padding-bottom: 5px;
	width: 50%;
}

#btm_cta li.title_border{
	padding-bottom: 5px;
	width: 50%;
	text-align: right;
	padding-right: 20px;
	border-right:dotted 1px #fad9ab;
}
	
#btm_cta li.list_txt{
	padding-left: 20px;
	width: 50%;
}
	
.cta_blog_area_left{
	width: 230px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cta_blog_area_right{
	width: 520px;
}	

.btm_cta_info_area_bnrwrap{
	width: 100%;
	margin-bottom: 60px;
}
	
.bnrwrap_btm{
	width: 49%;
}
	
}


/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

#btm_cta .btm_cta_bg_inner{
	background-size: 400px auto;
	background-position: 6% 130px;
}

}

/*--------------------------------------------------------------
## アクセス情報
--------------------------------------------------------------*/

#btm_access{
	position: relative;
}

#btm_access .btm_access_bg_area{
	width: 100%;
	background: url("../jpg/btm_access_bg.jpg") right repeat-y;
	background-size: 50%;
	position: relative;
}

.btm_access_wrap{
	background: #fff;
}

#btm_access .btm_station_wrap{
	background: #eceef0;
	padding: 8% 5%;
	margin-top: 20px;
	text-align: left;
}

#btm_access .btm_station_wrap p{
	font-size: 13px;
	line-height: 200%;
}

a.btn_navy{
	width: 100%;
	margin: 15px auto 0 auto;
}

a.btn_navy:hover,
.map_zoom:hover{
	opacity:1.0;
	background: #4c5159;
}

a.btn_navy{
	display: block;
	background-color: #30373f;
	width: 100%;
	max-width: 650px;
	height: auto;
	margin: 0 auto;
	padding: 20px 10px 23px 10px;
	color: #fad9ab;
	text-align: center;
}

a.btn_navy span.icon_access{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_access.svg") left no-repeat;
}

.btm_access_map_area{
	background:#30373f;
	padding: 0 25px 20px 25px;
	position: relative;
}

.map_zoom{
	display: block;
	background-color: #30373f;
	width: 300px;
	height: auto;
	margin: 0 auto;
	padding: 17px 10px 15px 10px;
	color: #fad9ab;
	text-align: center;
	border: solid 1px #fff;
	margin-top: -25px;
	position: relative;
}

.map_zoom span{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_yellow.svg") right no-repeat;
	background-size: 10px 10px;
	padding-right: 20px;
}

.access_btn_wrap{
	padding: 0 20px;
}

.access_btn_wrap p{
	margin-bottom:25px;
}


/* スマホとタブレット */
@media screen and (max-width: 1023px){

#btm_access .btm_access_bg_area{
	margin-top: -120px;
}

#btm_access .section_inner_wide{
	width: 88%;
}

#btm_access .btm_access_wrap{
	padding:20px 0 20px 10px;
	text-align: center;
}

.btm_access_left,
.btm_access_right{
	width: 100%;
}

.btm_access_left{
	margin-bottom: 30px;
}
	
#btm_access .btm_station_wrap p{
	line-height: 160%;
	margin-bottom: 5px;
}

img.btm_logo,
.btm_station_wrap{
	margin-bottom: 20px;
}

.access_btn_wrap p{
	margin-bottom:10px;
}	
	
#btm_access a.btn_navy{
	padding: 20px 10px 20px 10px;
}	
	
a.btn_navy span.icon_access{
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_access.svg") left no-repeat;
	background-size: 15px 15px;
	padding-left: 20px;
	background-position:0 50%;
}

p.zoom_txt{
	font-size: 12px;
	margin-top: 10px;
	text-align: center;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#btm_access .btm_access_wrap{
	padding: 40px;
}

img.btm_logo,
.btm_station_wrap{
	margin-bottom: 40px;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#btm_access .btm_access_bg_area{
	margin-top: -300px;
}

#btm_access .btm_access_wrap{
	padding: 40px 0 40px 40px;
}

#btm_access .section_inner_wide{
	width: 80%;
}

.btm_access_left{
	width: 48%;
	text-align: center;
}

.btm_access_right{
	width: 48%;
}

img.btm_logo,
.btm_station_wrap{
	margin-bottom: 20px;
}

a.btn_navy span.icon_access,
a.btn_navy span.icon_reservation,
a.btn_navy span.icon_contact{
	background-size: 22px 22px;
	padding-left: 35px;
	padding-bottom: 7px;
	background-position:0 6px;
}

#btm_access h3{
	color: #fad9ab;
	border-left: solid 13px #fad9ab;
	padding-top: 30px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.map_zoom{
	margin-top: -25px;
	position: relative;
}

}


/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

#btm_access .btm_access_wrap{
	padding: 70px 70px 80px 70px;
}

img.btm_logo,
.btm_station_wrap{
	margin-bottom: 40px;
}
	
#btm_access .btm_station_wrap p{
	font-size: 14.5px;
}

a.btn_navy span.icon_access,
a.btn_navy span.icon_reservation,
a.btn_navy span.icon_contact{
	background-position:0 9px;
}
	
.btm_access_left{
	width: 40%;
}

.btm_access_right{
	width: 50%;
}

}

/*--------------------------------------------------------------
## ボトムバナーエリア
--------------------------------------------------------------*/

#btm_bnr_area{
	position: relative;
}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

#btm_bnr_area{
	padding: 40px 0;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#btm_bnr_area{
	padding: 100px 0;
}

}

/*--------------------------------------------------------------
## フッター
--------------------------------------------------------------*/

#footer{
	width: 100%;
}

#footer .footer_inner a{
	color: #fad9ab;
}

.footer_sitemap,
.copyright{
	width:100%;
}

#footer ul.btm_sitemap li{
	list-style: none;
	float: left;
	border-right: solid 1px #fad9ab;
	padding-right: 20px;
	margin-right: 20px;
}

#footer ul.btm_sitemap li:last-child{
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

#footer p{
	font-size: 14px;
	color: #fad9ab;
	padding-top: 5px;
}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

#footer{
	padding:0 25px 60px 25px;
}

#footer ul.btm_sitemap{
	margin-bottom: 20px;
}

#footer ul.btm_sitemap li{
	margin-bottom: 20px;
	padding-right: 16px;
	margin-right: 16px;
}

.copyright p{
	text-align: center;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#footer{
	padding:0 5% 100px 5%;
}

#footer ul.btm_sitemap li{
	font-size: 16px;
}

#footer ul.btm_sitemap {
	float: right;
	margin-bottom: 40px;
}

#footer ul.btm_sitemap li{
	margin-bottom: 10px;
}

.copyright p{
	text-align: right;
}

}

/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

#footer ul.btm_sitemap li{
	font-size: 18px;
}

#footer ul.btm_sitemap {
	float:none;
	margin-bottom: 0;
}

#footer .footer_inner{
	display: flex;
	justify-content: flex-end;
}

.footer_sitemap{
	width:1200px;
	margin-right: 50px;
}

.copyright{
	width: 280px;
}

}

/*--------------------------------------------------------------
## ページトップに戻る
--------------------------------------------------------------*/

#page-top{
	position: fixed;
	bottom: 15px;
	right: 15px;
	opacity:0.8;
	z-index: 9999;
}

#page-top img{
	width: 60px;
	height: 60px;
}


/* スマホのみ */
@media screen and (max-width: 767px){

#page-top{
	position: fixed;
	bottom: 7px;
	right: 10px;
}

#page-top img{
	width: 55px;
	height: 55px;
}
}

/*--------------------------------------------------------------
## サブページ：レイアウト
--------------------------------------------------------------*/

#main{
	background: #fff;
}

#contents img.img_center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.m_zero{
	margin-bottom: 0!important;
	padding: 0!important;
}

/* スマホのみ */
@media screen and (max-width: 767px){
	
.form__tel,
.form__time{
	font-size: 3.5vw;
}
	
#contents img.sp_img_half{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	height: auto;
}
}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

#main{
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 30px 20px 0 20px;
}

.paragraph{
	padding-bottom: 30px;
}

#contents img{
	margin-bottom: 15px;
}	
	
}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#contents img.tab_img_half{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	height: auto;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#main{
	width: 90%;
	max-width: 1100px;
	padding: 60px 60px 0 60px;
	margin:0 auto;
}

.paragraph{
    padding-bottom: 60px;
}

#contents img{
	margin-bottom: 40px;
}

.pc_txt_wrap{
	padding: 0 10%;
}
	
#contents img.pc_img_half{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	height: auto;
}

}


/*--------------------------------------------------------------
## サブページ：メインビジュアル
--------------------------------------------------------------*/

#sub_mv{
	width: 100%;
	position: relative;
}

#sub_mv h1{
	color: #fad9ab;
	margin: 0!important;
}

#sub_mv.background_1{
    background: url(../jpg/sub_mv_01.jpg) center center;
    background-size: cover;
}
#sub_mv.background_2{
    background: url(../jpg/sub_mv_02.jpg) center center;
    background-size: cover;
}
#sub_mv.background_3{
    background: url(../jpg/sub_mv_03.jpg) center center;
    background-size: cover;
}
#sub_mv.background_4{
    background: url(../jpg/sub_mv_04.jpg) center center;
    background-size: cover;
}
#sub_mv.background_5{
    background: url(../jpg/sub_mv_05.jpg) center center;
    background-size: cover;
}
#sub_mv.background_6{
    background: url(../jpg/sub_mv_06.jpg) center center;
    background-size: cover;
}

img.sub_mv_icon{
	display: block;
}


/* スマホとタブレット */
@media screen and (max-width: 1023px){

#sub_mv{
	height: 25vh;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

img.sub_mv_icon{
	width: 30%;
	height: auto;
	display: block;
	position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

h1.sub_mb_title_sp{
	color: #fad9ab;
	text-align: center;
	padding: 20px 30px 0 30px;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

h1.sub_mb_title_sp{
	padding: 40px 30px 0 30px;
}

}


/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#sub_mv{
	height: 40vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

img.sub_mv_icon{
	width: 25%;
	height: auto;
	display: block;
	position: absolute;
	top:-100px;
	left:0;
}

}

/*--------------------------------------------------------------
## パンくず
--------------------------------------------------------------*/

#breadcrumb_area{
	padding: 50px 0 25px 0;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 20px auto;
	font-size:16px;
	color: #fad9ab;
}

#breadcrumb_area a{
	color: #fad9ab;
}

#breadcrumb_area a:hover{
	text-decoration:underline;
}


/* スマホのみ */
@media screen and (max-width: 767px){
	#breadcrumb_area{
		font-size: 14px;
	}
}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

	#breadcrumb_area{
		padding: 15px 0 15px 0;
	}
}

/*--------------------------------------------------------------
## サブページ：見出し
--------------------------------------------------------------*/

#contents p{
	margin-bottom:25px;
	padding: 0 20px;
	line-height: 170%;
}

#contents h3,
#contents h4,
#contents h5{
	margin-top: 40px;
	line-height: 140%!important;
	width: 100%;
	align-items: flex-start;
}

#contents h2 a
#contents h3 a,
#contents h4 a{
	color: #30373f;
	text-decoration: none;
}

#contents h2{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/contents_h2_bg.svg") left top no-repeat;
	background-size: 120px 120px;
	padding-left: 140px;
	text-align: left!important;
	padding-top:35px;
}

#contents h3{
	border-left:solid 10px #fad9ab;
	padding-left: 20px;
	margin-bottom: 30px;
}

#contents h4{
	margin-bottom: 20px;
	border-bottom: dotted 3px #dedede;
	padding-bottom: 10px;
}

#contents h5{
	margin-bottom: 20px;
}

#contents p.contents_pagetop{
	text-align: right;
	font-size: 90%;
}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

#contents p{
	margin-bottom:20px;
	padding: 0 5px;
	line-height: 160%;
}
	
#contents h3,
#contents h4,
#contents h5{
	margin-top: 20px;
}
	
#contents h2{
	background-size: 80px 80px;
	padding: 70px 0 0 0;
	text-align: left!important;
}
	
#contents h3{
	margin-bottom: 20px;
}	
	
}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#contents h2{
	background:url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/contents_h2_bg.svg") center top no-repeat;
	text-align: center!important;
	padding: 160px 0 0 0;
}
}


/*--------------------------------------------------------------
## サブページ：テキスト装飾、リスト、リンク
--------------------------------------------------------------*/

.site_color{
	color:#f0c37b;
}

.site_sub_color{
	color:#5b89a6;
}

.red{
	color:#b63237;
}

.gray{
	color:#dedede
}

.txt_s{
	font-size: 90%!important;
}

.txt_l{
	font-size: 140%;
}

.txt_bold{
	font-weight:bold;
}

#contents ul{
	margin:20px 0 30px 0;
}

#contents ul li {
	margin-bottom: 15px;
	padding-left: 2px;
	list-style:none;
}
#contents ul li:before {
    content: "• ";
    color: #c8c8c8;
}

#contents .list_arw li{
	background: url(https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_yellow_bold.svg) no-repeat 0 5px;
    background-size: 13px 13px;
    padding: 0 0 2px 18px;
    line-height: 160%;
    margin-bottom: 10px;
}

#contents .list_arw li:before {
    display: none;
}

#contents .list_number{
	list-style: none;
	counter-reset: li_count;
}

#contents .list_number li{
    margin-bottom: 10px;
    text-indent: -11px;
    padding-left: 24px;
}

#contents .list_number li:before{
	counter-increment: li_count;
    content: counter(li_count)".";
    color: #f0c37b;
    font-weight: bold;
    letter-spacing: 0;
    width: 11px;
    display: inline-block;
}

#contents a{
	color: #30373f;
	text-decoration: underline;
}

#contents a.no-border{
	color: #30373f;
	text-decoration:none;
}

#contents .link:hover{
	text-decoration: underline;
}

#contents .link_arw,
#top_feature .link_arw{
	background: url(https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_gray_bold.svg) no-repeat left center;
	background-size: 13px 13px;
	padding: 3px 0 0 18px;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	text-align: left;
}

#contents .link_arw:hover,
#top_feature .link_arw:hover{
	text-decoration: underline;
}

#contents .link_btn{
	width: 100%;
	display:block;
	background-color:#fad9ab;
	text-align:center;
	padding:20px 10px 20px 10px;
	margin:20px 0;
	font-size:90%;
	color: #30373f;
	text-decoration: none;
}

#contents .link_btn span{
	background:url(https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_navy.svg) right no-repeat;
	background-size:8px 8px;
	padding-right:20px;
	background-position : right 0 bottom 5px;
}

#contents a.btn_center{
	margin-left: auto!important;
	margin-right: auto!important;
}

/* スマホのみ */
@media screen and (max-width: 767px){

#contents ul li {
    font-size: 95%;
	margin-bottom: 10px;
}

#contents .link_btn span{
	background-position : right 0 bottom 3px;
}
	
#contents .pagemap .list_arw li{
	margin-bottom: 15px;
	line-height: 200%;
}
	
#contents .pagemap .list_arw p{
	margin-bottom: 5px;
}

}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

.sp_btn_nm_50{
	margin-top: -50px;
}	
	
}

/* タブレットとPC（小画面）*/
@media print, screen and (min-width:768px){

#contents .link_btn{
	max-width:470px;
}
	
#contents .pagemap .list_arw li{
    line-height: 200%;
	margin-bottom: 20px;
}
	
#contents .pagemap .list_arw p{
	margin-bottom: 10px;
}

}

/*--------------------------------------------------------------
## サブページ：テーブル、枠装飾
--------------------------------------------------------------*/

#contents table{
	font-size: 16px;
	border-collapse: collapse;
	margin:0 0 40px 0;
	background: #fff;
	max-width: 100%;
	table-layout: auto;
	word-break: break-all;
	word-wrap: break-all;
}

#contents table tr td{
	padding:20px 18px;
	border: 1px solid #454c53;
}

#contents table th{
	border: 1px solid #454c53;
	padding:20px 18px;
	text-align: center;
	background-color:#30373f;
	font-weight: 500;
	color: #fff;
	font-size: 20px;
}

#contents table td.td_title{
	background-color:#eff0f2;
}

#contents table td.right{
	text-align:right;
}

#contents table td.center{
	text-align:center!important;
}

#contents table td.td_price{
	width: 250px!important;
	text-align: right;
}

#contents table .border_none{
    border: none;
}

#contents table.table_time td{
    text-align: center;
}

#contents .border-box,
#contents .color-box{
	margin:40px 0 40px 0;
	padding: 50px 42px 40px 42px;
}

#contents .border-box{
	border: 1px solid #30373f;
}

#contents .color-box{
	background:#eff0f2;
}

#contents .border-box h2,
#contents .color-box h2{
	margin-top:0;
}

#contents .border-box h3,
#contents .color-box h3{
	margin-top:0;
}

#contents .border-box h4,
#contents .color-box h4{
	margin-top:0;
}

#contents .border-box h5,
#contents .color-box h5{
	margin-top:0;
}

#contents table p{
	padding: 0;
}

#contents table.pricelist{
	width: 100%;
}

#contents table.pricelist td{
	line-height: 170%;
}

/* スマホのみ */
@media screen and (max-width: 767px){

#contents .border-box,
#contents .color-box{
	padding: 27px 20px 15px 20px;
	margin:25px 0 25px 0;
}

#contents table{
    max-width:100%;
}

#contents table th,td,
#contents table td.td_title{
    font-size: 13px;
    padding:15px 10px!important;
}

#contents table{
    margin:10px 0 15px 0;
    font-size: 13px;
    letter-spacing: 0;
}

#contents table th{
    font-size: 13px;
}	
	
#contents table.pricelist td.td_title{
	width: 25vw;
}

#contents table td.td_price{
	width: 100px!important;
}

#contents table td.td_price p{
	text-align: right;
}	
	
}


/*--------------------------------------------------------------
## サブページ：ボックスレイアウト
--------------------------------------------------------------*/

#contents .contents_two{
	width: 48%;
}

#contents .contents_three{
	width: 30%;
}

#contents .contents_auto{
	width: auto;
	margin:0 20px;
	padding: 20px 0;
}

#contents .flex_between_all{
	margin-bottom: 20px;
}

#contents .flex_around_all{
	margin-bottom: 20px;
}

#contents .contents_two p,
#contents .contents_three p{
	padding: 0;
}

.box_aligh{
	display: flex;
}

#contents .contents_two h3{
	margin-top: 0;
	padding-top: 0;
}

/* スマホのみ */
@media screen and (max-width: 767px){

#contents .contents_two,
#contents .contents_three{
	width: 100%;
	margin-bottom: 25px;
}
	
#contents .contents_auto{
	margin:0 0 10px 0;
	padding: 0;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#contents .contents_three{
	width: 100%;
	margin-bottom: 20px;
}

#contents .contents_two,
#contents .contents_three{
	margin-bottom: 20px;
}
	
#contents .contents_auto{
	margin:0 0 15px 0;
	padding: 0;
}

}

/* タブレットとPC（小画面）*/
@media print, screen and (min-width:768px){
	
.box_reverse{
	flex-direction: row-reverse;
}	
	
}

/*--------------------------------------------------------------
## サブページ：お悩み別メニュー
--------------------------------------------------------------*/

#btm_trouble_menu{
	color: #fad9ab;
}

#btm_trouble_menu p{
	color: #fad9ab;
}

#btm_trouble_menu h2{
	overflow: hidden;
	text-align: center;
	color: #fad9ab;
}

#btm_trouble_menu h2 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
}

#btm_trouble_menu h2 span::before,
#btm_trouble_menu h2 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 5px;
	background-color: #fad9ab;
}

#btm_trouble_menu h2 span::before {
	right: 100%;
}

#btm_trouble_menu h2 span::after {
	left: 100%;
}


/* スマホのみ */
@media screen and (max-width: 767px){

#btm_trouble_menu .btn_yellow{
	text-align: left;
	padding-left: 20px;
}

#btm_trouble_menu .btn_yellow{
	line-height: 120%;
}
	
#btm_trouble_menu{
	padding: 60px 0 55px 0;
}
	
}

/* スマホとタブレット */
@media screen and (max-width: 1023px){

#btm_trouble_menu h2{
	text-align: center;
	margin-bottom: 20px;
}

#btm_trouble_menu h2 span {
	margin: 0 0.2em;
	padding: 0 0.8em;
}

.trouble_menu_wrap{
	margin-top: 40px;
	width: 100%;
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.trouble_menu{
	width: 49%;
}

#btm_trouble_menu .btn_yellow{
	font-size: 18px;
	margin-bottom: 8px;
	display: block;
	background:#fad9ab url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_navy.svg") right no-repeat;
	background-size: 8px 8px;
	background-position : right 20px bottom 50%;
}
	
#btm_trouble_menu .btn_yellow span{
	background:none;
	padding-right: 0;
}

}


/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

#btm_trouble_menu{
	padding: 150px 0;
}

#btm_trouble_menu p{
	text-align: center;
}

.trouble_menu_wrap{
	margin-top: 92px;
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.trouble_menu{
	width: 220px;
	margin: 5px;
}

#btm_trouble_menu .btn_yellow{
	font-size: 18px;
	margin: 8px;
	padding: 20px 10px 22px 10px;
}
	
#btm_trouble_menu .btn_yellow span{
	background-position : right 0 bottom 7px;
}

}


/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){

.trouble_menu_wrap{
	margin-top: 90px;
}

.trouble_menu{
	width: 340px;
	margin: 10px;
}

}

/*--------------------------------------------------------------
## サブページ：固定ページ追加CSS
--------------------------------------------------------------*/

img.btm_price_bnr{
	border: solid 1px #E9E9E9;
	margin: 10px 0 0 0;
}

#contents span.contents_tel{
	font-size: 45px;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_tel.svg") left no-repeat;
	background-size: 35px 35px;
	background-position: 0 70%;
	padding-left: 45px;
	letter-spacing: 1px;
}

#contents .btn_menu_area{
	width: 49%;
}

#contents .btn_menu_area a.link_btn{
	max-width: 100%;
	margin: 5px;
}

#contents .btn_menu_area a.link_btn span{
	background:url(https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_arw_navy_btm.svg) right no-repeat;
	background-size:10px 10px;
	padding-right:20px;
	background-position : right 0 bottom 5px;
}

/* スマホのみ */
@media screen and (max-width: 767px){
	
#contents .btn_menu_area{
	width: 100%;
}
	
#contents span.contents_tel{
	font-size: 23px;
	background: url("https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_tel.svg") left no-repeat;
	background-size: 20px 20px;
	background-position: 0 70%;
	padding-left: 30px;
}
	
}

/*--------------------------------------------------------------
## よくある質問
--------------------------------------------------------------*/

.faq_question {
    position: relative;
    text-align:left;
    padding-right: 30px;
}

.faq_answer{
	display:none;
	text-align:left;
	background:#eff0f2;
	padding:20px 40px;
}

#contents .faq_wrap h4{
	padding-right: 30px;
}

.faq_answer h5{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
	font-weight: normal !important;
}

/*下矢印↓*/
.faq_question:after {
   content: "";
   position: absolute;
   border-right: 2px solid #f0c37b;
   border-bottom: 2px solid #f0c37b;
   width: 8px;
   top:15px;
   right: 20px;
   height: 8px;
   transform: rotate(45deg);
}

/*上矢印↑*/
.faq_question.ac:after {
   content: "";
   position: absolute;
   border-left: 2px solid #f0c37b;
   border-top: 2px solid #f0c37b;
   border-right: 0;
   border-bottom: 0;
   width: 8px;
   top:15px;
   right: 20px;
   height: 8px;
   transform: rotate(45deg);
}

/* スマホのみ */
@media screen and (max-width: 767px){

/*下矢印↓*/
.faq_question:after {
   width: 8px;
   top:40%;
   right: 10px;
   height: 8px;
}

/*上矢印↑*/
.faq_question.ac:after {
   width: 8px;
   top:40%;
   right: 10px;
   height: 8px;
}

#contents .faq_wrap{
	padding:10px 0 20px 0;
    margin-top: -10px;
}

.faq_question {
    padding-right: 0;
}    
    
.faq_answer{
	padding:20px 15px;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

#contents .faq_wrap{
	padding:60px;
}

}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){
    
#contents .faq_wrap{
    margin-top: -20px;
}
    
}


/*--------------------------------------------------------------
## フォント一括指定
--------------------------------------------------------------*/

/* スマホのみ */
@media screen and (max-width: 767px){

body p,
#top_hard_news h3,
#sub_hard_news h3,
#top_notice h3,
#btm_cta h4 a,
#footer ul.btm_sitemap li a{
	font-size: 3.8vw;
}
	
#contents p{
	font-size: 16px;
}	

/*フォント大*/	
	
#top_intro h2,
#top_feature h2,
#top_recommend h2,
#top_worries h2,
#top_notice h2,
#btm_cta h2{
	font-size: 5.5vw;
	margin-bottom: 25px;
	line-height: 180%;
	margin-top: -10px;
	text-align: center;	
}
	
/*フォント中*/
#top_feature h3,
#top_recommend h3,
#btm_trouble_menu h2{
	font-size: 5vw;
	line-height: 180%;
}
	
/*フォント小*/
#top_recommend h4,
p.cta_list_title,
#btm_cta h3,
#btm_access h3,
p.h2_subtitle,
#btm_trouble_menu .btn_yellow span,
#contents .blog_loop_box h2.h2_blog{
	font-size: 4.3vw;
}
	
#top_worries h3{
	font-size: 3.3vw;
}

}

/* スマホとタブレット */
@media screen and (max-width: 1023px){


/*フォント大*/
#sub_mv h1,
h1.sub_mb_title_sp,
#contents h2{
	font-size: 23px;
	margin-bottom: 20px;
	line-height: 140%;
	margin-top: -10px;
	text-align: center;
}

#top_feature h3{
	line-height: 160%;
	margin-bottom: 15px;
}

/*フォント中*/
#contents h3{
	font-size: 20px;
	line-height: 180%;
}

/*その他*/

#contents h4,
#contents h5{
	font-size: 18px;
	line-height: 180%;
}

}

/* タブレットのみ */
@media screen and (min-width : 768px) and (max-width: 1023px) {

body p,
#contents p,
#top_hard_news h3,
#sub_hard_news h3,
#top_notice h3,
#btm_cta h4 a{
	font-size: 16px;
}
	
/*フォント大*/	
#top_intro h2,
#top_feature h2,
#top_recommend h2,
#top_worries h2,
#top_notice h2,
#btm_cta h2{
	font-size: 23px;
	margin-bottom: 25px;
	line-height: 180%;
	margin-top: -10px;
	text-align: center;	
}
	
/*フォント中*/
#top_feature h3,
#top_recommend h3,
#btm_trouble_menu h2{
	font-size: 20px;
	line-height: 180%;
}
	
/*フォント小*/
#top_recommend h4,
p.cta_list_title,
#btm_cta h3,
#btm_access h3,
#top_worries h3,
p.h2_subtitle,
#contents .blog_loop_box h2.h2_blog{
	font-size: 16px;
}
	
#footer ul.btm_sitemap li a{
	font-size: 16px;
}
	
}

/* PC（小画面）とPC（大画面） */
@media print, screen and (min-width : 1024px){

body p,
#top_worries h3,
#top_notice h3,
#contents p{
    font-size: 18px;
}

#top_mv h2{
    font-size: 2.5vw;
    line-height: 170%;
}

#pc_header .nav_box a,
#top_hard_news h3,
#sub_hard_news h3{
	font-size: 18px;
}

/*フォント大*/
#top_intro h2,
#top_feature h2,
#top_recommend h2,
#top_worries h2,
#top_notice h2,
#btm_cta h2,
#sub_mv h1,
h1.sub_mb_title_sp,
#contents h2,
#btm_trouble_menu h2{
	font-size: 33px;
	margin-bottom: 40px;
	line-height: 160%;
	margin-top: -10px;
	text-align: center;
}

/*フォント中*/
p.h2_subtitle,
#top_feature h3,
#top_recommend h3,
#contents h3{
	font-size: 21px;
	line-height: 180%;
}

/*フォント小*/
a.btn_yellow,
a.btn_navy,
#top_recommend h4,
p.cta_list_title,
#btm_cta h3,
#btm_access h3,
#contents h4,
#contents .blog_loop_box h2.h2_blog{
	font-size: 18px;
}

/*その他*/

#contents h5{
	font-size: 16px;
	line-height: 180%;
}

}


/* PC（大画面）のみ */
@media print, screen and (min-width : 1920px){
	
#top_mv h2,
#sub_mv h1{
    font-size: 1.8vw;
    line-height: 200%;
}

#pc_header .nav_box a{
	font-size: 24px;
}

/*フォント大*/
#top_intro h2,
#top_feature h2,
#top_recommend h2,
#top_worries h2,
#top_notice h2
#btm_cta h2,
#contents h2,
#btm_trouble_menu h2{
	font-size: 36px;
}

/*フォント中*/
p.h2_subtitle,
#top_feature h3,
#top_recommend h3,
#contents h3{
	font-size: 26px;
}

/*フォント小*/
a.btn_yellow,
a.btn_navy,
#top_recommend h4,
p.cta_list_title,
#btm_cta h3,
#btm_access h3,
#contents h4,
#contents .blog_loop_box h2.h2_blog{
	font-size: 22px;
}

/*その他*/

#contents h5{
	font-size: 18px;
}

}

/*--------------------------------------------------------------
## IE調整
--------------------------------------------------------------*/

/*IE調整*/
@media all and (-ms-high-contrast:none)/* and (min-width : 1024px)*/{

a.btn_yellow{
	padding: 20px 10px 15px 10px;
}

a.btn_yellow span{
	background-position : right 0 bottom 18px;
}

.top_recommend_box img{
	width: 100%;
	height: auto;
}

.top_recommend_title{
	padding-top: 22px;
}
	
#btm_trouble_menu .btn_yellow{
	padding: 25px 10px 20px 10px;
}

#btm_trouble_menu a.btn_yellow span{
	background-position : right 0 bottom 14px;
}

#btm_cta p.cta_tel span{
	background-position: 0 35%;
}
	
#btm_cta a.btn_navy,
#btm_access a.btn_navy{
	padding: 30px 10px 20px 10px;
}
	
a.btn_navy span.icon_reservation,
a.btn_navy span.icon_contact{
	background-position:0 48px;
}
	
#btm_cta li.title_color{
	padding: 10px 10px 8px 10px;
}

p.header_s_tel span{
	background-position: 0 50%;
}
	
.pc_header_scroll_tel{
	padding: 10px 0 0 0;
}
	
#contents .link_btn{
	padding:25px 10px 20px 10px;
}

#contents .link_btn span{
	background-position : right 0 bottom 11px;
}
	
.section_inner{
	max-width: 1200px;
	margin: 0 auto;
}
	
.box_aligh{
	display:block;
}
	
.pc_header_scroll_btnarea .header_btn_half img{
	width: 100%;
	height: auto;
	display: block;
}
	
}

/*--------------------------------------------------------------
## スマホ：電話モーダルウィンドウ
--------------------------------------------------------------*/

/* スマホのみ */
@media screen and (max-width: 767px){

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
	border-radius: 5px;
    left: 50%;
    padding: 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
	text-align: center;
}
	
.modal__content h2{
	font-size:4.5vw;
	padding-bottom: 10px;
	border-bottom: dotted 1px #dedede;
	margin-bottom: 20px;
}
	
.modal__content p{
	font-size:4vw;
	line-height: 160%;
}
	
.modal__content p.modal_sub_title{
	margin-bottom: 10px;
}
	
a.js-modal-close{
	font-size:3.5vw;
}
	
img.modal_top_icon{
	width: auto;
	height: 30px;
	display: block;
	margin: 0 auto 20px auto;
}
	
.btn_gray{
	width: 100%;
	display: block;
	margin:20px auto;
	background: #eceef0;
	padding:20px 10px;
	font-size:18px;
	font-size:5.5vw;
	letter-spacing: 1.5px;
}

span.icon_close{
	background:url(https://www.tokyomidtown-mc.jp/dental/wp/wp-content/themes/twentysixteen-child/assets/img/icon_close.svg) left no-repeat;
	background-size:contain;
	padding: 2px 0 0 25px;
}
	
}

/*--------------------------------------------------------------
## フォーム
--------------------------------------------------------------*/

.form__tel{
	font-size: 48px;
	text-align: center;
	margin-bottom: 12px;
}
.form__tel a{
	color: #30373f !important;
}
.form__time{
	text-align: center;
}
.form__container{
	margin-bottom: 40px;
	width: 100%;
	line-height: 1.6;
}
.form__container:last-child{
	margin: 0;
}
.form__item--heading{
	font-weight: bold;
}
.form__item__description{
	font-size: 12px;
}
.form__item__must{
	background-color: #f0c37b;
	color: #fff;
	font-size: 12px;
	padding: 4px 16px;
	border-radius: 4px;
	margin-left: 12px;
	margin-bottom: 50px !important;
}
.form__item__optional{
	background-color: #AFAFAF;
	color: #fff;
	font-size: 12px;
	padding: 4px 16px;
	border-radius: 4px;
	margin-left: 12px;
}
.form__container input{
	vertical-align: middle;
}
.form__container input[type="text"],
.form__container textarea{
	border: 1px solid #D4D4D4;
	width: 100%;
	padding: 8px;
}
.form__container select{
	-webkit-appearance:none;
	appearance:none;
	border: 1px solid #D4D4D4;
	padding: 8px;
}
select.form__item__select__100{
	width: 100%;
}
.form__selectbox{
	position:relative;
	width: 100%;
}
.form__selectbox:after{
	content:"";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:5%;
  top:35%;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-30%);
}
.paragraph__form--check .form__selectbox:after{
	display: none;
}
.form__item__margin{
	margin-bottom: 20px;
}
.form__item__margin input,
.form__item__margin .form__selectbox{
	margin-top: 12px;
}
.form__item__margin:last-child{
	margin: 0;
}
.form__submit{
	text-align: center;
}
.form__submit input[type="submit"]{
	background-color: #30373f;
	color: #fff;
	font-size: 18px;
	padding: 16px 24px;
	border-radius: 8px;
}
.form__policy{
	margin-bottom: 20px;
}
.form__container span.mwform-checkbox-field-text{
	position: relative;
	padding-left: 28px;
}
.form__container span.mwform-checkbox-field-text::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
}
.form__container input[type="checkbox"]:checked + span.mwform-checkbox-field-text::after{
    position: absolute;
    top: 0;
    left: 0;
    content: "✓";
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #30373f;
    background-color: #30373f;
    color: #fff;
}
.form__item input[type='radio']{
	display: inline-block;
	position: relative;
	padding-left: 12px;
}
.form__item input[type="radio"]:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.form__item input[type="radio"]:checked:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: #30373f;
    border-radius: 50%;
}

@media screen and (max-width: 1023px){
	.form__item--heading{
		margin-bottom: 10px;
	}
}
@media print, screen and (min-width : 1024px){
	.form__container{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.form__item--heading{
		width: 25%;
	}

	.form__item--body{
		width: 65%;
	}

	.form__policy{
		text-align: center;
	}
}

/* スマホのみ */
@media screen and (max-width: 767px){	
	.form__tel,
	.form__time{
		font-size: 3.5vw;
	}
}

/*--------------------------------------------------------------
## ブログカスタマイズ
--------------------------------------------------------------*/

.blog_loop_box{
	border-bottom: dotted 1px #dedede;
	padding:30px 0 10px 0;
}

span.blog_loop_box_date{
	color:#f0c37b;
}

#contents .blog_loop_box h2.h2_blog{
	background:none;
	padding:0;
	margin: -15px 0 20px 0;
	text-align: left!important;
}

#contents .blog_loop_box p{
	padding-left:0;
}

.blog_loop_img{
	width: 30%;
}

.blog_loop_img img{
	border: solid 1px #dedede;
}

.blog_loop_txt{
	width: 65%;
}

/* スマホのみ */
@media screen and (max-width: 767px){
	
.blog_loop_img,
.blog_loop_txt{
	width: 100%;
}
	
.blog_loop_box{
	padding:10px 0 10px 0;
}

}

/*--------------------------------------------------------------
## ページネーション
--------------------------------------------------------------*/
.pagination{
	margin-top:20px;
	font-weight: bold;
}
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 5px 2px 0;
	padding:4px 5px 3px 5px;
	text-decoration:none;
	width:auto;
	border-radius: 3px;
}

.pagination a:link,
.pagination a:visited,
.pagination a:hover,
.pagination a:active{
color:#fff;
}

.pagination a:hover,
.pagination .current{
	background: #eceef0;
}

.pagination .current{
	padding:4px 5px 3px 5px;
}

/* スマホのみ */
@media screen and (max-width: 767px){
.pagination{
	font-size: 12px;
}
}

/*--------------------------------------------------------------
## スマホでの閲覧の時、記事下のnavigation
--------------------------------------------------------------*/
@media screen and (min-width : 768px){
	.sp_posts_list{
		display: none;
	}
}
@media screen and (max-width: 767px){
	.sp_posts_list{
		margin-top: 40px;
	}
	.sp_posts_list a{
		color: #505050;
	}
}

/*--------------------------------------------------------------
## スマホでの閲覧の時、記事下のnavigation
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
	.posts_single iframe{
		width: 100%;
	}
}

/*--------------------------------------------------------------
## ライトボックスのカスタマイズ
--------------------------------------------------------------*/
.lb-close{
	background-image: url(../png/close.png) !important;
}
.lb-details,
.lb-nav{
	display: none !important;
}

/*--------------------------------------------------------------
## アクセスページ画像リンク
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
    .access_img_link {
        pointer-events: auto;
    }
}

@media screen and (min-width: 768px) {
    .access_img_link {
        pointer-events: none;
    }
}

/*--------------------------------------------------------------
## 診療時間変更
--------------------------------------------------------------*/
.pc_header_info_list .tc {
	text-align: center;
	line-height: 0;
	margin-left: 38%;
}

#pc_header .pc_header_inner {
	height: 18vh;
    margin-bottom: 1.8vw !important;
}

/* add 20230925 takahashi */
/*--------------------------------------------------------------
## クオキャリア導線
--------------------------------------------------------------*/
#contents .box_quacareer {
	width: 100%;
	border: 1px solid #454c53;
	text-align: center;	
	margin-bottom: 60px;
}
#contents .box_quacareer .midashi_quacareer {
	width: 100%;
	background-color: #30373f;
	text-align: center;
	padding: 15px 0;
	color: #fff;
}
#contents .box_quacareer .box_quacareer_inner p {
	line-height: 1.5;
	letter-spacing: 5px;	
}
#contents .box_quacareer .box_quacareer_inner p span {
	font-size: 24px;
}
#contents .box_quacareer .box_quacareer_inner p span.underline {
	font-size: 33px;
	font-weight: bold;
	background: linear-gradient(transparent 60%, #fad9ab 30%);
}
#contents .box_quacareer .box_quacareer_inner p.normal {
	letter-spacing: 0;
	margin-bottom: 10px;
}

#contents .box_quacareer .box_quacareer_inner a {
	display: block;
	margin-bottom: 25px;
}
#contents .box_quacareer .box_quacareer_inner a:hover {
	opacity: 0.7;
}

#contents .box_quacareer .box_quacareer_inner a img {
	margin-bottom: 5px;
}
#contents .box_quacareer .box_quacareer_inner a span {
	display: block;
}

@media screen and (max-width: 767px){
	#contents .box_quacareer {
		margin-bottom: 30px;
	}
	#contents .box_quacareer .box_quacareer_inner p {
		letter-spacing: 2.5px;	
	}
	#contents .box_quacareer .box_quacareer_inner p span {
		font-size: 18px;
	}
	#contents .box_quacareer .box_quacareer_inner p span.underline {
		font-size: 23px;
	}
	#contents .box_quacareer .box_quacareer_inner p.normal {
		margin-bottom: 5px;
	}

	#contents .box_quacareer .box_quacareer_inner a {
		margin-bottom: 20px;
	}
	#contents .box_quacareer .box_quacareer_inner a img {
		width: 90%;
	}
	#contents .box_quacareer .box_quacareer_inner a span {
		font-size: 12px;
	}
}

/* add 20230925 takahashi */