@charset "utf-8";
 #halitosis_nav{
padding: 0 0 0 0;
}
@media (min-width: 960px){
#halitosis_nav{
padding: 0 0 0 0;
}
}
#halitosis_nav .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#halitosis_nav .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
ul.halitosis_nav_list{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 0 0 0 0;
}
@media (min-width: 960px){
ul.halitosis_nav_list{
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin: 30px 0 0 0;
}
}
ul.halitosis_nav_list li{
width: 49%;
background-color: #f5f5f5;
border-radius: 6px;
margin: 0 0 5px 0;
}
@media (min-width: 960px){
ul.halitosis_nav_list li{
width: 19.5%;
border-radius: 8px;
margin: 0;
}
}
ul.halitosis_nav_list li a{
width: 100%;
height: 50px;
color: #1E2228;
font-size: 1.25rem;
line-height: 1.5;
letter-spacing: 0;
border-radius: 6px;
position: relative;
transition: all 0.2s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 960px){
ul.halitosis_nav_list li a{
height: 74px;
font-size: 1.5rem;
letter-spacing: 0.04em;
border-radius: 8px;
text-align: center;
}
}
@media (min-width: 960px){
ul.halitosis_nav_list li a:hover{
color: #1E2228;
background-color: #eaeaea;
}
}
ul.halitosis_nav_list li.current a{
color: #fff;
background-color: #58a8db;
pointer-events: none;
} #section_mv.halitosis_mv .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#section_mv.halitosis_mv .wrap{
max-width: 1000px;
padding: 0 20vw;
}
}
#section_mv.halitosis_mv .img_wrap{
aspect-ratio: 8 / 9.5;
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 4px;
}
@media (min-width: 960px){
#section_mv.halitosis_mv .img_wrap{
aspect-ratio: 10 / 4.02;
border-radius: 4px;
margin: 0 0 40px 0;
}
}
#section_mv.halitosis_mv{
margin: 0 0 0 0;
}
@media (min-width: 960px){
#section_mv.halitosis_mv{
margin: 0 0 50px 0;
}
}
@media (min-width: 960px) {
#section_content.halitosis-2  h5.title_h5 {
margin: 70px 0 20px 0;
}
}
.halitosis-2 figure.figure_r2{
width: 56%!important;
}
@media (min-width: 960px){
.halitosis-2 figure.figure_r2{
width: 38%!important;
}
}
@media (min-width: 960px){
.halitosis-2 figure img.image_full{
width: 70%!important;
border-radius: 0!important;
}
}
.halitosis-2 figure img{
border-radius: 0!important;
}
.halitosis-2 #access{
padding: 0 0 0 0;
}
.halitosis-2 #hours{
padding: 0 0 0 0;
}
.halitosis-2 p.text a{
color: #2f93d0;
font-weight: 500;
text-decoration: underline;
transition: all 0.2s ease;
}
.halitosis-2 p.text a:hover{
opacity: 0.7;
}
.halitosis-2 .text_block figure p.cp{
font-size: 1.3rem;
line-height: 1;
text-align: center;
margin: 6px 0 0 0;
}
@media (min-width: 960px){
.history figure.photo{
width: 34%!important;
}
}
.halitosis-2 #btn_block{
border-top: 1px solid #eee!important;
padding: 50px 0 0 0;
}
@media (min-width: 960px){
#section_content.halitosis #btn_block{
padding: 70px 0 0 0;
}
}
.halitosis-2 #faq ul li{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
border-bottom: 1px dotted #bbb;
box-sizing: border-box;
padding: 20px 0;
margin: 0 0 0 0;
}
@media (min-width: 960px){
.halitosis-2 #faq ul li{
padding: 24px 0;
margin: 0 0 0 0;
}
}
.halitosis-2 #faq .question h3{
color: #1E2228;
font-size: 1.5rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.04em;
text-align: left;
}
@media (min-width: 960px){
.halitosis-2 #faq .question h3{
font-size: 1.7rem;
margin: 5px 0 0 0;
}
}
.halitosis-2 #faq ul li .answer{
margin: 10px 0 0 0;
}
.halitosis-2 #faq .answer p.text{
font-size: 1.4rem;
text-align: left;
line-height: 1.7;
}
.halitosis-2 #flow_halitosis .graph_block{
width: 60%;
margin: 0 auto;
}
@media (min-width: 960px){
.halitosis-2 #flow_halitosis .graph_block{
width: 90%;
}
}
.halitosis-2 #flow_halitosis .graph_block .graph h4.cp{
color: #1E2228;
font-size: 1.4rem;
font-weight: 500;
border-bottom: 0!important;
} ul.faq_blog_list{
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin: -4px 0 0 0;
}
@media (min-width: 960px){
ul.faq_blog_list{
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
ul.faq_blog_list li{
width: 100%;
height: 56px;
font-size: 1.3rem;
line-height: 1.4;
font-weight: 500;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 4px;
background-color: #FBF6F9;
box-sizing: border-box;
padding: 19px 18px;
margin: 4px 0 0 0;
position: relative;
}
@media (min-width: 960px){
ul.faq_blog_list li{
width: 49.5%;
height: 68px;
font-size: 1.5rem;
padding: 0 26px;
margin: 8px 0 0 0;
}
}
ul.faq_blog_list li a{
color: #1E2228;
width: 100%;
height: 56px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 4px;
box-sizing: border-box;
padding: 19px 46px 19px 18px;
position: absolute;
top: 0;
left: 0;
background-color: #8fe2fd;
transition: all 0.2s ease;
}
@media (min-width: 960px){
ul.faq_blog_list li a{
width: 100%;
height: 68px;
padding: 0 60px 0 26px;
}
}
ul.faq_blog_list li a:hover{
background-color: #ddf6fe;
}
ul.faq_blog_list li a::after{
content: "";
width: 13px;
height: 13px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-rw.svg);
background-size: 13px 13px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 10px;
margin: -6.5px 0 0 0;
}
@media (min-width: 960px){
ul.faq_blog_list li a::after{
right: 16px;
}
} #section_content.halitosis-2 h3.title_h3::before {
background-color: #2f93d0;
}
#section_content.halitosis-2 h4.title_h4{
border-left: 3px solid #2f93d0;
}
@media (min-width: 960px){
#section_content.halitosis-2 h4.title_h4{
border-left: 4px solid #2f93d0;
}
}
#section_content.halitosis-2 h5.title_h5{ text-decoration: underline 2px dashed #2f93d0;
}
#section_content.halitosis-2 .blue{
color: #2f93d0;
font-weight: 500;
}
.halitosis-2 #faq ul li .i-answer{
color: #2f93d0;
}
#section_content.halitosis-2 .i-circle{
background-color: #2f93d0;
}
#section_content.halitosis-2 #flow_halitosis .text_block h4{
border-bottom: 1px solid #2f93d0;
}
#section_content.halitosis-2 .flow_list .number_block{
background-color: #2f93d0;
} ul.movie_list{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
@media (min-width: 960px){
ul.movie_list{
flex-direction: row;
justify-content: space-between;
}
}
ul.movie_list li{
width: 100%;
display: block;
box-sizing: border-box;
border: 1px solid #ddd;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
ul.movie_list li{
width: 48.5%;
margin: 22px 0 0 0;
}
}
ul.movie_list li iframe{
width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 9;
border: 0;
}