@charset "UTF-8";


/*画像・動画
---------------------------------------------------------*/
.contentpage .m_img_area {
	background-image: url(../images/labriller/m_img@2x.jpg);
}
.com_lead_bg::before{
	background-image: url(../images/labriller/lead_bg@2x.jpg);
}
.box03 .youtube{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.box03 .youtube iframe{
	width: 100%;
	height: 100%;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.contentpage .m_img_area {
	background-image: url(../images/labriller/m_img_sp@2x.jpg);
}
}



/*見出し
---------------------------------------------------------*/
.sub_ttl{
	text-align: center;
	font-size: 166%;
	letter-spacing: 0.08em;
	color:#3ba3cc;
	border-top:1px solid #3ba3cc;
	border-bottom:1px solid #3ba3cc;
	background-color: #e2ecf0;
	padding:.7em;
	margin-bottom: 56px;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.sub_ttl{
	font-size: 105%;
	padding:.4em;
}
}


/*ページタイトル
---------------------------------------------------------*/
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.m_img_area h1 span{
	font-size: 80%;
}
}



/*box01_こんなお悩みありませんか
---------------------------------------------------------*/
.box01 .med_check_box{
	border:1px solid #3ba3cc;
}


/*box02_テトラサイクリン歯とは
---------------------------------------------------------*/
.box02 .effort_list dt{
	color:#3ba3cc;
}


/*box03_La Briller（ラブリエ）とは
---------------------------------------------------------*/
.box03 .youtube{
	max-width: 720px;
	margin-inline: auto;
	margin-bottom: 64px;
}

.box03 .feature_box{
	border: 1px solid #3ba3cc;
	padding: 50px 4% 60px;
}
.box03 .feature_box .inbox{
	max-width: 1045px;
	margin: 0 auto;
}
.box03 .feature_box h3{
	font-size: 200%;
	letter-spacing: 0.15em;
	line-height: 1.5em;
	font-weight: bold;
	color: #3ba3cc;
	text-align: center;
	margin-bottom: 50px;
	padding-bottom: 40px;
	border-bottom: 1px solid #3ba3cc;
}
.box03 .feature_box .feature_list > li{
	padding-top: 50px;
	margin-top: 50px;
	border-top: 1px solid #3ba3cc;
}
.box03 .feature_box .feature_list > li:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
.box03 .feature_box .flt_box .img_l,
.box03 .feature_box .flt_box .img_r{
	max-width: 390px;
	width: 38%;
}
.box03 .feature_box .flt_box .txt_l,
.box03 .feature_box .flt_box .txt_r{
	max-width: 555px;
	width: 58%;
}
.box03 .feature_box .flt_box .img_l,
.box03 .feature_box .flt_box .txt_l{
	float: left;
}
.box03 .feature_box .flt_box .img_r,
.box03 .feature_box .flt_box .txt_r{
	float: right;
}
.box03 .feature_box .feature_list dt{
	color: #3ba3cc;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box03 .feature_box{
	padding: 5% 4% 6%;
}
.box03 .feature_box .inbox{
	max-width: 100%;
}
.box03 .feature_box h3{
	font-size: 180%;
	margin-bottom: 5%;
	padding-bottom: 4%;
}
.box03 .feature_box .feature_list > li{
	padding-top: 5%;
	margin-top: 5%;
}
.box03 .feature_box .flt_box .img_r{
	margin-left: 4%;
	margin-bottom: 1em;
}
.box03 .feature_box .flt_box .img_l{
	margin-right: 4%;
	margin-bottom: 1em;
}
.box03 .feature_box .flt_box .txt_l,
.box03 .feature_box .flt_box .txt_r{
	max-width: 100%;
	width: 100%;
	float: none;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box03 .feature_box{
	padding: 6% 5%;
}
.box03 .feature_box .inbox{
	max-width: 100%;
}
.box03 .feature_box h3{
	font-size: 140%;
	letter-spacing: 0.1em;
	margin-bottom: 6%;
	padding-bottom: 5%;
}
.box03 .feature_box .feature_list > li{
	padding-top: 8%;
	margin-top: 8%;
}
.box03 .feature_box .flt_box .img_l,
.box03 .feature_box .flt_box .img_r{
	width: 80%;
	float: none;
	margin: 0 auto 5vw;
}
.box03 .feature_box .flt_box .txt_l,
.box03 .feature_box .flt_box .txt_r{
	max-width: 100%;
	width: 100%;
	float: none;
}
}


/*box04_ラミネートベニアとの違い
---------------------------------------------------------*/
.box04 .table{
	width: 100%;
}
.box04 .table th,
.box04 .table td{
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.08em;
}
.box04 .table .blue{
	background-color: #0068b7;
	padding-bottom: 2em;
}
.box04 .table .gray{
	color:#777;
	font-size: 153%;
	background-color: #ddd;
}
.box04 .table .l_blue,
.box04 .table .l_gray{
	font-size: 120%;
}
.box04 .table .white{
	font-size: 130%;
}
.box04 .table .l_blue{
	color:#fff;
	background-color: #3ba3cc;
}
.box04 .table .white{
	color:#0068b7;
	background-color: #fff;
}
.box04 .table .l_gray{
	color:#777;
	background-color: #eee;
}
.box04 .table .inner{
	position: relative;
	display: block;
	width: 80%;
	height: 100%;
	padding:2em 0;
	margin-inline:auto;
}
.box04 .table .inner.--g_border{
	border-bottom: 1px solid #ccc;
}
.box04 .table .inner.--w_border{
	border-bottom: 1px solid #fff;
}

.box04 .table .column1,
.box04 .table .column3{
	position: relative;
	z-index: -2;
}
.box04 .table .column2{
	position: relative;
}
.box04 .table thead .column2::after{
	content:"";
	display: inline-block;
	width: 100%;
	height: 120%;
	background-color: #0068b7;
	position: absolute;
	left:0;
	bottom:0;
	z-index: -1;
	box-shadow: 8px 10px 30px 0px rgba(0, 0, 0, 0.15);
}
.box04 .table tbody .column2::after{
	content:"";
	display: inline-block;
	width: 100%;
	height: 120%;
	background-color: #fff;
	position: absolute;
	left:0;
	top:0;
	z-index: -1;
	box-shadow: 8px 10px 30px 0px rgba(0, 0, 0, 0.15);
}
.box04 .note_scroll{
	display: none;
}

/*simplebar*/
.box04 .table_wrap{
	padding-top: 2em;
	padding-bottom: 4em;
}


/* Tab~Mobile
------------------------------------------*/
@media only screen and (max-width: 959px) {
.box04 .table_wrap{
    overflow-x: auto;
}
.box04 .simplebar-wrapper{
	padding-bottom: 1em;
}
.table_wrap table{ /*サイズ指定*/
    min-width: 960px;
    min-width: 120%;
}
/*simplebar*/
.box04 .simplebar-track.simplebar-horizontal {
	display: block;
    height: .5em !important;
    background: #ddd;
    border-radius: 6px;
    margin: 0 auto;
}
.box04 .simplebar-scrollbar:before {
    height: .5em !important;
    background: #444;
    border-radius: 6px;
    top: 0 !important;
}
.box04 .note_scroll{
	display: block;
	margin-top: 1em;
}
}


/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box04 .table .blue{
	padding-bottom: 1em;
}
.box04 .table .blue img{
	width: 40%;
	max-width: 110px;
}
.box04 .table .gray{
	font-size: 110%;
}
.box04 .table .l_blue,
.box04 .table .l_gray{
	font-size: 100%;
}
.box04 .table .white{
	font-size: 110%;
}
.box04 .table .inner{
	padding:1.5em 0;
}

/*simplebar*/
.box04 .table_wrap{
	padding-bottom: 3em;
}
.box04 .table_wrap table{ /*サイズ指定*/
    min-width: 203%;
}
}


/*box05_症例集
---------------------------------------------------------*/
.box05 .case_box{
	margin-bottom: 20px;
}
.box05 .case_box > dl > dd table{
	margin-bottom: 0;
}
.box05 .risk_cannot_box{
	margin-top: 80px;
	background: #0C4676;
	color: #fff;
	padding: 45px 3% 55px;
	box-sizing: border-box;
}
.box05 .risk_cannot_box .inbox{
	max-width: 1125px;
	margin: 0 auto;
}
.box05 .risk_cannot_box .inbox dl{
	max-width: 920px;
	width: 94%;
	margin: 0 auto;
}
.box05 .risk_cannot_box .inbox dt{
	font-size: 110%;
	letter-spacing: 0.15em;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box05 .case_box{
	margin-bottom: 10px;
}
.box05 .risk_cannot_box{
	margin-top: 50px;
	padding: 4% 3% 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box05 .case_box{
	margin-bottom: 3%;
}
.box05 .risk_cannot_box{
	margin-top: 10%;
}
.box05 .risk_cannot_box{
	margin-top:10%;
	padding: 6% 5%;
}
.box05 .risk_cannot_box .inbox dt{
	letter-spacing: 0.1em;
	margin-bottom: 0.6em;
}
}


/*box06_治療の流れ
---------------------------------------------------------*/
.box06 .med_flow_vertical{
	margin-top: 80px;
}
.box06 .med_flow_vertical:first-of-type{
	margin-top: 0;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box06 .med_flow_vertical{
	margin-top: 10%;
}
}