/*
Theme Name:VOGUE child
Template:vogue_tcd051
Version:1.2.1
*/

body{ font-family: 'Noto Sans JP', sans-serif!important; font-weight: 400; }

.p-main-image__content{ padding: 0 4%; }
/*.l-inner{ max-width: 800px; }*/
.p-page-header__title{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.p-page-header__title span{ display: block; font-size: .8rem; }

.p-content01__catch{ color: #573000; }
#cb_5 .p-content04__slider-item{ height: 600px; }
.p-request__close{ background: #351800; }
.p-page-header__title{ width: 100%; }
#tcd-pb-wrap { margin-top: 90px; }
.scheduleBox .inner{ max-width: 1100px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }
.scheduleBox .inner div{ width: 47.274%; }
.scheduleBox .inner div:nth-of-type(2){ margin-left: auto; }
.checkList ul{ max-width: 1100px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; }
.checkList ul li{ width: 48.182%; padding: 10px 10px 10px 45px; background: #f7efdf url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/check-icon.svg') 15px 12px no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; }
.checkList ul li:nth-of-type(2n){ margin-left: auto; }
.checkList ul li:nth-of-type(n+3){ margin-top: 8px; }

.planArea{ max-width: 1100px; margin: 0 auto; }
.planArea p{ margin-bottom: 0 !important; }
.planArea table{ width: 100%; margin-bottom: 20px; }
.planArea table th{ width: 25%; padding: 7px 5px; background-color: #f7efdf; border: 1px solid #dcdddd; line-height: 1.5; }
.planArea table td{ padding: 15px 5px; text-align: center; border: 1px solid #dcdddd; line-height: 1.5; }
.planArea .mt{ margin-top: 20px; }

.pb-widget-tab .resp-tabs-list li{ border-bottom: 0!important; }

.page-id-70 .pb_tab_text h3 span{ display: block; font-size: 14px; }
.page-id-70 .p-main-image h2 span{ display: block; font-size: 14px; }
.page-id-70 .widget7{ max-width: 1160px; margin: 0 auto; }
.page-id-70 .pb-widget-staff-list .pb_staff_list-overlay{ text-align: center; }
.page-id-70 .pb_staff_list-mobile{ text-align: center; }
.linkBtn a:hover{ text-decoration: none; }

.grecaptcha-badge 		{ bottom: 110px!important; }

.contactform{ width: 100%; max-width: 800px; margin: 0 auto; }
.contactform input::-webkit-input-placeholder{ color: #a2a2a2; }
.contactform input:-ms-input-placeholder{ color: #a2a2a2; }
.contactform input::placeholder 		{ color: #a2a2a2; }
.contactform textarea::-webkit-input-placeholder{ color: #a2a2a2; }
.contactform textarea:-ms-input-placeholder{ color: #a2a2a2; }
.contactform textarea::placeholder 	{ color: #a2a2a2; }
.contactform input:-webkit-autofill 	{ -webkit-box-shadow: 0 0 0px 1000px #ddd inset; }

.wpcf7 .wpcf7-list-item{ margin-right: 1rem; display: inline-block; }
.wpcf7{ background: #ffffff; margin: 0!important; border: 0; }
span.wpcf7-list-item{ margin: 0; }

.page-id-99 .pb_staff_list-overlay{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.page-id-99 .pb_staff_list-overlay h4{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.page-id-99 .pb_staff_list-overlay h3{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.page-id-99 .pb_staff_list-overlay .pb_staff_list-description{ -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

@media only screen and (min-width: 1025px){
	.home .l-main{ margin-top: 70px; }
	#js-global-nav{ padding-top: 26px; }
	.p-global-nav > li a{ line-height: 1.3; border-right: 1px solid #fff; }
	.p-global-nav > li:last-of-type a{ border-right: 0; }
}

@media only screen and (max-width: 1024px){
.l-header { height: 60px; line-height: 60px; }
}

@media only screen and (min-width: 768px){
	.sp{ display: none!important; }
	.mainImage{ position: relative; }
	.mainImage img{ max-width: 100%; }
	.mainImage .textBox{ width: 57.849%; max-width: 565px; position: absolute; top: 50%; left: 5%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align: justify; }
	.mainImage .textBox h2{ margin-bottom: 20px; }
	.mainImage .textBox p{ font-size: .95rem; font-weight: 400; line-height: 1.7; }
	.mainImage .textBox p:nth-of-type(2){ white-space: nowrap; }
	
	.flowList ul{ max-width: 1100px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; }
	.flowList ul li{ width: 16.365%; margin-right: 4.54375%; }
	.flowList ul li:last-of-type{ margin-right: 0; }
	.flowList ul li div{ height: 180px; padding: 0 15px; background-color: #573000; color: #fff; font-size: 16px; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; text-align: center; }
	.flowList ul li div:after{ content: ''; width: 15px; height: 30px; background: url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/arrow.svg') 0 0 no-repeat; position: absolute; top: 50%; right: -18%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); display: block; }
	.flowList ul li:last-of-type div:after{ display: none; }
	.flowList ul li p{ margin-top: 15px; line-height: 1.6; }
	
	.messageArea{ padding-top: 60.1190%; background: url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/doieijiro-bg.jpg') 0 0 no-repeat; background-size: contain; position: relative; }
	.messageArea .inner{ width: 100%; position: absolute; top: 0; }
	.messageArea h3{ padding: 100px 0 0!important; }
	.messageArea h4{ padding: 25px 0 0 90px; font-size: 34px; }
	.messageArea p{ width: 43%; margin: 0; padding: 0 0 0 90px; text-align: justify; }
	
	.basicInfo{ width: 100%; max-width: 1060px; margin: 0 auto; }
	.basicInfo .inner{ display: -webkit-box; display: -ms-flexbox; display: flex; }
	.basicInfo .inner dl{ margin: 0; border-bottom: 1px solid #efefef; }
	.basicInfo .inner dl div{ padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #efefef; }
	.basicInfo .inner dl dt{ margin: 0; font-weight: 400; line-height: 1.6; }
	.basicInfo .inner dl dd{ margin: 0; padding-left: 8px; line-height: 1.6; }
	.basicInfo .inner dl:nth-of-type(1){ width: 33.114%; margin-right: 4.103%; }
	.basicInfo .inner dl:nth-of-type(1) dt{ width: 105px; }
	.basicInfo .inner dl:nth-of-type(1) dd{ width: calc(100% - 105px); }
	.basicInfo .inner dl:nth-of-type(2){ width: 29.34%; margin-right: 4.103%; }
	.basicInfo .inner dl:nth-of-type(2) dt{ width: 65px; }
	.basicInfo .inner dl:nth-of-type(2) dd{ width: calc(100% - 60px); }
	.basicInfo .inner dl:nth-of-type(3){ width: 29.34%; }
	.basicInfo .inner dl:nth-of-type(3) dt{ width: 65px; }
	.basicInfo .inner dl:nth-of-type(3) dd{ width: calc(100% - 60px); }

	.contactform .requiredText{ margin: 35px 0 0; color: #f00; font-size: 12px; text-align: right; }
	.contactform dl div:first-of-type{ border-top: 1px dotted #bfbfbf; }
	.contactform .bdb{ border-bottom: 1px dotted #bfbfbf; }
	.contactform .inquiryText{ margin: 0; line-height: 2; }
	.tel p:nth-of-type(1){ margin-top: 37px; padding-left: 5px; font-size: 1.8rem; letter-spacing: .18rem; text-align: center; }
	.tel p:nth-of-type(1) span{ margin-left: .7rem; font-size: 3rem; letter-spacing: .15rem; }
	.tel p:nth-of-type(2){ margin-top: 5px; font-size: .94rem; text-align: center; }
	.contactform 		{ margin-top: 88px; }
	.contactform dl 	{ margin: 0; }
	.contactform dl div{ padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }
	.contactform dl div:nth-of-type(n+2){  }
	.contactform dl div dt{ width: 165px; padding-top: 0; font-size: 14px; font-weight: 400; }
	.contactform dl div dt span{ font-size: .7rem; color: #f00; vertical-align: super; }
	.contactform dl div dd{ width: calc(100% - 165px); margin: 0; padding-left: 10px; font-size: 14px; }

	.contactform dl div dd .widthSSS{ width: 100%; max-width: 50px; }
	.contactform dl div dd .widthSS{ width: 100%; max-width: 70px; }
	.contactform dl div dd .widthS{ width: 100%; max-width: 140px; }
	.contactform dl div dd .widthM{ width: 100%; max-width: 340px; }
	.contactform dl div dd .widthL{ width: 100%; }
	.contactform input[type="text"],.contactform input[type="tel"],.contactform input[type="email"],.contactform textarea{ padding: 9px 15px; border: 1px solid #b3b3b3; }
	.contactform select 	{ width: 100%; max-width: 305px; padding: 6px 15px; border: 1px solid #b3b3b3; }
	.contactform textarea 	{ width: 100%; height: 147px; resize: vertical; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.contactform .bottomText{ margin: 15px 0 0; padding: 0; font-size: 15px; line-height: 1.6; }
	.contactform .bottomText a{ text-decoration: underline; }
	.contactform .agreeBtn span{ font-size: 16px; }
	.contactform .confirmBtn { width: 90%; max-width: 300px; margin: 60px auto 80px; height: 70px; padding: 0; line-height: 70px; display: block; background: #231815 url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/btn-arrow.svg') 90% 50% no-repeat; text-align: center; color: #fff; border: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; font-size: 18px; letter-spacing: .1rem; }
	.contactform .confirmBtn:hover{ background: #351800 url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/btn-arrow.svg') 90% 50% no-repeat; }
	.contactform input[type="submit"]{  }
	.contactform input[type="submit"]:hover{  }
	.contactform .submitBtnUl{ width: 630px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; }
	.contactform .submitBtnUl li{ width: 48%; }
	.contactform .submitBtnUl li:nth-of-type(2){ margin-left: auto; }
	.contactform .submitBtnUl li input{ width: 100%; max-width: 300px; margin: 60px auto 80px; height: 70px; line-height: 70px; padding: 0; display: block; background: #231815 url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/btn-arrow.svg') 90% 50% no-repeat; text-align: center; font-size: 18px; color: #fff; border: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; }
	.contactform .submitBtnUl li:nth-of-type(1) input{ background: #ddd; color: #231815; }
	.contactform .submitBtnUl li input:hover{ opacity: .6; }
	.wpcf7c-conf 			{ background-color: #ddd!important; }
	
	.l-footer .menu-menu-container #menu-menu{ display: -webkit-box; display: -ms-flexbox; display: flex; }
	.l-footer .menu-menu-container #menu-menu li a{ padding: 1px 15px; font-size: 16px; display: block; border-right: 1px solid #231815; }
	.l-footer .menu-menu-container #menu-menu li:last-of-type a{ border-right: 0; }
}

@media only screen and (max-width: 1180px){
	.messageArea .inner{ position: static; }
	.messageArea .inner h3{ width: 100%; position: absolute; top: 0; }
	.messageArea .inner h4{ width: 55%; padding-left: 50px; position: absolute; top: 18%; }
	.messageArea .inner p{ padding: 0 4%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
}

@media only screen and (max-width: 767px){
	.pc{ display: none!important; }
	.mainImage{ position: relative; }
	.mainImage img{ max-width: 100%; }
	.mainImage .textBox{ text-align: justify; }
	.mainImage .textBox h2{ width: 55%; max-width: 565px; position: absolute; top: 80px; left: 5%; }
	.mainImage .textBox p{ padding: 0 20px; font-size: .95rem; font-weight: 400; line-height: 1.7; }
	.mainImage .textBox p:first-of-type{ margin-top: 10px; }
	
	.c-logo{ width: 230px; }
	.c-logo img{ width: 100%; }
	.p-page-header__title{ font-size: 30px!important; }
	.p-main-image__title{ font-size: 26px!important; }
	.p-content02__item-img{ position: static; }
	.p-content02__item {
		width: 33.333333333333%!important; }
	#cb_5 .p-content04__slider-item{ height: 400px; }
	#tcd-pb-wrap {
		margin-top: 0; padding-top: 34.5px;
	}
	.pb-widget-headline h3, .pb-widget-catchcopy h4, .pb-widget-editor{ padding: 0 20px!important; }
	.p-main-image__content{ padding-top: 30px; padding-bottom: 30px; padding-left: 20px !important; padding-right: 20px !important; }
	.scheduleBox .inner{ margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
	.scheduleBox .inner div{ width: 100%; }
	.scheduleBox .inner div:nth-of-type(2){ margin-top: 30px; margin-left: 0; }

	.checkList ul{ max-width: 1100px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; }
	.checkList ul li{ width: 100%; padding: 10px 10px 10px 45px; background: #f7efdf url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/check-icon.svg') 15px 12px no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.checkList ul li:nth-of-type(2n){ margin-left: 0; }
	.checkList ul li:nth-of-type(2){ margin-top: 8px; }
	.checkList ul li:nth-of-type(n+3){ margin-top: 8px; }

	.flowList ul{ max-width: 1100px; margin: 0 auto; list-style: none; }
	.flowList ul li{ width: 100%; margin-right: 0; position: relative; }
	.flowList ul li:nth-of-type(n+2){ margin-top: 40px; }
	.flowList ul li div{ padding: 15px; background-color: #573000; color: #fff; font-size: 14px; border-radius: 15px; position: relative; text-align: center; }
	.flowList ul li:nth-of-type(n+2):after{ content: ''; width: 15px; height: 30px; background: url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/arrow.svg') 0 0 no-repeat; position: absolute; top: -35px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); display: block; -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }
	.flowList ul li:last-of-type div:after{  }
	.flowList ul li p{ margin-top: 15px; line-height: 1.6; }

	.planArea table th{ font-size: 12px; }
	.planArea table td{ font-size: 12px; }
	
	.messageArea{ padding-top: 60.1190%; background: url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/doieijiro-bg.jpg') 0 0 no-repeat; background-size: contain; position: relative; }
	.messageArea .inner{ width: 100%; }
	.messageArea .inner h3{ padding: 70px 0 0 20px!important; text-align: left!important; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.messageArea .inner h4{ width: 100%; margin-bottom: 0 !important; padding: 0; font-size: 22px!important; position: static; }
	.messageArea .inner p{ width: 100%; margin: 0; padding: 0; text-align: justify; }
	.linkBtn{ padding-top: 30px; }
	
	.basicInfo{ width: 100%; max-width: 1060px; margin: 0 auto; }
	.basicInfo .inner{  }
	.basicInfo .inner dl{ margin: 0; }
	.basicInfo .inner dl div{ padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #efefef; }
	.basicInfo .inner dl dt{ margin: 0; font-weight: 400; line-height: 1.6; }
	.basicInfo .inner dl dd{ margin: 0; padding-left: 8px; line-height: 1.6; }
	.basicInfo .inner dl:nth-of-type(1){  }
	.basicInfo .inner dl:nth-of-type(1) dt{ width: 105px; }
	.basicInfo .inner dl:nth-of-type(1) dd{ width: calc(100% - 105px); }
	.basicInfo .inner dl:nth-of-type(2){  }
	.basicInfo .inner dl:nth-of-type(2) dt{ width: 65px; }
	.basicInfo .inner dl:nth-of-type(2) dd{ width: calc(100% - 60px); }
	.basicInfo .inner dl:nth-of-type(3){ border-bottom: 1px solid #efefef; }
	.basicInfo .inner dl:nth-of-type(3) dt{ width: 65px; }
	.basicInfo .inner dl:nth-of-type(3) dd{ width: calc(100% - 60px); }
	
	.contactform .requiredText{ margin: 35px 0 0; color: #f00; font-size: 12px; text-align: right; }
	.contactform dl div:first-of-type{ border-top: 1px dotted #bfbfbf; }
	.contactform .bdb{ border-bottom: 1px dotted #bfbfbf; }
	.contactform .inquiryText{ margin: 0; line-height: 2; }
	.tel p:nth-of-type(1){ margin-top: 37px; padding-left: 5px; font-size: 1.8rem; letter-spacing: .18rem; text-align: center; }
	.tel p:nth-of-type(1) span{ margin-left: .7rem; font-size: 3rem; letter-spacing: .15rem; }
	.tel p:nth-of-type(2){ margin-top: 5px; font-size: .94rem; text-align: center; }
	.contactform 		{ margin-top: 88px; }
	.contactform dl 	{ margin: 0; }
	.contactform dl div{ padding: 10px 0; }
	.contactform dl div:nth-of-type(n+2){  }
	.contactform dl div dt{ width: 165px; padding-top: 0; font-size: 14px; font-weight: 400; }
	.contactform dl div dt span{ font-size: .7rem; color: #f00; vertical-align: super; }
	.contactform dl div dd{ width: 100%; margin: 5px 0 0; font-size: 14px; }

	.contactform dl div dd .widthSSS{ width: 100%; max-width: 40px; }
	.contactform dl div dd .widthSS{ width: 100%; max-width: 60px; }
	.contactform dl div dd .widthS{ width: 100%; max-width: 140px; }
	.contactform dl div dd .widthM{ width: 100%; max-width: 340px; }
	.contactform dl div dd .widthL{ width: 100%; }
	.contactform input[type="text"],.contactform input[type="tel"],.contactform input[type="email"],.contactform textarea{ padding: 9px 5x; border: 1px solid #b3b3b3; -webkit-appearance: none; }
	.contactform select 	{ width: 100%; max-width: 305px; padding: 6px 5px; border: 1px solid #b3b3b3; }
	.contactform textarea 	{ width: 100%; height: 147px; resize: vertical; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }

	.contactform .bottomText{ margin: 15px 0 0; padding: 0; font-size: 15px; line-height: 1.6; }
	.contactform .bottomText a{ text-decoration: underline; }
	.contactform .agreeBtn span{ font-size: 16px; }
	.contactform .confirmBtn { width: 90%; max-width: 250px; margin: 60px auto 80px; height: 60px; padding: 0; line-height: 60px; display: block; background: #231815 url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/btn-arrow.svg') 90% 50% no-repeat; text-align: center; color: #fff; border: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; font-size: 18px; letter-spacing: .1rem; }
	.contactform .confirmBtn:hover{ background: #351800 url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/btn-arrow.svg') 90% 50% no-repeat; }
	.contactform input::-webkit-input-placeholder{ padding-top: .2rem; }
	.contactform input[type="submit"]{  }
	.contactform input[type="submit"]:hover{  }
	.contactform .submitBtnUl{ width: 100%; max-width: 630px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; }
	.contactform .submitBtnUl li{ width: 48%; }
	.contactform .submitBtnUl li:nth-of-type(2){ margin-left: auto; }
	.contactform .submitBtnUl li input{ width: 100%; max-width: 250px; margin: 60px auto 80px; height: 60px; line-height: 60px; padding: 0; display: block; background: #231815 url('https://brushment.yotsuba-c.jp/wordpress/wp-content/uploads/2019/06/btn-arrow.svg') 90% 50% no-repeat; text-align: center; font-size: 18px; color: #fff; border: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; }
	.contactform .submitBtnUl li:nth-of-type(1) input{ background: #ddd; color: #231815; }
	.contactform .submitBtnUl li:nth-of-type(1) input:hover{  }
	.contactform .submitBtnUl li:nth-of-type(2) input:hover{  }
	.wpcf7c-conf 			{ background-color: #ddd!important; }
}