/*
Theme Name:豊田治療院
Template:monad_tcd110
Version:1.5.3
*/

.br-sp{display: none;}

.wp-block-image.alignwide img{width: auto; margin-right: auto; margin-left: auto;}
.wp-block-columns.has-background{padding: 2em;}

.faq_list .desc .answer{font-weight: bold;}

.post_content{letter-spacing: 0.05em;}
.post_content h2{font-family: var(--tcd-font-type2); line-height: 1.5; color: var(--main_color);}
.post_content h3{font-family: var(--tcd-font-type2); font-weight: 400;}
.page:not(.home) .post_content h3,
.single .post_content h3{border-left: 2px solid #000; padding: 0.5em;}
.page:not(.home) .post_content h3.no-border,
.single .post_content h3.no-border,
.page:not(.home) .post_content h3.is-style-vk-heading-plain,
.single .post_content h3.is-style-vk-heading-plain{border-left: none; padding: 0;}
.post_content img{border-radius: 7px;}
.post_content .aligncenter{margin-bottom: 0;}
.post_content .alignfull{margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.post_content .link_button{margin-top: 70px; text-align: center;}
.faq_list .desc{font-size: 16px; line-height: 1.7;}

/*******************************
トップページ
*******************************/
#front_page_contents .post_content{font-size: 18px;}

/*.top__sec01{background-color: rgba(0, 164, 180, 0.5); margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 5% 0;}
.top__sec01-inner{width: 100%; max-width: 1100px; background-color: #fff; margin: 0 auto; border-radius: 20px; padding: 5% 11%; text-align: center; font-size: 21px;}
.top__sec01-title{font-size: 18px;}
.top__sec01-title .text-main{display: block; margin-top: 0.5em; font-size: 2.778em; font-family: var(--tcd-font-type2); line-height: 1.5;}
.top__sec01-title .cross{margin: 0 0.5em;}
.top__sec01-inner .font-serif{font-family: var(--tcd-font-type2); line-height: 1.8 !important;}
.top__sec01-flex{display: flex; gap: 2%; justify-content: center;}
.top__sec01-flex .box{width: 23%; border: 3px solid var(--main_color); border-radius: 5px; padding: 6% 3%; color: var(--main_color); font-weight: bold; font-size: 14px; text-align: center;}
.top__sec01-flex .box img{display: block; margin: 0 auto 0.9em;}*/

.top__sec01{position: relative;}
.top__sec01 .bg_image{position: absolute; z-index: -1;}
.top__sec01 .position_left_top{top: 0; left: -10%;}
.top__sec01 .position_right_bottom{right: -10%; bottom: 0;}
.top__sec01-inner{width: 100%; padding: 0 0 15%; text-align: center; font-size: 21px;}
.top__sec01-title{font-size: 36px;}
.top__sec01-title .text-sub{font-size: 0.75em;color: #2a9573;}
.top__sec01-title .text-main{display: block; margin-top: 0.15em; font-size: 2.778em; font-family: var(--tcd-font-type2); color: var(--main_color); line-height: 1;}
.top__sec01-title .cross{margin: 0 0.5em;}
.top__sec01-inner .font-serif{font-size: 25px; font-family: var(--tcd-font-type2); line-height: 1.8 !important;}
.top__sec01-flex{width: 70%;display: flex;gap: 2%;justify-content: center;margin: 0 auto;}
.top__sec01-flex .box{width: 23%;background-color: #fff;border: 1px solid var(--main_color);border-radius: 5px;padding: 6% 3%;color: var(--main_color);font-weight: 400;font-size: 14px;text-align: center;}
.top__sec01-flex .box img{display: block; margin: 0 auto 0.9em;}

.top__problem{background-color: #f0f0f0; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 5% 0;}
.top__problem-inner{width: 100%; max-width: 1100px; margin: 0 auto; padding: 2% 5%;}
.top__problem-inner ul{display: block; width: 100%; max-width: 520px; margin: 0 auto; padding-left: 4%;}
.top__problem-inner ul li{padding-left: 1em; list-style: none; position: relative;}
.top__problem-inner ul li::before{content: ""; position: absolute; top: 0.45em; left: 0; transform: rotate(50deg); width: 0.5em; height: 1em; border-right: 3px solid #b4871c; border-bottom: 3px solid #b4871c;}
.top__problem-text{margin-top: 2em; text-align: center; font-size: 1.2em; font-family: var(--tcd-font-type2);}
.top__problem-text .underline{text-decoration: underline wavy 1px; text-underline-offset: 10px; color: #293a77; font-weight: bold;}
.top__problem-text .main{color: #b4871c; font-weight: bold; font-size: 1.4em;}

.gakui-block{width: 80%; margin: 0 auto;}
.gakui-img .aligncenter{width: 100%; margin: 0;}
.gakui-img img{width: 100%; aspect-ratio: 465 / 310;}
.gakui-img .wp-element-caption{font-size: 0.9em !important; font-family: var(--tcd-font-type2); line-height: 2.6;}
.gakui-text{border-top: 1px solid var(--main_color); border-bottom: 1px solid var(--main_color); padding: 1em 0; font-family: var(--tcd-font-type2); font-size: 1.4em;}
.post_content .gakui-text p{margin: 0;}
.gakui-text .main{color: var(--main_color); font-weight: bold;}

.greeting-sign{text-align: center;}
.greeting-sign .main{display: block; font-weight: bold; color: var(--main_color);}
.greeting-sign .sub{display: inline-block; margin-right: 0.5em; font-weight: bold;}
.greeting-sign img{display: inline-block; width: 20%; margin: 0 auto;}

.top__sec02 .aligncenter,
.top__sec02 img{width: 100%;}

.director-img .aligncenter{width: 100%;}
.director-img img{width: 100%; max-width: 670px !important; aspect-ratio: 670 / 447; margin: 0 auto;}

.top__yt{text-align: center;}

.wp-block-cover__inner-container{width: 100%; max-width: 1100px; margin: 0 auto; padding: 5% 0;}
.voice__slider{width: 81.82%; margin: 0 auto;}
.voice__slider .smb-spider-contents-slider__item{border-radius: 7px; padding: 50px;}
.page .post_content .voice__slider h3,
.single .post_content .voice__slider h3{margin-bottom: 7px; padding: 0; border-left: none; font-size: 28px; font-family: var(--tcd-font-type2); line-height: 1.5; font-weight: 400;}
.post_content .voice__slider p{margin-bottom: 1em; font-size: 14px; line-height: 1.5;}
.voice__slider .wp-block-columns{margin-bottom: 11px;}
.post_content .voice__slider p:last-child{margin-bottom: 0;}
.voice__slider .spider__arrow[data-direction=prev]:before,
.voice__slider .spider__arrow[data-direction=next]:before{border-color: #868686; border-width: 3px;}
/*#front_page_contents .wp-block-cover__inner-container a{color: #fff;}*/
.wp-block-cover__inner-container a.design_button{background-color: var(--main_color); border: 1px solid #fff; color: #fff !important; transition: 0.3s;}
.wp-block-cover__inner-container a.design_button:hover{background-color: #fff; color: var(--main_color) !important;}
.wp-block-cover__inner-container .is-layout-flex{gap: 0; margin-bottom: 11px;}
.wp-block-cover__inner-container .is-layout-flex img{border-radius: 0;}
.is-layout-flex .is-layout-flex{gap: 0.5em; margin-bottom: 11px;}

.page .post_content h3.reason__title,
.single .post_content h3.reason__title{display: flex; align-items: center; gap: 0.5em; padding: 0; border-left: none; font-family: var(--tcd-font-type2); line-height: 1.5; font-weight: 400;}
h3.reason__title .num-box{display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: var(--main_color); width: 58px; height: 58px; text-align: center; font-size: 14px; font-family: var(--tcd-font-type1); color: #fff;}
h3.reason__title .num-box .num{display: block; font-size: 18px; line-height: 1;}
.post_content .reason__box p{line-height: 1.7;}

.price__box{padding-bottom: 0.75em; margin: 2.5em 0 0.5em; border-bottom: 1px solid #000; font-size: 40px; font-weight: bold;}
.price__box .font-mini{font-size: 14px;}
.price__box .name{display: inline-block; border: 1px solid #000; border-radius: 7px; padding: 0.6em 0.25em 0.5em 0.5em; margin-right: 1.5em; font-size: 28px;}
.for-beginner-block{width: 82%; background-color: #f2fcff; border-radius: 7px; padding: 3em; margin: 4.5em auto; color: #000000;}
.post_content .for-beginner-block p{margin-bottom: 0; line-height: 1.7;}
.post_content .for-beginner-block ul li{line-height: 1.7;}

.post_content .introduction__box p{margin-bottom: 0; line-height: 1.7;}
.introduction__img{margin-bottom: 1em; position: relative;}
.introduction__img .name{width: 100%; background-color: rgba(255, 255, 255, 0.8); padding: 10px; text-align: center; font-family: var(--tcd-font-type2); position: absolute; bottom: 0; left: 0;}

.flow__box{width: 90%; max-width: 1000px; background-color: #fff; margin: 0 auto 5%; padding: 4.8% 4.2%; display: flex; gap: 2%; flex-direction: row-reverse; color: #000;}
.flow__box-img{width: 44%;}
.flow__box-text{width: 54%;}
.post_content .flow__box-text p{line-height: 1.7;}
.flow__box-text .tel,
.cta__text .tel{font-size: 14px;}
.flow__box-text .tel a,
.cta__text .tel a{display: block; font-size: 2.286em; font-weight: bold; color: var(--main_color); line-height: 1.2; position: relative;}
.flow__box-text .tel a::before,
.cta__text .tel a::before{margin: 0 0 0 -5px; content: '\e919'; font-family: normal_icon; position: relative; top: 2px; left: 0;}
.shinq-compass{width: 80%; margin: 50px auto;}
.shinq-compass__att img{display: inline; margin-right: 0.25em; vertical-align: middle;}
.shinq-compass__att{margin-top: 0.5em;}
.shinq-compass__att a{color: #fff;}

.case__box{width: 90%;background-color: #f2f2f2; margin: 0 auto 5%; padding: 4.8% 4.2%; border-radius: 7px;}
.case__box h3{margin-bottom: 7px;}
.single .case__box h3{border-left: none; padding: 0;}
.post_content .case__box p{line-height: 1.7;}
.post_content .case__box p.font-mini{margin-bottom: 11px; font-size: 14px;}
.post_content .case__box p:last-child{margin-bottom: 0;}

.news__block li{display: flex; flex-direction: column-reverse; margin-bottom: 1em; line-height: 1.3;}
.access__block .map{width: 100%; margin-bottom: 1em;}
.access__block .map iframe{width: 100%; height: 100%; object-fit: cover; aspect-ratio: 480 / 177;}
.post_content .access__block p{line-height: 1.7; font-size: 16px;}
.info__links{display: flex; gap: 1%;}
.info__links a{display: block; width: 24%; margin-bottom: 0; color: #000;}
.post_content .info__links p{margin-bottom: 0; line-height: 1.7; font-size: 14px;}

/*.cta__block{display: flex; flex-direction: row-reverse; background-color: var(--main_color); padding: 5%; margin-top: 3em; border-radius: 7px;}*/
.cta__block{display: flex; flex-wrap: wrap; background-color: var(--main_color); padding: 5%; margin-top: 3em; border-radius: 7px;}
.cta__block h2{width: 100%; margin-bottom: 0.5em; text-align: left; color: #fff;}
.cta__img{width: 35%;}
.cta__img img{margin-bottom: 5px;}
.cta__text{width: 65%; padding-right: 2%;}
/*.cta__text h2{margin-bottom: 0.5em; text-align: left; color: #fff;}*/
.post_content .cta__text p{line-height: 1.7; color: #fff;}
.cta__text .tel a{color: #fff;}

/*********** フッター ***********/
#footer_info p{line-height: 1.5;}
.footer__name{font-size: 2em;}
#footer_info .footer__tel p{line-height: 1.2;}
.footer__tel .sub{display: block;}
.footer__tel .main{font-size: 2.7em; letter-spacing: 0.05em;}
.footer__tel .main i,
.footer__tel .main svg{margin-right: -0.45em; font-size: 0.7em; position: relative; top: -2px;}

/*******************************
固定ページ
*******************************/
.reference-data{width: 100%; border: 1px solid #ccc; padding: 4em;}
.post_content .btn-list{margin-top: 150px;}
.btn-list ul{display: flex; gap: 5%; justify-content: space-around; list-style: none;}
.page__map{width: 100%;}
.page__map iframe{width: 100%; height: auto; aspect-ratio: 1 / 0.5;}

/*******************************
個別投稿
*******************************/
.blog_list .item > a{display: none;}
.blog_list .image{display: none;}
.blog_list .category_list{display: none;}

.case__profile{border: 1px solid #ccc; padding: 2em;}
.case__profile .attribute{display: block; font-size: 0.8em;}
.post_content .case__profile p{margin-bottom: 0;}

.widget_tab_post_list .image_wrap{display: none;}
.widget_tab_post_list .title_area{width: 100%; padding-left: 0;}

/*******************************
症例別メニュー
*******************************/
/*#service_content_list .service_content .image_wrap img{object-position: 50% 0;}*/

.service-template-default #page_headline,
.service-template-default #bread_crumb{display: none;}

/*******************************
レスポンシブ
*******************************/
@media screen and (max-width: 1600px) {
	.pc #global_menu > ul > li {margin: 0 0 0 1em; font-size: 15px;}
	.pc #global_menu > ul > li > a{display: flex; align-items: center; line-height: 1.5;}
}
@media screen and (max-width: 1391px) {
	.p-footer-bar--type3,
	.p-footer-bar--type3 .p-footer-bar__item:not(:first-of-type){border: none;}
	.p-footer-bar--type3{color: #fff;}
	.p-footer-bar--type3 .p-footer-bar__item:nth-child(1){background-color: #bf5859;}
	.p-footer-bar--type3 .p-footer-bar__item:nth-child(2){background-color: #06c755;}
	.p-footer-bar--type3 .p-footer-bar__item:nth-child(3){background-color: #0e6f8f;}
}
@media screen and (max-width: 896px) {
	/********* 共通 **********/
	.post_content .btn-list{margin-top: 75px;}
	
	/********* トップページ **********/
	/*#header_slider_container.height_type2{height: 340px !important;}*/
	#front_page_contents{padding: 70px 0;}
	.top__sec01-title{font-size: 30px;}
	.top__sec01-inner .font-serif{font-size: 21px;}
	.gakui-img .wp-element-caption{line-height: 1.5;}
	.price__box{font-size: 30px;}
	.price__box .name{font-size: 0.8em;}
	.for-beginner-block{width: 100%; margin: 2em 0 4em;}
	
	/********* お客様の声 **********/
	.page-id-534 .wp-block-columns{flex-direction: column-reverse; gap: 1.5em; margin-bottom: 0;}
	.page-id-534 .post_content h2{margin-bottom: 0.25em;}
	.page-id-534 .post_content h2 + p{margin-bottom: 1em;}
	.page-id-534 .post_content .link_button{margin-top: 0;}
}
@media screen and (max-width: 782px) {
	.reason__box{flex-direction: column-reverse;}
	.reason__box img{width: 100%;}
	.flow__box{flex-direction: column;}
	.flow__box-text{width: 100%;}
	.flow__box-img{width: 100%; margin-bottom: 1.5em;}
	.wp-container-core-columns-is-layout-9d6595d7 img{width: 100%;}
	.info__links{flex-wrap: wrap;}
	.info__links a{width: 49%;}
	/*.cta__block{flex-direction: column-reverse;}*/
	.cta__block{flex-direction: column;}
	.cta__block h2{margin-bottom: 1em; text-align: center; order: 1;}
	.post_content .cta__img{width: 100%; margin-bottom: 1em; text-align: center; order: 2;}
	.cta__img img{width: 50%; margin: 0 auto;}
	.cta__text{width: 100%; order: 3;}
	.cta__text .sp-num{text-align: center;}
}
@media screen and (max-width: 480px) {
  /*.top__sec01-title{font-size: 21px;}
  .top__sec01-title .text-main{font-size: 2em;}
  .top__sec01-inner .font-serif{font-size: 16px;}
  .top__sec01-flex{width: 100%;}
  .top__sec01-flex .box{font-size: 11px;}
  .top__sec01-flex .box img{width: 40%; border-radius: 0;}
  .top__sec01 .bg_image{width: 40%;}
  .top__sec01 .position_left_top{top: 18%; left: -15%;}
  .top__sec01 .position_right_bottom{right: -15%;}
  
  #service_header{margin-bottom: 1em;}
  #service_header .image img{margin-bottom: 0;}*/
	
	/********* 共通 **********/
	.br-pc{display: none;}
	.br-sp{display: inline;}
	:is(.post_content, .post_content .tcdce-body) p{line-height: 1.9;}
	.vk_block-margin-xxl--margin-top{margin-top: 4em !important;}
	.vk_block-margin-xxl--margin-bottom{margin-bottom: 4em !important;}
	.vk_block-margin-xl--margin-top{margin-top: 3em !important;}
	.post_content .link_button{margin-top: 30px;}
	.faq_list .desc{font-size: 15px;}
	
	/********* トップページ **********/
	.home #header_slider_container.height_type2{height: 280px !important;}
	#front_page_contents{padding: 20px 0 40px;}
	#front_page_contents .post_content{font-size: 15px;}
	
	.top__sec01-title{font-size: 21px;}
	.post_content .top__sec01-title p{margin-bottom: 0.5em;}
	.top__sec01-title .text-main{font-size: 2em;}
	.top__sec01-inner{padding-bottom: 10%;}
	.post_content  .top__sec01-inner p.font-serif{margin-bottom: 1em; font-size: 14px;}
	.top__sec01-flex{width: 100%;}
	.top__sec01-flex .box{padding: 4% 1%; font-size: 11px;}
	.top__sec01-flex .box img{width: 40%; border-radius: 0;}
	.top__sec01 .bg_image{width: 40%;}
	.top__sec01 .position_left_top{top: 18%; left: -15%;}
	.top__sec01 .position_right_bottom{right: -15%;}
	
	.post_content .gakui-text p{line-height: 1.7;}
	
	.voice__slider{width: 100%;}
	.voice__slider .smb-spider-contents-slider__item{padding: 8%;}
	.page .post_content .voice__slider h3,
	.single .post_content .voice__slider h3{font-size: 18px;}
	
	h3.reason__title .num-box{min-width: 58px;}
	
	.price__box{font-size: 21px;}
	.for-beginner-block{padding: 2.5em;}
	
	.shinq-compass{width: 100%;}
	.shinq-compass__att{font-size: 11px;}
	
	.case__box{width: 100%;}
	.case__box h3{font-size: 18px;}
	.post_content .case__box p.font-mini{font-size: 12px;}
	
	.cta__img img{width: 100%;}
	
	/********* 初めての方へ **********/
	.reference-data{padding: 2.5em;}
	.post_content .btn-list{margin-top: 50px;}
	.btn-list ul{flex-direction: column; gap: 2em;}
	
	/********* 院長プロフィール **********/
	.post_content .wp-container-core-columns-is-layout-9d6595d7 p{margin-bottom: 0;}

	/********* 症例別メニュー **********/
	#service_header{margin-bottom: 0;}
	#service_header .image img{aspect-ratio: 1 / 0.5; object-fit: cover; margin-bottom: 0;}
	#service_header > .headline{padding-bottom: 0;}
	
	/********* お客様の声 **********/
	.page-id-534 .wp-block-columns{margin-bottom: 35px;}
	
	
}