@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 769px) {
.read{
font-size:18px;
color:#333;
font-weight:bold;
}	
}
@media screen and (max-width: 768px) {
.read{
font-size:16px;
color:#333;
font-weight:bold;
}
.h1-small{
font-size:20px!important;
}
.wirepage h2{
font-size:18px!important;
}
.wirepage h3{
font-size:16px!important;	
}	
}
.ftbold{
font-size:16px;
color:rgba(0,96,64,0.80);
font-weight:bold;	
}
.wirepage h3{
color:rgba(0,96,64,0.80);	
}
.ta_wire {
width: 100%;
border-collapse: collapse;
font-size: 16px;
}
.ta_wire th {
background: #f4f5f7;
color: #333;
padding: 14px 16px;
text-align: center;
border: 1px solid #D4D4D4;
}
.ta_wire td {
padding: 14px 16px;
border: 1px solid #D4D4D4;
}
.ta_wire tr:nth-child(even) {
background_: rgba(237,255,249,0.30);
}
.ta_wire td:first-child {
font-weight: bold;
width_: 28%;
}
.ta_wire td:nth-child(2),
.ta_wire td:nth-child(3) {
text-align: center;
}
.ta_wire td span {
color: #d33;
font-weight: bold;
}
.box-style{
padding:2%;
border:1px dotted rgba(0,96,64,0.80);
border-radius:8px;
background:rgba(237,255,249,0.30);
}
.reason_list {
max-width: 1000px;
margin: 0 auto;
}
.reason_item {
display: flex;
gap: 30px;
padding: 40px 0;
border-bottom: 1px solid #e5e5e5;
}
.reason_no {
font-size: 42px;
font-weight: bold;
color: rgba(0,96,64,0.80);
min-width: 70px;
line-height: 1;
}
.reason_text h4 {
font-size: 20px;
margin-bottom: 15px;
color: #333;
}
.reason_text p {
line-height: 1.9;
font-size: 15px;
}
@media (max-width: 768px) {
.reason_item {
flex-direction: column;
}
.reason_no {
font-size: 32px;
}
}
.sureh4 {
text-shadow: 6px 6px 0 #FFF, -6px -6px 0 #FFF, -6px 6px 0 #FFF, 6px -6px 0 #FFF, 0px 6px 0 #FFF, 0-6px 0 #FFF, -6px 0 0 #FFF, 6px 0 0 #FFF;
position: absolute;
top: -18px;
}
.wirepage .sureBox {
border: solid 1px rgba(0,96,64,0.80);
padding: 3em 3em 1em;
border-radius: 25px;
margin-bottom: 5em;
position: relative;
background:rgba(237,255,249,0.30);
}
.wirepage .flow_tit{
background:rgba(0,96,64,0.80);		
}
.flow_tit {
background: #000;
padding: 10px;
color: #fff;
font-size: 110%;
font-weight: bold;
text-align: center;
}
.orthodontics li.text {
width: 58%;
}
.orthodontics li.img {
width: 40%;
float: right
}
.arrow01, .arrow02 {
text-align: center;
}
.arrow01 img, .arrow02 img {
width: 25px;
margin: 0 auto;
}
@media only screen and (max-width: 1081px) {
.orthodontics li.text {
width: 100%;
}
.orthodontics li.img {
width: 100%;
}
.arrow01 {
display: block;
}
}

/*追加分*/
@media (min-width:769px) {
.pcNone{
display:none;
}
.mgt-100{
margin-top:100px;
}
}
@media (max-width:768px) {
.flow-box{
padding:30px 20px 0!important;
}
.mgt-100{
margin-top:50px;
}
.sp--50{
margin-top:-50px;
}
.sp--70{
margin-top:-70px;
}
.spNone{
display:none;
}
.reason_text h4{
margin-left: 2em;
text-indent: -2.4em;
width:100%!important;
border:none;
}
.reason_text p{
border-top:1px solid #e5e5e5;
padding-top:15px;
}
.reason_no{
padding-right:10px;
}
.box-style{
padding:4%!important;
}
.ta_wire th,
.ta_wire td{
padding:5px!important;
font-size:12px!important;
}
}

.wirepage .listyle li{
width:100%;
margin-bottom: 40px;
}
.ft-gr{
color:rgba(0,96,64,0.80);
font-weight:bold;
}
.box2{
border:1px solid rgba(0,96,64,0.80);
background:#fff!important;
}

.case-before-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: 100%;
}

.case-before img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width:768px) {
  .case-before-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.wd-10{
width:12%;
}
.wd-22{
width:22%;
}

@media screen and (min-width: 769px) {
.to-detail{
font-size:14px!important;
color:#fff!important;
padding:5px 15px;
border-radius:25px;
background:rgba(0,96,64,0.80)!important;
font-weight:bold;
display:block;
text-align:center;
}	
}
@media screen and (max-width: 768px) {
.to-detail{
font-size:11px!important;
color:#fff!important;
padding:3px 15px;
border-radius:25px;
background:rgba(0,96,64,0.80)!important;
font-weight:bold;
display:block;
text-align:center;
}	
}


/*セラミック治療*/
@media screen and (min-width: 769px) {
.txtBox h4{
font-size:16px;
line-height:1.5;
margin-bottom:8px;
border-bottom:1px solid #999;
padding-bottom:10px;
color:rgba(0,96,64,0.80);
}	
}
@media screen and (max-width: 768px) {
.txtBox h4{
font-size:14px;
line-height:1.5;
margin-bottom:8px;
border-bottom:1px solid #999;
padding-bottom:10px;
color:rgba(0,96,64,0.80);
}	
}
.h4-style{
color:rgba(0,96,64,0.80);
margin-top: 0!important;
padding-top: 0!important;
}
.editor-note{
background:#fff8e1;
border-left:4px solid #f0a500;
padding:12px 18px;
margin:20px 0;
color:#6b4e00;
font-size:14px;
border-radius:4px;
line-height:1.7;
}
.editor-note::before{
content:"※編集メモ：";
font-weight:bold;
color:#b27000;
}
.parts-table{
width:100%;
border-collapse:collapse;
margin-bottom:30px;
}
.parts-table th{
background:rgba(0,96,64,0.10);
color:rgba(0,96,64,0.90);
padding:14px 18px;
text-align:left;
border:1px solid #ddd;
width:30%;
vertical-align:middle;
font-weight:bold;
}
.parts-table td{
padding:14px 18px;
border:1px solid #ddd;
background:#fff;
line-height:1.7;
}
.feature-block{
background:rgba(0,96,64,0.05);
border:1px solid rgba(0,96,64,0.20);
border-radius:6px;
padding:25px 30px;
margin-bottom:40px;
}
.feature-block ul{
list-style:none;
padding:0;
margin:0;
}
.feature-block ul li{
padding:10px 0;
border-bottom:1px dashed #ccc;
line-height:1.7;
}
.feature-block ul li:last-child{
border-bottom:none;
}
.feature-block .ft-gr{
color:rgba(0,96,64,0.85);
font-weight:bold;
}
.callout-box{
background:rgba(0,96,64,0.05);
border:2px solid rgba(0,96,64,0.30);
border-left:5px solid rgba(0,96,64,0.85);
border-radius:6px;
padding:22px 28px;
margin:30px 0 40px;
line-height:1.8;
}
.callout-box p{
margin:0 0 10px 0;
}
.callout-box p:last-child{
margin-bottom:0;
}
.quote-note{
font-style:italic;
color:#555;
font-size:14px;
background:#f7f7f7;
border-left:3px solid #999;
padding:10px 15px;
margin:20px 0;
border-radius:3px;
line-height:1.7;
}
.merit-step{
background:#fff;
border:1px solid #d8e0dc;
border-top:4px solid rgba(0,96,64,0.85);
border-radius:8px;
padding:24px 28px;
margin-bottom:18px;
}
.merit-step .merit-step-ttl{
color:rgba(0,96,64,0.85);
font-weight:bold;
font-size:16px;
margin:0 0 12px 0;
padding-bottom:10px;
border-bottom:1px dashed #ccc;
}
.merit-step p{
margin:0 0 10px 0;
line-height:1.8;
}
.merit-step p:last-child{
margin-bottom:0;
}
.target-list{
background:rgba(0,96,64,0.04);
border-radius:6px;
padding:22px 28px;
margin:25px 0 40px;
}
.target-list ul{
list-style:none;
padding:0;
margin:0;
}
.target-list ul li{
padding:8px 0 8px 28px;
position:relative;
line-height:1.7;
border-bottom:1px dashed #d0d8d4;
}
.target-list ul li:last-child{
border-bottom:none;
}
.target-list ul li::before{
content:"✓";
position:absolute;
left:6px;
top:8px;
color:rgba(0,96,64,0.85);
font-weight:bold;
font-size:16px;
}
.menu-card{
background:rgba(0,96,64,0.05);
border:1px solid rgba(0,96,64,0.20);
border-radius:6px;
padding:25px 30px;
margin-bottom:30px;
}
.menu-card ul{
list-style:none;
padding:0;
margin:0;
}
.menu-card ul li{
padding:8px 0;
line-height:1.7;
border-bottom:1px dashed #ccc;
}
.menu-card ul li:last-child{
border-bottom:none;
}
.menu-card .ft-gr{
color:rgba(0,96,64,0.85);
font-weight:bold;
}
.related-link-list{
margin-top:30px;
}
.related-link-list a{
display:block;
background:#fff;
border:2px solid rgba(0,96,64,0.40);
border-radius:6px;
padding:16px 22px;
margin-bottom:12px;
color:rgba(0,96,64,0.90);
text-decoration:none;
font-weight:bold;
position:relative;
transition:all 0.2s;
}
.related-link-list a::after{
content:"→";
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);
font-size:18px;
}
.related-link-list a:hover{
background:rgba(0,96,64,0.85);
color:#fff;
}