img, object { max-width: 100%; height: auto; }

@media screen and (max-width: 768px) { .sp-hide { display: none !important; } }

@media screen and (min-width: 768px) { .pc-hide { display: none; } }

@media screen and (max-width: 768px) { .layout_body { width: auto; } }

.layout_table { width: auto; }

#dentalfloss { background: url(../img/bg01.png) center top; width: 730px; color: #1a1614; }

@media screen and (max-width: 768px) { #dentalfloss { width: 100%; padding-top: 5px; background-size: 365px auto; } }

#dentalfloss .youtube { position: relative; width: 100%; padding-top: 56.25%; }

#dentalfloss .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#dentalfloss #mv { position: relative; font-size: 0; line-height: 0; }

#dentalfloss #mv .mv-btn { position: absolute; width: 325px; height: auto; right: 35px; bottom: 60px; background: #ff79be; border-radius: 6px; }

#dentalfloss #mv .mv-btn:hover img { opacity: 0.7; }

@media screen and (max-width: 768px) { #dentalfloss #mv img { width: 100%; height: auto; }
  #dentalfloss #mv .mv-btn { position: relative; right: auto; bottom: auto; margin: 20px 20px 0; text-align: center; width: auto; border-radius: 10px; } }

#dentalfloss .ttl { text-align: center; font-size: 0; line-height: 0; margin-bottom: 30px; }

@media screen and (max-width: 768px) { #dentalfloss .ttl { width: 124%; margin-left: -12%; margin-bottom: 20px; } }

#dentalfloss p { margin: 0; }

#dentalfloss .block { padding: 40px 30px; zoom: 1; overflow: hidden; }

@media screen and (max-width: 768px) { #dentalfloss .block { padding: 20px 10px; } }

#dentalfloss .block.pt-b { background: url(../img/bg02.png); }

#dentalfloss .block .text { font-size: 16px; line-height: 1.8em; }

#dentalfloss .box { border-radius: 6px; border: 3px solid #23b9d5; background: #fff; clear: both; padding: 20px; }

@media screen and (max-width: 768px) { #dentalfloss .box { padding: 10px; } }

#dentalfloss .box strong { background: linear-gradient(transparent 60%, #ffff66 60%); }

#dentalfloss .list01 { padding: 0; margin: 0; }

#dentalfloss .list01 li { font-size: 14px; line-height: 1.6em; list-style: none; padding: 0; margin-bottom: 0.5em; text-indent: -1em; padding-left: 1em; }

#dentalfloss .list01 li span { color: #0199b5; }

#dentalfloss .list01 li:last-child { margin-bottom: 0; }

#dentalfloss .mb-m { margin-bottom: 30px; }

#dentalfloss .flow { margin: 30px 0; }

#dentalfloss .flow ul { margin: 0; padding: 0; zoom: 1; overflow: hidden; }

#dentalfloss .flow ul li { list-style: none; float: left; width: 150px; margin-right: 20px; position: relative; }

#dentalfloss .flow ul li p { text-indent: 0; font-size: 14px; line-height: 1.8em; padding: 0 !important; margin: 0 !important; }

@media screen and (max-width: 768px) { #dentalfloss .flow ul li { float: none; width: auto; margin-right: 0; }
  #dentalfloss .flow ul li p { text-indent: 0; } }

#dentalfloss .flow ul li:after { position: absolute; right: -20px; top: 40px; content: ""; background: url(../img/flow-arrow.png) no-repeat; width: 22px; height: 22px; }

@media screen and (max-width: 768px) { #dentalfloss .flow ul li:after { display: none; } }

#dentalfloss .flow ul li:last-child { margin-right: 0; }

#dentalfloss .flow ul li:last-child:after { display: none; }

#dentalfloss .flow ul li div { font-size: 0; line-height: 0; margin-bottom: 10px; }

#dentalfloss .faq dl { padding: 0; font-size: 16px; line-height: 1.8em; margin: 0; }

#dentalfloss .faq dl dt { background: #b0ebf6; border-bottom: 1px solid #1fa7bf; font-weight: bold; padding: 10px 50px 10px 50px; cursor: pointer; position: relative; }

#dentalfloss .faq dl dt:before { content: ""; width: 40px; height: 100%; background: #23b9d5 url(../img/faq-q.png) no-repeat center center; background-size: 40px 40px; position: absolute; left: 0; top: 0; }

#dentalfloss .faq dl dt:after { content: ""; background: url(../img/icon-plus.png) no-repeat; background-size: 30px 30px; width: 30px; height: 30px; position: absolute; right: 10px; top: 50%; margin-top: -15px; }

#dentalfloss .faq dl dt.open:after { background-image: url(../img/icon-minus.png); }

#dentalfloss .faq dl dd { display: none; background: #fff url(../img/faq-a.png) no-repeat left 10px; background-size: 40px 40px; padding: 20px 20px 20px 50px; margin: 0; }

#dentalfloss #sec01 .image { float: right; margin: 0 0 30px 30px; }

@media screen and (max-width: 768px) { #dentalfloss #sec01 .image { width: 40%; margin: 0 0 10px 10px; } }

@media screen and (max-width: 768px) { #dentalfloss #sec01 .text { margin-bottom: 20px; } }

#dentalfloss .fs-s { font-size: 14px; line-height: 1.8em; }

#dentalfloss #sec05 .text .todai { margin-top: 20px; background: #fff; border: 1px solid #23b9d5; padding: 30px 20px 20px; }

@media screen and (max-width: 768px) { #dentalfloss #sec05 .text .todai { padding: 20px 10px; } }

#dentalfloss #sec05 .text .todai h3 { text-align: center; font-size: 22px; line-height: 1.4em; margin: 0 0 20px; }

@media screen and (max-width: 768px) { #dentalfloss #sec05 .text .todai h3 { font-size: 18px; line-height: 1.4em; text-align: left; padding-left: 30px; font-weight: bold; color: #333; } }

#dentalfloss #sec05 .text .todai h3 span { position: relative; }

#dentalfloss #sec05 .text .todai h3 span:before { content: ""; width: 88px; height: 88px; display: block; position: absolute; left: -88px; top: -50px; background: url(../img/todai.png) no-repeat; }

@media screen and (max-width: 768px) { #dentalfloss #sec05 .text .todai h3 span:before { width: 44px; height: 44px; background-size: 100% auto; left: -50px; top: -25px; } }

#dentalfloss #sec05 .text .todai p { margin-bottom: 1em; }

#dentalfloss #sec05 .text .todai p:last-child { margin-bottom: 0; }

#dentalfloss #sec05 .text .todai .image { float: right; margin: 0 0 10px 30px; width: 300px; }

@media screen and (max-width: 768px) { #dentalfloss #sec05 .text .todai .image { float: none; margin: 0 0 10px; width: auto; } }

#dentalfloss #sec05 .text .todai .image div { font-size: 0; line-height: 0; margin-bottom: 10px; text-align: center; }

#dentalfloss #sec05 .text .todai .image p { font-size: 12px; line-height: 1.6em; text-align: left; }

#dentalfloss .cv { background: #23b9d5; color: #fff; padding: 10px; }

#dentalfloss .cv .cv-inner { border: 5px solid #fff; padding: 15px; }

#dentalfloss .cv .cv-inner .image { width: 300px; float: left; margin-right: 20px; margin-bottom: 20px; }

@media screen and (max-width: 768px) { #dentalfloss .cv .cv-inner .image { width: auto; text-align: center; float: none; margin-right: 0; margin-bottom: 10px; } }

#dentalfloss .cv .cv-inner .text { zoom: 1; overflow: hidden; }

#dentalfloss .cv .cv-inner .text p { font-size: 16px; line-height: 1.8em; }

#dentalfloss .cv .cv-inner .cv-btn { clear: both; margin: 20px 0; background: #ff79be; border-radius: 6px; overflow: hidden; font-size: 0; line-height: 0; }

@media screen and (max-width: 768px) { #dentalfloss .cv .cv-inner .cv-btn { overflow: hidden; border-radius: 10px; }
  #dentalfloss .cv .cv-inner .cv-btn img { width: 100%; height: auto; } }

#dentalfloss .cv .cv-inner .cv-btn:hover img { opacity: 0.7; }

#dentalfloss .cv .cv-inner .cv-btn:last-child { margin-bottom: 0; }

#dentalfloss .cv .cv-inner table { background: #23b9d5; border-spacing: 1px; border-collapse: separate; color: #333; margin-bottom: 30px; }

#dentalfloss .cv .cv-inner table tr th, #dentalfloss .cv .cv-inner table tr td { padding: 10px 20px; font-size: 14px; line-height: 1.6em; }

#dentalfloss .cv .cv-inner table tr th { text-align: left; vertical-align: top; background: #b0ebf6; }

#dentalfloss .cv .cv-inner table tr td { background: #fff; }

@media screen and (max-width: 768px) { #dentalfloss .cv .cv-inner table { display: block; margin-bottom: 10px; }
  #dentalfloss .cv .cv-inner table tr, #dentalfloss .cv .cv-inner table th, #dentalfloss .cv .cv-inner table td { display: block; }
  #dentalfloss .cv .cv-inner table tr th, #dentalfloss .cv .cv-inner table tr td { padding: 10px; } }

#dentalfloss .cv .cv-inner h3 { text-align: center; position: relative; font-size: 16px; margin: 0 0 20px; }

@media screen and (max-width: 768px) { #dentalfloss .cv .cv-inner h3 { margin: 0 0 10px; } }

#dentalfloss .cv .cv-inner h3 span { position: relative; }

#dentalfloss .cv .cv-inner h3 span:after, #dentalfloss .cv .cv-inner h3 span:before { width: 50px; height: 2px; position: absolute; top: 50%; margin-top: -1px; background: #fff; content: ""; display: block; }

#dentalfloss .cv .cv-inner h3 span:before { left: -60px; }

#dentalfloss .cv .cv-inner h3 span:after { right: -60px; }