@charset "UTF-8";
  .slider {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
.slide_box {
position: relative;
max-width: 1000px;
}
.slider .slide_box .slide_box_in ,
.slider .slide_box .slide_box_in div {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.slider .slide_box .slide_box_in::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(242, 147, 54, .1);
mix-blend-mode: multiply;
content: '';
}
.slider .slide_box .slide_box_in picture {
position: relative;
width: 100%;
height: 100%;
display: flex !important;
align-items: center;
}
.slider .slide_box .slide_box_in img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
}
.slider .slide_box .catch {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
flex-direction: column;
padding: 60px 40px;
}
.slider .slide_box .catch h3 {
font-size: 4.5rem;
font-weight: 700;
color: #FFF;
line-height: 1.5;
margin-bottom: .6em;
filter: drop-shadow(0px 0px 10px rgba(4,0,0,0.8)) drop-shadow(0px 0px 10px rgba(4,0,0,0.8));
}
.slider .slide_box .catch h4 {
font-size: 2.5rem;
font-weight: 700;
color: #FFF;
line-height: 1.5;
filter: drop-shadow(0px 0px 10px rgba(4,0,0,0.8)) drop-shadow(0px 0px 10px rgba(4,0,0,0.8));
}
.slider .slide_box .catch_icon {
position: absolute;
bottom: 200px;
right: 65px;
z-index: 2;
display: flex;
}
.slider .slide_box .catch_icon li {
width: 125px;
}
.slider .slide_box .catch_icon li:not(:last-of-type) {
margin-right: 30px;
}
.slider .slide_box .time {
position: absolute;
bottom: 20px;
right: 0;
z-index: 2;
max-width: 500px;
}
.top_line {
display: flex;
flex-wrap: wrap;
}
.top_line section {
width: 48%;
border: solid 5px #fef4e8;
background: #FFF;
border-radius: 10px;
padding: 20px;
}
.top_line section:first-of-type {
margin-right: 4%;
}
.top_line h3 {
text-align: center;
margin-bottom: .5em;
font-size: 2.0rem;
font-weight: 700;
}
.top_line h3 span {
font-weight: 700;
color: #69ba46;
}
.top_line p {
text-align: center;
margin-bottom: 1.5em;
font-size: 1.6rem;
}
.top_line dl {
display: flex;
justify-content: center;
padding: 0 10%;
}
.top_line dl dt ,
.top_line dl dd {
width: 40%;
}
.top_line dl dt {
margin-right: 20%;
}
.top_line ul li:first-of-type {
margin-bottom: 15px;
}
.top_line ul li a {
display: block;
border-radius: 10px;
background: #548235;
border: solid 1px #548235;
padding: .5em 1em;
text-align: center;
color: #FFF;
font-size: 2.0rem;
}
.top_line ul li:last-of-type a {
background: #ffc000;
border: solid 1px #ffc000;
}
.top_line ul li a:hover {
background: #FFF;
border: solid 1px #548235;
color: #548235;
}
.top_line ul li:last-of-type a:hover {
background: #FFF;
border: solid 1px #ffc000;
color: #ffc000;
}
.top_line ul li a::after {
font-family: "Font Awesome 5 Free";
font-weight: 700;
margin-left: .5em;
content: "\f1c1";
}
.clinic_policy {
position: relative;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(253,233,212,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,233,212,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(253,233,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fde9d4',GradientType=0 );
padding: 150px 0;
}
.clinic_policy::before {
position: absolute;
top: 260px;
left: 0;
width: 184px;
height: 302px;
background: url(//www.nitta-dental.com/img/common/bg_icon.svg) no-repeat center center;
background-size: cover;
content: '';
}
.clinic_policy .greeting {
display: flex;
align-items: flex-start;
margin-bottom: 100px;
}
.clinic_policy .greeting .box_l {
width: 535px;
margin-right: 20px;
}
.clinic_policy .greeting .box_l h3 {
margin-bottom: 30px;
}
.clinic_policy .greeting .box_l h3 em {
display: block;
font-size: 2.2rem;
font-weight: 700;
color: #ee7800;
margin-bottom: .6em;
}
.clinic_policy .greeting .box_l h3 span {
font-size: 2.8rem;
font-weight: 700;
color: #595757;
border-bottom: solid 2px #ee7800;
}
.clinic_policy .greeting .box_l p {
font-size: 1.6rem;
}
.clinic_policy .greeting .box_r {
width: 425px;
margin-left: auto;
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-direction: column;
}
.clinic_policy .greeting .box_r .img {
margin-left: auto;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(253,233,212,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,233,212,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(253,233,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fde9d4',GradientType=0 );
padding: 5px;
border-radius: 10px;
margin-bottom: 25px;
}
.clinic_policy .greeting .box_r .img span {
display: block;
border-radius: 10px;
overflow: hidden;
}
.clinic_policy .greeting .box_r .name {
border-bottom: solid 2px #ee7800;
}
.clinic_policy .greeting .box_r .name em {
font-size: 2.1rem;
color: #ee7800;
margin-right: 1em;
}
.clinic_policy .greeting .box_r .name span {
font-size: 3.1rem;
font-weight: 700;
color: #595757;
}
.clinic_policy .treatment h3 {
font-size: 4.4rem;
font-weight: 700;
text-align: center;
margin-bottom: 1.5em;
}
.clinic_policy .treatment .box ul {
display: flex;
flex-wrap: wrap;
margin-bottom: -20px;
}
.clinic_policy .treatment .box ul li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 20px;
}
.clinic_policy .treatment .box ul li:nth-of-type(4n) {
margin-right: 0;
}
.home {
position: relative;
background: #FFF;
padding-bottom: 150px;
}
.home::before {
position: absolute;
top: -50px;
left: 0;
right: 0;
z-index: 1;
margin: 0 auto;
max-width: 550px;
height: 50px;
border-radius: 10px 10px 0 0;
background: #FFF;
content: '';
}
.home h3 {
position: relative;
top: -1em;
z-index: 1;
margin-bottom: calc(40px - 1em);
font-size: 4.0rem;
font-weight: 700;
text-align: center;
}
.home h3 span {
color: #ee7800;
}
.home .comment {
font-size: 1.6rem;
text-align: center;
margin-bottom: 100px;
}
.home .box {
display: flex;
align-items: flex-start;
}
.home .box > .img {
width: 425px;
margin-right: 35px;
}
.home .box > .img span {
display: block;
padding: 45px 20px;
border-radius: 10px;
overflow: hidden;
background: rgb(219,238,211);
background: -moz-linear-gradient(-45deg,  rgba(219,238,211,1) 1%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(219,238,211,1) 1%,rgba(255,255,255,1) 100%);
background: linear-gradient(135deg,  rgba(219,238,211,1) 1%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbeed3', endColorstr='#ffffff',GradientType=1 );
}
.home .box > .box_in {
width: calc(100% - (425px + 35px));
display: flex;
align-items: flex-start;
margin-left: auto;
}
.home .box > .box_in > .img {
width: 270px;
border-radius: 50%;
border: solid 12px #f9c793;
margin-right: 20px;
overflow: hidden;
}
.home .box > .box_in > .box_r {
width: calc(100% - (270px + 20px));
margin-left: auto;
}
.home .box > .box_in > .box_r h4 {
font-size: 2.4rem;
line-height: 1.5;
margin-bottom: .6em;
}
.home .box > .box_in > .box_r h4 span {
display: inline-block;
border-bottom: solid 2px #ee7800;
}
.home .box > .box_in > .box_r h4 + p {
font-size: 1.6rem;
}
.home .tel {
display: flex;
justify-content: center;
padding-top: 45px;
}
.home .tel span {
display: block;
background: #ee7800;
font-size: 2.6rem;
font-weight: 700;
color: #FFF;
padding: .4em 3em;
border-radius: 1.5em;
}
.free {
position: relative;
background: #dbeed3;
padding-bottom: 150px;
}
.free::before {
position: absolute;
top: -50px;
left: 0;
right: 0;
z-index: 1;
margin: 0 auto;
max-width: 550px;
height: 50px;
border-radius: 10px 10px 0 0;
background: #dbeed3;
content: '';
}
.free h3 {
position: relative;
top: -1em;
z-index: 1;
margin-bottom: calc(40px - 1em);
font-size: 4.0rem;
font-weight: 700;
text-align: center;
}
.free h3 span {
color: #69ba46;
}
.free .comment {
font-size: 1.6rem;
text-align: center;
margin-bottom: 100px;
}
.free .box {
display: flex;
align-items: flex-start;
}
.free .box > .img {
order: 2;
width: 425px;
margin-left: auto;
}
.free .box > .img span {
display: block;
border-radius: 10px;
overflow: hidden;
}
.free .box > .box_in {
order: 1;
width: calc(100% - (425px + 35px));
display: flex;
align-items: flex-start;
margin-right: 35px;
}
.free .box > .box_in > .img {
width: 270px;
border-radius: 50%;
border: solid 12px #bde1ae;
margin-right: 20px;
overflow: hidden;
}
.free .box > .box_in > .box_r {
width: calc(100% - (270px + 20px));
margin-left: auto;
}
.free .box > .box_in > .box_r h4 {
font-size: 2.4rem;
line-height: 1.5;
margin-bottom: .6em;
}
.free .box > .box_in > .box_r h4 span {
display: inline-block;
border-bottom: solid 2px #ee7800;
}
.free .box > .box_in > .box_r h4 + p {
font-size: 1.6rem;
}
.free .tel {
display: flex;
justify-content: center;
padding-top: 45px;
}
.free .tel span {
display: block;
background: #69ba46;
font-size: 2.6rem;
font-weight: 700;
color: #FFF;
padding: .4em 3em;
border-radius: 1.5em;
}
.news_calender {
display: flex;
padding-top: 70px;
padding-bottom: 70px;
}
.news_calender > section {
width: 48%;
}
.news_calender > section:first-of-type {
margin-right: 4%;
}
.news_calender > section h3 {
margin-bottom: 20px;
}
.news_calender > section h3 span {
font-size: 3.2rem;
font-weight: 700;
}
.news_calender > section h3 em {
font-size: 2.1rem;
font-weight: 700;
color: #69ba46;
}
.news_calender > section .list section {
position: relative;
display: flex;
align-items: flex-start;
}
.news_calender > section .list section:not(:last-of-type) {
margin-bottom: 35px;
}
.news_calender > section .list section .img {
width: calc(100% - (200px + 35px));
margin-right: 35px;
border: solid 1px #999999;
}
.news_calender > section .list section .box_r {
position: relative;
width: 200px;
margin-left: auto;
}
.news_calender > section .list section .box_r:before {
position: absolute;
top: 0;
left: -17px;
width: 2px;
height: 100%;
background: #ee7800;
content: '';
}
.news_calender > section .list section .box_r time {
display: block;
font-size: 1.6rem;
color: #ee7800;
margin-bottom: .8em;
}
.news_calender > section .list section .box_r h4 {
font-size: 2.4rem;
line-height: 1.2;
margin-bottom: .6em;
}
.news_calender > section .list section .box_r .btn {
display: flex;
justify-content: flex-start;
}
.news_calender > section .list section .box_r .btn a {
display: block;
font-size: 1.8rem;
color: #ee7800;
padding: .4em 2.5em;
border: solid 1px #ee7800;
border-radius: 1.5em;
}
.news_calender > section .list section .box_r .btn a:hover {
background: #ee7800;
color: #FFF;
border: solid 1px #ee7800;
}
.news_calender > section .calender_box .time {
margin-bottom: 10px;
}
.news_calender > section .wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner .wpsbc-date-number {
text-align: center;
}
.news_calender > section .wpsbc-container[data-columns="2"] .wpsbc-calendars .wpsbc-calendar {
min-width: inherit !important;
max-width: inherit !important;
}
.access iframe {
width: 100%;
height: 450px;
}
@media screen and (max-width: 1040px) {
.slider {
overflow: hidden;
}	
.slide_box {
position: relative;
max-width: 100%;
}
.home .box {
display: flex;
flex-direction: column;
align-items: center;
}
.home .box > .img {
margin-right: 0;
margin-bottom: 20px;
}
.home .box > .box_in {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
margin-left: 0;
}
.free .box {
display: flex;
flex-direction: column;
align-items: center;
}
.free .box > .img {
order: 1;
margin-left: 0;
margin-bottom: 20px;
}
.free .box > .box_in {
order: 2;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
margin-right: 0;
}
}
@media screen and (max-width: 940px) {
.slider .slide_box .catch {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
}	
.slider .slide_box .catch h3 {
font-size: 3.0rem;
}
.slider .slide_box .catch h3 br {
display: none;
}
.slider .slide_box .catch h4 {
font-size: 2.0rem;
}
.slider .slide_box .catch h4 br {
display: none;
}
.news_calender {
display: flex;
flex-direction: column;
}
.news_calender > section {
width: 100%;
}
.news_calender > section:first-of-type {
margin-right: 0;
margin-bottom: 30px;
}
.news_calender > section .list section .img {
width: 300px;
margin-right: 35px;
border: solid 1px #999999;
}
.news_calender > section .list section .box_r {
position: relative;
width: calc(100% - (300px + 35px));
margin-left: auto;
}
}
@media screen and (max-width: 767px) {
.slider {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 5vw;
}
.slide_box {
position: relative;
max-width: 100%;
}
.slider .slide_box .slide_box_in ,
.slider .slide_box .slide_box_in div {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.slider .slide_box .slide_box_in::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(242, 147, 54, .1);
mix-blend-mode: multiply;
content: '';
}
.slider .slide_box .slide_box_in picture {
position: relative;
width: 100%;
height: 100%;
display: flex !important;
align-items: center;
}
.slider .slide_box .slide_box_in img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
}
.slider .slide_box .catch {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
flex-direction: column;
padding: 5vw 4vw;
padding-bottom: 35vw;
}
.slider .slide_box .catch h3 {
font-size: 2.0rem;;
}
.slider .slide_box .catch h4 {
font-size: 1.6rem;
}
.slider .slide_box .catch_icon {
position: absolute;
bottom: 5vw;
right: 5vw;
z-index: 2;
display: flex;
}
.slider .slide_box .catch_icon li {
width: 25vw;
}
.slider .slide_box .catch_icon li:not(:last-of-type) {
margin-right: 5vw;
}
.slider .slide_box .time {
display: none;
}
.slider + .time {
padding: 0 4%;
margin-bottom: 10vw;
}
.top_line {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.top_line section {
width: 100%;
border: solid 2px #fef4e8;
border-radius: 10px;
padding: 5vw 4vw;
}
.top_line section:first-of-type {
margin-right: 0;
margin-bottom: 5vw;
}
.top_line h3 {
font-size: 1.8rem;
}
.top_line p {
text-align: left;
margin-bottom: 1.5em;
font-size: 1.6rem;
}
.top_line dl {
display: flex;
justify-content: center;
padding: 0 10%;
}
.top_line dl dt ,
.top_line dl dd {
width: 40%;
}
.top_line dl dt {
margin-right: 20%;
}
.top_line ul li:first-of-type {
margin-bottom: 5vw;
}
.top_line ul li a {
border-radius: 10px;
font-size: 1.6rem;
}
.clinic_policy {
padding: 10vw 0 15vw;
}
.clinic_policy::before {
top: calc(33.898vw * 2);
width: calc(23.99vw * 2);
height: calc(39.374vw * 2);
}
.clinic_policy .greeting {
display: flex;
align-items: flex-start;
flex-direction: column;
margin-bottom: 10vw;
}
.clinic_policy .greeting .box_l {
width: 100%;
margin-right: 0;
margin-bottom: 5vw;
}
.clinic_policy .greeting .box_l h3 {
margin-bottom: 5vw;
}
.clinic_policy .greeting .box_l h3 em {
font-size: 2.0rem;
margin-bottom: .6em;
}
.clinic_policy .greeting .box_l h3 span {
font-size: 2.2rem;
}
.clinic_policy .greeting .box_l p {
font-size: 1.6rem;
}
.clinic_policy .greeting .box_r {
width: 100%;
margin-left: 0;
}
.clinic_policy .greeting .box_r .img {
margin-bottom: 5vw;
}
.clinic_policy .greeting .box_r .name em {
font-size: 2.0rem;
margin-right: 1em;
}
.clinic_policy .greeting .box_r .name span {
font-size: 2.2rem;
}
.clinic_policy .treatment h3 {
font-size: 2.0rem;
margin-bottom: 1em;
}
.clinic_policy .treatment .box ul {
display: flex;
flex-wrap: wrap;
margin-bottom: -5vw;
}
.clinic_policy .treatment .box ul li {
width: 48%;
margin-right: 4%;
margin-bottom: 5vw;
}
.clinic_policy .treatment .box ul li:nth-of-type(2n) {
margin-right: 0;
}
.home {
padding-bottom: 15vw;
}
.home::before {
top: -8vw;
max-width: 80%;
height: 8vw;
}
.home h3 {
font-size: 2.0rem;
margin-bottom: -.5em;
}
.home .comment {
font-size: 1.6rem;
text-align: left;
margin-bottom: 10vw;
}
.home .box {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.home .box > .img {
order: 1;
width: 100%;
margin-right: 0;
margin-bottom: 5vw;
}
.home .box > .img span {
padding: 5vw 4vw;
}
.home .box > .box_in {
width: 100%;
display: flex;
align-items: flex-start;
flex-direction: column;
margin-left: 0;
order: 2;
}
.home .box > .box_in > .img {
width: 100%;
border-radius: 50%;
border: solid 2vw #f9c793;
margin-right: 0;
margin-bottom: 5vw;
overflow: hidden;
}
.home .box > .box_in > .box_r {
width: 100%;
margin-left: 0;
}
.home .box > .box_in > .box_r h4 {
font-size: 2.0rem;
margin-bottom: .6em;
}
.home .box > .box_in > .box_r h4 + p {
font-size: 1.6rem;
}
.home .tel {
display: flex;
justify-content: center;
padding-top: 5vw;
}
.home .tel span {
font-size: 2.0rem;
padding: .4em 1em;
border-radius: 10px;
}
.free {
padding-bottom: 15vw;
}
.free::before {
top: -8vw;
max-width: 80%;
height: 8vw;
}
.free h3 {
font-size: 2.0rem;
margin-bottom: -.5em;
}
.free .comment {
font-size: 1.6rem;
text-align: left;
margin-bottom: 10vw;
}
.free .box {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.free .box > .img {
order: 1;
width: 100%;
margin-right: 0;
margin-bottom: 5vw;
}
.free .box > .img span {
display: block;
border-radius: 10px;
overflow: hidden;
}
.free .box > .box_in {
width: 100%;
display: flex;
align-items: flex-start;
flex-direction: column;
margin-left: 0;
order: 2;
}
.free .box > .box_in > .img {
width: 100%;
border-radius: 50%;
border: solid 2vw #bde1ae;
margin-right: 0;
margin-bottom: 5vw;
overflow: hidden;
}
.free .box > .box_in > .box_r {
width: 100%;
margin-left: 0;
}
.free .box > .box_in > .box_r h4 {
font-size: 2.0rem;
margin-bottom: .6em;
}
.free .box > .box_in > .box_r h4 + p {
font-size: 1.6rem;
}
.free .tel {
display: flex;
justify-content: center;
padding-top: 5vw;
}
.free .tel span {
font-size: 2.0rem;
padding: .4em 1em;
border-radius: 10px;
}
.news_calender {
display: flex;
flex-direction: column;
padding-top: 10vw;
padding-bottom: 10vw;
}
.news_calender > section {
width: 100%;
}
.news_calender > section:first-of-type {
margin-right: 0;
margin-bottom: 10vw;
}
.news_calender > section h3 {
margin-bottom: 5vw;
}
.news_calender > section h3 span {
display: block;
font-size: 2.0rem;
font-weight: 700;
}
.news_calender > section h3 em {
display: block;
font-size: 1.8rem;
font-weight: 700;
}
.news_calender > section .list section {
position: relative;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.news_calender > section .list section:not(:last-of-type) {
margin-bottom: 10vw;
}
.news_calender > section .list section .img {
width: 100%;
margin-right: 0;
margin-bottom: 3vw;
}
.news_calender > section .list section .box_r {
width: 100%;
margin-left: 0;
}
.news_calender > section .list section .box_r:before {
display: none;
}
.news_calender > section .list section .box_r time {
font-size: 1.6rem;
margin-bottom: .8em;
}
.news_calender > section .list section .box_r h4 {
font-size: 1.6rem;
margin-bottom: .6em;
}
.news_calender > section .list section .box_r .btn a {
font-size: 1.4rem;
padding: .4em 2.5em;
}
.news_calender > section .calender_box .time {
margin-bottom: 5vw;
}
.news_calender > section .wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner .wpsbc-date-number {
text-align: center;
}
.news_calender > section .wpsbc-container[data-columns="2"] .wpsbc-calendars .wpsbc-calendar {
min-width: inherit !important;
max-width: inherit !important;
}
.access iframe {
width: 100%;
height: 60vh;
}
}