/*
Theme Name: ドクター建築ラボ
*/
/*
 * 【重要警告】
 * このWordPressテーマは R-design が著作権を有しています。
 * 無断での使用・コピー・改変・再配布は、著作権侵害にあたります。
 * 不正利用が確認された場合、アクセスログやコード署名をもとに、
 * 弁護士を通じて法的手段を取らせていただきます（実例あり）。
 *
 */
/* A Modern CSS Reset */
*, *::before, *::after {
	box-sizing: border-box;
}

body{
	background-color: #fffffe;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.6;
	font-size: 16px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #444649;
}
h1, h2, h3, h4, p, figure, blockquote, dl, dd, ul,ol{
	margin: 0;
	padding: 0;
}
ul{
	list-style: none;
}
html:focus-within {
	scroll-behavior: smooth;
}
body {
	text-rendering: optimizeSpeed;
	position: relative;
}
a {
	line-height: 1;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: unset;
}
input, button, textarea, select {
	font: inherit;
}

table{
	border-collapse: separate;
	border-spacing: 0;}
.pagination{width:100%;margin-top: 40px;display: flex;justify-content: center;}


.pagination .page-numbers {
	display: inline-block;
	margin-right: 5%;
	padding: 1rem;
	line-height: 1;
	color: #333;
	border-radius: 3px;
	box-shadow: 0 3px 3px #999;
	background: #fff;
}
.pagination .current {
	padding: 1rem;
	line-height: 1;
	background: #90c224;
	color: #fff;
}
.pagination .prev, .pagination .next {
	background: transparent;
	box-shadow: none;
	color: #90c224;
	padding: 0;
	white-space: nowrap;
}
.pagination .dots {
	background: transparent;
	box-shadow: none;
}
.source{text-align:right;font-size:75%;margin-bottom:1rem;color:#666;}
.section-hoso{margin-bottom:1rem;}

.check-list li{display:flex;justify-content:flex-start;align-items:center;padding:.5rem 0;text-align:left;}
.check-list li p{width:calc(100% - 2.5rem);padding-bottom:0;}
.check-list li img{width:2rem;margin-right:.5rem;}

/* 動画を囲うdiv */

.video {
	position: relative;
	margin: 0 auto;
	width: 90%; /* 横幅は100%にしておく(ここを変えたい場合は実装コード2の方法を確認してください) */
	height: 0; /* 高さは0にしておく(padding-topで高さを指定するため) */
	padding-top: 56.25%; /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.video iframe {
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	height: 100%;
}

/* 写真トリミング*/
.trimming{
	position: relative;
  width: 100%;
  padding-top: 67%;
  overflow: hidden;
  margin: 0 auto;
	background-color: #FFF;
}
.trimming img{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 120%;
	}
	
	/* ページ内リンク */
.anchor {display:block;padding-top:100px !important;margin-top:-100px !important;}

/*タイトル横にライン------------------------*/
.title-border {
display: flex;
align-items: center;
}
.title-border:after,.title-border:before {
border-top: 2px solid #13702f;
content: "";
flex-grow: 1;
}
.title-border:before {
margin-right: 1rem;
}
.title-border:after {
margin-left: 1rem;
}

/*------------------------------
スライダー
------------------------------*/
.slider{padding: 0;margin: 0;line-height: 0;position: relative;}
.slider img{width: 100%;height: auto;}
.slider picture,.slider picture source{margin: 0;padding: 0;}

.metaslider .rslides_tabs{margin:0 !important;}
/*------------------------------
共有カラー
紺：#073992

------------------------------*/
.apply-bt{background-color:#fff100;}
.apply-bt:hover{background-color:#f4271e;}
.catalog-bt{background-color: #0061a0;}
.catalog-bt:hover{background-color: #2196f3;}

.gre{background-color: #f0f0f0;}
.green{background-color: #d6e7dc;}
.beige {background-color: #dcc7aa;}
.lbeige{background-color:#FAF3DD;}
.lb{background-color: #e2f4f8;}

.lblue{background-color: #e2f4f8;}

footer{background-color: #0061a0;color:#FFF;}


/*btn*/
.btn_more{
	width: 160px;
	border: none;
	position: relative;
	padding: 1rem;
	text-decoration: none;
	display: inline-flex;
 align-items: center;
	box-sizing: border-box;
	transition: all 0.5s;
	cursor: pointer;
	text-align: left;
	line-height: 1;
	max-width: 100%;
}
.btn_more span{
	display: inline-block;
}
.btn_more span:before,
.btn_more span:after{
	content: "";
	position: absolute;
	top: 50%;
	background: #3b3141;
	transition: all 0.5s;
}
.btn_more span:before{
	height: 1px;
	width: calc(100% - 120px);
	right: 17px;
	margin-top: 2px;
}
.btn_more span:after{
	width: 1px;
	height: 10px;
	right: 20px;
	transform: rotate(-45deg);
	margin-top: -6px;
}


.btn_more:hover span:before{
	right: 7px;
	width: calc(100% - 110px);
}
.btn_more:hover span:after{
	right: 10px;
}
.btn_more:hover span{
	left: -3px;
	top: -3px;
}
.bkimg{
	background-image: url("../../../image/common/original_bk.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;

}
.bkimg01{
	background-image: url("../../../image/common/bkimg01.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.bkimg02{
	background-image: url("../../../image/common/bkimg02.webp");
	background-repeat: no-repeat;
	background-size: cover;
}


a .zoom{transition:.3s;}
a:hover .zoom{transform:scale(1.05,1.05);}

/* プライバシーポリシー */
.privacy{max-width: 1100px;margin: 0 auto;text-align: justify;}
.privacy p{line-height: 2;padding: .5rem 1rem;}
.privacy h2 {margin: 3rem 0 15px 0;padding: .5rem 0 .5rem 1rem;font-size: 1.5rem;border-left: 5px solid #FFEB3B;}

.privacy ol{margin: 0px 0 0 30px;}
.privacy ol li{position: relative;list-style: outside decimal;padding: .5rem 0;}
.privacy ol li b{display:block;font-weight:500;margin: 20px 0 -10px;}

.privacy ul li{padding: .5rem 0;list-style: disc; margin-left: 3rem;}
.privacy p + ul{margin-top:-.5rem;}
.privacy p + ol{margin-top:-.5rem;}
.privacy .tR{text-align: right;padding-top: 1rem;font-size: 90%;}

@media screen and (max-width: 480px) {
  .privacy p{line-height: 1.6;padding: 0 .5rem;}
  .privacy h2 {margin: 1.5rem 0 10px 0;padding: .3rem 0 .3rem .5rem;font-size: 1.2rem;}
  .privacy ol {margin: 20px 0 0 40px;}
  .privacy ol li ol {margin: 20px 0 0 25px;}
}

/* ページネーション */
.navigation{display:block; margin-top: 20px;}
.nav-links{text-align:center;}
.page-numbers{border:1px solid #875697;line-height:1;padding:5px 10px;background-color:#FFF;color:#875697;}
.page-numbers.current{background-color:#875697;color:#FFF;}
.page-numbers.next,.page-numbers.prev {border:none;background-color:unset;}

/*　reCAPTCHA　*/
.grecaptcha-badge { visibility: hidden; }
.reC {font-size:.8rem;color:#666;text-align:center;}
@media screen and (max-width: 480px) {.reC {font-size:min(3vw,.8rem);}}

.caption{text-align:center;padding-top:5vw;}
.caption a{color:#37b446;transition:.3s;}
.caption a:hover{border-bottom:2px dotted #37b446;}

.works-flex{
  display: none;
}
.works-flex.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

.catalog-waku{width:100%;text-align:center;}
.catalog-box{display:flex;justify-content:center;gap:50px;align-items: flex-end;}
.catalog-box > .wpcf7-list-item {line-height:1;width:100%;max-width:350px;margin:0;}
.catalog-box > .wpcf7-list-item label{margin:0;}

.catalog-box > .wpcf7-list-item label:before{content:"";display:block;aspect-ratio: 5 / 3;background-repeat:no-repeat;margin-bottom:5px;background-size: auto 100%;background-position:center;}
.catalog-box > .wpcf7-list-item:nth-child(1) label:before{background-image:url(../../../image/catalog/panf-steps_medical.webp);}
.catalog-box > .wpcf7-list-item:nth-child(2) label:before{background-image:url(../../../image/catalog/panf-steps_dental.webp);}
@media screen and (max-width: 480px) {
	.catalog-box{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
	.catalog-box > .wpcf7-list-item label:before{margin-bottom:0 !important;}
	.catalog-box > .wpcf7-list-item{width:calc(50% - 10px);max-width:unset;}
	.wpcf7-list-item{margin-bottom:10px !important;}
	.wpcf7-list-item-label{font-size:12px;}
}

.top-panf-flex .slick-dotted.slick-slider{}