@charset "utf-8";
 .top_transition {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #000;
z-index: 100000;
-webkit-transition: all 0.5s ease 0.16s;
transition: all 0.5s ease 0.16s;
opacity: 1;
}
.top_transition.active {
opacity: 0;
} #splash {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999; background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#splash #block {
box-sizing: border-box;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: center;
flex-direction: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 960px) {
#splash #block {
margin: 0;
}
} #splash .catch-img{
width: 65vw;
height: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
z-index: 10;
opacity: 0;
transition: opacity 2.5s ease!important;
}
@media (min-width: 960px){
#splash .catch-img{
width: 420px;
}
}
#splash .catch-img img{
width: 23px;
height: 182.4667px;
display: block;
}
@media (min-width: 960px){
#splash .catch-img img{
width: 32px;
height: 253.8667px;
}
}
#splash.opacity .catch-img{
opacity: 1;
} #top_mv .wrap{
padding: 0 5vw 0 0;
margin: 0 auto;
box-sizing: border-box;
position: relative;
}
@media (min-width: 960px){
#top_mv .wrap{
max-width: calc(1600px + 10vw + 10vw);
padding: 0 10vw 0 3vw;
}
}
#info_section .wrap,
#top #section .wrap,
#top #section_2 .wrap,
#top #about .wrap{
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#info_section .wrap,
#top #section .wrap,
#top #section_2 .wrap,
#top #about .wrap{
max-width: calc(1600px + 10vw + 10vw);
max-width: 1600px;
padding: 0 10vw;
}
} #top_main{
width: 100vw;
overflow: hidden;
box-sizing: border-box;
margin: 70px 0 0 0;
margin: 60px 0 0 0;
}
@media (min-width: 960px){
#top_main{
width: 100vw;
margin: 20px 0 0 0;
}
}
#top_main .wrap{
width: 100%;
padding: 0 5vw;
padding: 0;
margin: 0 auto;
box-sizing: border-box;
position: relative;
}
@media (min-width: 960px){
#top_main .wrap{
padding: 0 13vw;
}
}
#top_main #main_slide{
width: 100%;
height: auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#top_main #main_slide{
}
}
#top_main #main_slide.forpc{
display: none;
}
@media (min-width: 440px){
#top_main #main_slide.forpc{
display: block;
}
}
@media (min-width: 440px){
#top_main #main_slide.forsp{
display: none;
}
}
#main_slide .swiper-container{
width: 100%;
overflow: hidden;
overflow: visible;
}
@media (min-width: 440px){
#main_slide .swiper-container{
width: 100%;
overflow: hidden;
overflow: visible;
}
}
#main_slide .swiper-slide{
width: 100%;
height: auto;
}
#main_slide .swiper-slide a{
width: 100%;
height: auto;
display: block;
border-radius: 10px;
border-radius: 0;
overflow: hidden;
box-sizing: border-box;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
@media (min-width: 960px){
#main_slide .swiper-slide a{
border-radius: 16px;
border: 1px solid #e9e9e9;
}
}
#main_slide .swiper-slide img{
width: 100%;
height: auto;
display: block;
} #top_information{
padding: 40px 0 0px 0;
}
@media (min-width: 960px){
#top_information{
padding: 40px 0 0px 0;
}
}
#top_information .wrap{
width: 100%;
margin: 0 auto;
padding: 0 5.5%;
box-sizing: border-box;
}
@media (min-width: 960px){
#top_information .wrap{
max-width: calc(860px + 10vw + 10vw);
padding: 0 10vw;
}
}
#top_information .info_wrap{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 20px;
background-color: #FBF6F9;
padding: 30px 0 30px 0;
box-sizing: border-box;
}
@media (min-width: 960px){
#info .info_wrap{
padding: 34px 0 36px 0;
}
}
#top_information .title_block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 0 10px 0;
box-sizing: border-box;
}
@media (min-width: 960px){
#top_information .title_block{
padding: 0 0 10px 0;
}
}
#top_information h2.page_title{
font-size: 1.95rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.06em;
padding: 0 0 6px 0;
border-bottom: 1px solid #1E2228;
white-space: nowrap;
}
@media (min-width: 960px){
#top_information h2.page_title{
font-size: 2.6rem;
padding: 0 0 8px 0;
}
}
#top_information ul li{
color: #393b40;
font-size: 1.6rem;
line-height: 1;
letter-spacing: 0.06em;
padding: 10px 0 0 0;
}
@media (min-width: 960px){
#top_information ul li{
font-size: 1.8rem;
padding: 14px 0 0 0;
}
} #banner_slide{
overflow: hidden;
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#banner_slide{
padding: 60px 0 0 0;
}
}
#banner_slide .wrap{
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 0 18vw;
padding: 0 6vw;
}
@media (min-width: 960px){
#banner_slide .wrap{
max-width: calc(860px + 10vw + 10vw);
padding: 0 10vw;
}
}
#banner_slide .swiper-container{
width: 100%;
position: relative;
overflow: visible;
}
@media (min-width: 960px){
#banner_slide .swiper-container{
overflow: hidden;
}
}
#banner_slide .swiper-slide a{
width: 100%;
height: auto;
display: block;
overflow: hidden;
border-radius: 7px;
box-sizing: border-box;
border: 1px solid #e9e9e9;
}
@media (min-width: 960px){
#banner_slide .swiper-slide a{
border-radius: 10px;
}
}
#banner_slide .swiper-slide a img{
width: 100%;
height: auto;
display: block;
transition: all 0.3s ease;
}
@media (min-width: 960px){
#banner_slide .swiper-slide a:hover img{
filter: opacity(80%);
}
}
#banner_slide .swiper-button-prev,
#banner_slide .swiper-button-next{
position: absolute;
bottom: 0!important;
width: 40px!important;
height: 40px!important;
border: 2px solid #fff;
box-sizing: border-box;
margin-top: -20px;
z-index: 20;
cursor: pointer;
outline: none;
background-size: 14px auto!important;
background-position: center center!important;
background-repeat: no-repeat!important;
background-color: #F59CA6;
border-radius: 50%!important;
}
@media (min-width: 960px){
#banner_slide .swiper-button-prev,
#banner_slide .swiper-button-next{
display: none;
}
}
#banner_slide .swiper-button-prev{
display: none;
}
.swiper-button-prev{
left: 0;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-rw.svg)!important;
transform: scale(-1, 1);
}
.swiper-button-next{
right: 0;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-rw.svg)!important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
display: none!important;
}
.swiper-navigation-icon{
display: none!important;
}
#banner_slide .swiper-button-prev{
position: absolute;
left: -21vw;
left: 0;
}
#banner_slide .swiper-button-next{
position: absolute;
right: -21vw;
right: 0;
} #top_message{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#top_message{
padding: 120px 0 0 0;
}
}
#top_message .wrap{
width: 100%;
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
@media (min-width: 960px){
#top_message .wrap{
max-width: calc(1600px + 10vw + 10vw);
padding: 0 10vw;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
#top_message .text_block{
width: 100%;
}
@media (min-width: 960px){
#top_message .text_block{
width: 50%;
}
}
#top_message .text_block .title{
width: 100%;
font-size: 1.9rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.08em;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
#top_message .text_block .title{
font-size: 3.0rem;
line-height: 1.6;
margin: 0 0 26px 0;
}
}
#top_message .text_block p.text{
}
@media (min-width: 960px){
#top_message .text_block p.text{
letter-spacing: 0.04em;
}
}
#top_message .text_block figure img{
width: 100%;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#top_message .text_block figure img{
width: 88%;
width: 72%;
width: 84%;
margin: 50px 0 0 0;
}
}
@media (min-width: 1900px){
#top_message .text_block figure img{
width: 88%;
}
}
#top_message .img_block{
width: 100%;
margin: 50px 0 0 0;
background-color: #aaa;
border-radius: 10px;
overflow: hidden;
}
@media (min-width: 960px){
#top_message .img_block{
width: 53.5%;
border-radius: 14px 0 0 14px;
margin: 0 -10vw 0 0;
}
}
@media (min-width: 1900px){
#top_message .img_block{
width: 54.5%;
max-height: 840px;
}
}
#top_message .img_block img{
width: 100%;
height: auto;
display: block;
} #banner{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#banner{
padding: 120px 0 0 0;
}
}
#banner .wrap{
width: 100%;
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#banner .wrap{
max-width: calc(860px + 10vw + 10vw);
padding: 0 10vw;
}
}
#banner .img_block{
border: 1px solid #EDE7EB;
border: 1px solid #ddd;
box-sizing: border-box;
border-radius: 2px;
overflow: hidden;
}
@media (min-width: 960px){
#banner .img_block{
border-radius: 10px;
}
}
#banner a img{
width: 100%;
max-width: 860px;
height: auto;
display: block;
transition: all 0.3s ease;
}
@media (min-width: 960px){
#banner a:hover img{
transform: scale(1.0);
filter: opacity(80%);
}
} #info_section{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#info_section{
padding: 150px 0 0 0;
}
}
#info_section .title_block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 0 40px 0;
}
@media (min-width: 960px){
#info_section .title_block{
padding: 0 0 64px 0;
}
}
#info_section h2.page_title{
font-size: 2.2rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.18em;
padding: 0 0 10px 0;
border-bottom: 1px solid #1E2228;
white-space: nowrap;
}
@media (min-width: 960px){
#info_section h2.page_title{
font-size: 3.8rem;
}
} .tab-group{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.tab-group li{
width: 40%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.tab-group li.tab-A{
margin: 0 1% 0 0;
}
@media (min-width: 960px){
.tab-group li.tab-A{
margin: 0 2% 0 0;
}
}
.tab-group li.tab-b{
margin: 0 0 0 1%;
}
@media (min-width: 960px){
.tab-group li.tab-b{
margin: 0 0 0 2%;
}
}
.tab{
color: #1E2228;
font-size: 1.4rem;
font-weight: 500;
text-align:center;
flex-grow: 1;
padding: 12px 6px;
cursor:pointer;
box-sizing: border-box;
border-radius: 100px;
background-color: #F7F7F7;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.tab{
font-size: 1.7rem;
padding: 20px 0;
}
}
@media (min-width: 960px){
.tab:hover{
color: #fff;
background-color: #F59CA6;
}
}
.tab.is-active{
color: #fff;
transition: all 0.2s ease;
background-color: #F59CA6;
cursor: default;
position: relative;
}
@media (min-width: 960px){
.tab.is-active:hover{
background-color: #F59CA6;
}
}
.tab.is-active::after{
content: '';
width: 1.5px;
height: 12px;
background-color: #F59CA6;
position: absolute;
bottom: -12px;
left: 50%;
margin: 0 0 0 -0.5px;
}
@media (min-width: 960px){
.tab.is-active::after{
height: 18px;
bottom: -18px;
}
}
.panel-group{
width: 100%;
height: auto;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
.panel-group{
width: 100%;
height: auto;
margin: 53px 0 0 0;
}
}
.panel{
display:none;
}
.panel.is-show{
display:block;
} ul.section_list{
margin: 0 0 -30px 0;
}
@media (min-width: 960px){
ul.section_list{
margin: 0 0 -46px 0;
}
}
@media (min-width: 960px){
ul.section_list::after{
display: block;
content:"";
width: 48%;
}
}
ul.section_list li{
width: 100%;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
ul.section_list li{
width: 48%;
margin: 0 0 46px 0;
}
} ul.section_list_2{
width: 100%;
display: flex;
flex-direction: column;
margin: 50px 0 0 0;
}
@media (min-width: 960px){
ul.section_list_2{
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0 0 0;
}
}
@media (min-width: 960px){
ul.section_list_2::after{
display: block;
content:"";
width: 31.5%;
}
}
ul.section_list_2 li{
width: 100%;
}
@media (min-width: 960px){
ul.section_list_2 li{
width: 31.5%;
}
}
ul.section_list_2 li a{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
border-top: 1px solid #ddd;
padding: 25px 0;
}
@media (min-width: 960px){
ul.section_list_2 li a{
border-bottom: 1px solid #ddd;
padding: 30px 0;
}
}
@media (min-width: 960px){
ul.section_list_2 li:nth-of-type(1) a,
ul.section_list_2 li:nth-of-type(2) a,
ul.section_list_2 li:nth-of-type(3) a{
border-bottom: 0px solid #ddd;
}
}
ul.section_list_2 li:nth-of-type(6) a{
border-bottom: 1px solid #ddd;
}
ul.section_list_2 li a figure{
width: 20%;
margin: 0;
padding: 0;
}
ul.section_list_2 li a figure img{
width: 100%;
height: auto;
display: block;
}
ul.section_list_2 li a .text_black{
width: 73%;
margin: 6px 0 0 0;
}
ul.section_list_2 li a .text_black h3{
color: #1E2228;
font-size: 1.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
display: inline-block;
float: left;
transition: all 0.2s ease-in-out;
}
@media (min-width: 960px){
ul.section_list_2 li a .text_black h3{
font-size: 1.9rem;
}
}
@media (min-width: 960px){
ul.section_list_2 li a:hover .text_black h3{
color: #888;
}
}
ul.section_list_2 li a .text_black img{
width: 14px;
height: 14px;
padding-left: 15px;
margin-top: 2px;
display: block;
}
ul.section_list_2 li a p.text{
font-size: 1.4rem;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
ul.list li a p.text{
margin: 20px 0 0 0;
}
} #top ul.symptom_list li:nth-of-type(1){
border-top: 1px solid #CCC;
}
@media (min-width: 960px){
#top ul.symptom_list li:nth-of-type(1),
#top ul.symptom_list li:nth-of-type(2),
#top ul.symptom_list li:nth-of-type(3),
#top ul.symptom_list li:nth-of-type(4),
#top ul.symptom_list li:nth-of-type(5),
#top ul.symptom_list li:nth-of-type(6){
border-bottom: 0px solid #CCC;
}
} #about_slide{
padding: 120px 0 60px 0;
}
@media (min-width: 960px){
#about_slide{
padding: 227px 0 70px 0;
}
}
#about_slide .wrap{
padding: 0 0 0 6.5vw;;
margin: 0 auto;
box-sizing: border-box;
position: relative;
}
@media (min-width: 960px){
#about_slide .wrap{
max-width: calc(1600px + 10vw + 10vw);
padding: 0 0 0 10vw;
}
}
#about_slide .title_block{
position: absolute;
top: -70px;
right: 9.5vw;
z-index: 10;
}
@media (min-width: 960px){
#about_slide .title_block{
top: -142px;
right: 10.5vw;
}
}
#about_slide h2.page_title{
font-size: 2.2rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0.18em;
text-align: center;
padding: 0 5px 0 0;
white-space: nowrap;
position: relative;
}
@media (min-width: 960px){
#about_slide h2.page_title{
font-size: 3.8rem;
}
}
#about_slide h2.page_title::after{
content: " ";
width: 100%;
height: 98%;
position: absolute;
top: 5px;
right: 0;
box-sizing: border-box;
border-right: 1px solid #1E2228;
}
#about_slide .copy_block{
position: absolute;
bottom: -6px;
left: 6.5vw;
z-index: 10;
}
@media (min-width: 960px){
#about_slide .copy_block{
bottom: 70px;
left: 10vw;
}
}
#about_slide h3.page_copy{
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.10em;
padding: 16px 24px 10px 0;
border-radius: 0 12px 0 0;
white-space: nowrap;
position: relative;
background-color: #fff;
}
@media (min-width: 960px){
#about_slide h3.page_copy{
font-size: 2.4rem;
letter-spacing: 0.18em;
padding: 26px 44px 28px 4px;
border-radius: 0 12px 12px 0;
}
}
#about_slide h3.page_copy span{
color: #F58995;
}
#about_slide .swiper-container-wrap{
position: relative;
}
#about_slide .swiper-container{
width: 100%;
overflow: visible;
overflow: hidden;
border-radius: 12px 0 0 12px;
}
@media (min-width: 960px){
#about_slide .swiper-container{
border-radius: 16px 0 0 16px;
}
}
#about_slide li.swiper-slide{
overflow: hidden;
}
#about_slide li.swiper-slide figure{
padding: 0;
margin: 0;
display: block;
}
#about_slide li.swiper-slide img{
width: 100%;
height: auto;
display: block;
}
@media (min-width: 960px){
#about_slide li.swiper-slide img{
}
}
#about_slide li.swiper-slide figure.for-pc{
display: none;
}
@media (min-width: 960px){
#about_slide li.swiper-slide figure.for-pc{
display: block;
}
}
#about_slide li.swiper-slide figure.for-sp{
display: block;
}
@media (min-width: 960px){
#about_slide li.swiper-slide figure.for-sp{
display: none;
}
} #news{
background-color: #fafafa;
background-color: #FBF6F9;
padding: 60px 0 65px 0;
margin: 60px 0 0 0;
}
@media (min-width: 960px){
#news{
padding: 95px 0;
margin: 140px 0 0 0;
}
}
#news .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#news .wrap{
max-width: 1000px;
padding: 0 14vw;
}
}
#news .title_block{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
#news .title_block{
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 0 0 36px 0;
}
}
#news .title_block h3.title{
font-size: 1.9rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
white-space: nowrap;
}
@media (min-width: 960px){
#news .title_block h3.title{
font-size: 2.6rem;
}
}
.news_btn a{
color: #1E2228;
display: flex;
flex-direction: row;
align-items: center;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.news_btn a:hover{
color: #888;
}
}
.news_btn a .arrow{
width: 26px;
height: 26px;
aspect-ratio: 1 / 1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFB1BA;
margin: 0 0 0 8px;
}
@media (min-width: 960px){
.news_btn a .arrow{
width: 30px;
height: 30px;
margin: 0 0 0 10px;
}
}
#news li a{
color: #1E2228;
font-size: 1.4rem;
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px dotted #bbb;
padding: 20px 32px 15px 0;
position: relative;
transition: all 0.2s ease-in-out;
}
@media (min-width: 960px){
#news li a{
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 22px 50px 22px 0;
}
}
#news li a::after{
content: '';
width: 12px;
height: 12px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-r.svg);
background-size: 12px 12px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 2px;
margin: -6px 0 0 0;
}
@media (min-width: 960px){
#news li a::after{
width: 14px;
height: 14px;
background-size: 14px 14px;
right: 10px;
margin: -7px 0 0 0;
}
}
@media (min-width: 960px){
#news li a:hover{
color: #888;
}
}
#news li a .data_block{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
margin: 0 0 8px 0;
}
@media (min-width: 960px){
#news li a .data_block{
width: 290px;
margin: 0;
}
}
#news li a .data{
color: #888;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-size: 1.4rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.08em;
}
@media (min-width: 960px){
#news li a .data{
width: 6em;
font-size: 1.5rem;
}
}
#news li a .category{
color: #F58995;
font-size: 1.1rem;
line-height: 1.2;
letter-spacing: 0;
border: 1px solid #F58995;
border-radius: 3px;
padding: 0px 4px 1px 4px;
margin: 0 0 0 10px;
}
@media (min-width: 960px){
#news li a .category{
max-width: 150px;
font-size: 1.3rem;
line-height: 1.2;
text-align: center;
border-radius: 4px;
padding: 1px 5px 2px 5px;
margin: 0 0 0 18px;
}
}
#news li a .title{ line-height: 1.6;
}
@media (min-width: 960px){
#news li a .title{ }
}
.news-banner_btn{
display: flex;
flex-direction: column;
margin: 30px 0 -10px 0;
}
@media (min-width: 960px){
.news-banner_btn{
flex-direction: row;
justify-content: space-between;
margin: 40px 0 0 0;
}
} .news-banner_btn a{
width: 100%;
height: 60px;
box-sizing: border-box;
border: 1px solid #CCC;
background-color: #fff;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 10px 0;
position: relative;
}
@media (min-width: 960px){
.news-banner_btn a{
width: 32%;
height: 70px;
border-radius: 6px;
margin: 0 0 0 0;
}
}
.news-banner_btn a::after{
content: '';
width: 12px;
height: 12px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-r.svg);
background-size: 12px 12px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 16px;
margin: -6px 0 0 0;
}
@media (min-width: 960px){
.news-banner_btn a::after{
width: 14px;
height: 14px;
background-size: 14px 14px;
right: 16px;
margin: -7px 0 0 0;
}
}
.news-banner_btn a img{
width: auto;
height: 40px;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.news-banner_btn a:hover img{
opacity: 0.7;
}
} #section.section_other{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#section.section_other{
padding: 140px 0 0 0;
}
}