.mv {
    height: 700px;
    overflow: hidden;
    margin-top: 110px;
    position: relative;
}

.mv .slider img {
    margin-top: -100px;
}

.mv .headline {
    position: absolute;
    z-index: 100;
    top: 70px;
    left: 50px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
    vertical-align: top;
}

.mv .headline p {
    display: inline-block;
    background: #fff;
    font-size: 28px;
    padding: 15px 0;
    margin-right: 10px;
    color: #7d7d7d;
    white-space: nowrap;
}

.mv .headline p span {
    color: #836c25;
}

.mv .headline p:nth-child(3) {
    font-size: 13px;
    color: #fff;
    background: #7d7d7d;
}

.banner {
    position: absolute;
    width: 460px;
    right: 0;
    top: 215px;
}

.banner a img {
    box-shadow: 8px 8px 10px rgba(0, 0, 0, .3);
}

.banner a:nth-child(2) img {
    margin-top: 10px;
}

.banner a:nth-child(3) img {
    margin-top: 10px;
}

.marquee {
    padding: 10px;
    border-bottom: 2px solid #f0f0f0;
    height: 45px;
}

.marquee marquee {
    color: #7d7d7d;
}

/*menu*/

.menu {
    padding: 55px 0;
}

.menu ul {
    width: 1060px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu ul li a {
    padding-top: 35px;
}

.menu ul li:first-child a {
    background: url(../images/index/webp/menu1.webp) no-repeat center top 10px/21px;
}

.menu ul li:nth-child(2) a {
    background: url(../images/index/webp/menu2.webp) no-repeat center top 10px/14px;
}

.menu ul li:nth-child(3) a {
    background: url(../images/index/webp/menu3.webp) no-repeat center top 10px/16px;
}

.menu ul li:nth-child(4) a {
    background: url(../images/index/webp/menu4.webp) no-repeat center top 10px/23px;
}

.menu ul li:nth-child(5) a {
    background: url(../images/index/webp/menu9.webp) no-repeat center top 10px/23px;
}

.menu ul li:nth-child(6) a {
    background: url(../images/index/webp/menu5.webp) no-repeat center top 10px/16px;
}

.menu ul li:nth-child(7) a {
    background: url(../images/index/webp/menu6.webp) no-repeat center top 10px/20px;
}

.menu ul li:nth-child(8) a {
    background: url(../images/index/webp/menu7.webp) no-repeat center top 10px/18px;
}

.menu ul li:nth-child(9) a {
    background: url(../images/index/webp/menu8.webp) no-repeat center top 10px/15px;
}

.menu ul li:nth-child(10) a {
    background: url(../images/index/webp/menu10.webp) no-repeat center top 10px/22px;
}

.no-webp .menu ul li:first-child a {
    background-image: url(../images/index/menu1.png);
}

.no-webp .menu ul li:nth-child(2) a {
    background-image: url(../images/index/menu2.png);
}

.no-webp .menu ul li:nth-child(3) a {
    background-image: url(../images/index/menu3.png);
}

.no-webp .menu ul li:nth-child(4) a {
    background-image: url(../images/index/menu4.png);
}

.no-webp .menu ul li:nth-child(5) a {
    background-image: url(../images/index/menu5.png);
}

.no-webp .menu ul li:nth-child(6) a {
    background-image: url(../images/index/menu6.png);
}

.no-webp .menu ul li:nth-child(7) a {
    background-image: url(../images/index/menu7.png);
}

.no-webp .menu ul li:nth-child(8) a {
    background-image: url(../images/index/menu8.png);
}

.no-webp .menu ul li:nth-child(10) a {
    background-image: url(../images/index/menu10.png);
}

/*news*/

.news {
    background: #b5a77c;
    width: 80%;
    margin-left: auto;
    padding: 100px 50px;
    border-top-left-radius: 100px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 100;
}

.news .content {
    width: 1000px;
}

.news .content .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.news .content .inner h2 {
    font-size: 30px;
    color: #fff;
}

.news .content > a {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    display: block;
}

.flex_banner a {
    width: 300px;
}

.news .content > a span {
    color: #836c25;
    margin-right: 20px;
}

.news .content > p {
    margin-top: 20px;
    color: #fff;
}

/*covid*/

.covid {
    margin-top: -200px;
    background: #f0f0f0;
    padding: 300px 0 50px;
    border-bottom: 1px solid #fff;
}

.covid .content {
    width: 700px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.covid .content img {
    width: 170px;
}

.covid .content .inner {
    width: 500px;
}

.covid .content .inner h2 {
    font-size: 28px;
    font-weight: 500;
    color: #7d7d7d;
}

.covid .content .inner a.more {
    width: 100px;
    display: block;
    margin-left: auto;
}

/*info*/

.info {
    background: #f0f0f0;
    padding: 50px 0 100px;
}

.info .content1 {
    width: 700px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.info .content1 table {
    width: 400px;
}

.info .content1 table tr {
    height: 50px;
}

.info .content1 table tr td {
    vertical-align: middle;
}

.info .content1 table tr td:first-child {
    width: 130px;
    padding-left: 20px;
}

.info .content1 table tr:first-child td:first-child::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/index/webp/clock-w.webp) no-repeat center/contain;
    margin-right: 5px;
    margin-bottom: -3px;
}

.no-webp .info .content1 table tr:first-child td:first-child::before {
    background-image: url(../images/index/clock-w.png);
}

.info .content1 table tr:first-child {
    background: #7d7d7d;
}

.info .content1 table tr:first-child td {
    color: #fff;
}

.info .content1 table tr:nth-child(2) {
    background: #fff;
}

.info .content1 p {
    width: 270px;
}
.info .content1 p.clinic_name{ width:100%; background: #836c25; color: #FFF; font-size: 20px; text-align: center; padding: 10px 0; margin:50px 0 20px;line-height: 1.5;}
.info .content2 + .content1 p.clinic_name{ margin-top: 100px;}

.info .content2 {
    width: 700px;
    margin: 2rem auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.info .content2 img {
    width: 400px;
}

.info .content2 .inner {
    width: 270px;
}

.info .content2 .inner p:nth-child(2) {
    margin-top: 10px;
    padding-left: 30px;
    background: url(../images/index/webp/train-b.webp) no-repeat top 5px left 5px/15px;
}

.no-webp .info .content2 .inner p:nth-child(2) {
    background-image: url(../images/index/train-b.png);
}

.info .content2 .inner a.more {
    margin: 20px 0 0 auto;
    display: block;
    width: 145px;
}

/*treatment*/

.treatment {
    background: url(../images/index/webp/treatment-bg.webp) center/cover;
    padding: 0 0 100px;
    border-top: 10px solid #b5a77c;
}

.no-webp .treatment {
    background-image: url(../images/index/treatment-bg.png);
}

.treatment h2{
    width: 300px;
    height: 240px;
    display: block;
    color: #fff;
    font-size: 50px;
    background: url(../images/index/webp/treatment-h2.webp) no-repeat center/contain;
    text-align: center;
    margin: 0 auto;
    line-height: 1.3;
    padding-top: 50px;
}

.no-webp .treatment h2 {
    background-image: url(../images/index/treatment-h2.png);
}

.treatment h2 span{
    display: block;
    font-size: 16px;
    text-align: center;
}

.treatment .content {
    width: 700px;
    margin: 115px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.treatment .content .item {
    width: 300px;
    position: relative;
    margin-bottom: 60px;
}

.treatment .content .item .image {
    border-top-left-radius: 40px;
    overflow: hidden;
    height: 150px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    margin-bottom: 15px
}

.treatment .content .item p.mincho {
    font-size: 24px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    color: #836c25;
    position: absolute;
    top: -15px;
    left: 30px;
    line-height: 1.5;
    padding: 5px 0;
    margin-bottom: 0;
}

.treatment .content .item p.mincho:nth-child(2) {
    left: 75px;
}

.treatment .content .item .linkwrap:hover + .more::before {
    right: 10px;
}

.treatment .content .item .linkwrap:hover + .more::after {
    top: -13px;
    width: 50px;
    height: 50px;
}

.treatment .content .item a.more {
    display: block;
    width: 100px;
    position: absolute;
    top: 100px;
    right: 20px;
}

.treatment .content .item p {
    margin-bottom: 1em;
    text-align: justify;
}

.treatment .content .item p:last-child {
    margin-bottom: 0;
}

/*treatment list*/

ul.treatment-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.treatment-list li {
    width: 50%;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-collapse: collapse;
    padding: 15px;
}

ul.treatment-list li:nth-child(even) {
    border-right: none;
}

ul.treatment-list li:nth-child(-n + 2) {
    border-top: 1px solid #e6e6e6;
}

ul.treatment-list li a {
    display: block;
    width: 320px;
    position: relative;
}

ul.treatment-list li:nth-child(odd) a {
    margin-left: auto;
}

ul.treatment-list li a::after {
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    background: url(../images/common/webp/arrow-b.webp) no-repeat;
    background-size: contain;
    position: absolute;
    right: 23px;
    top: 50%;
    -webkit-transition: .3s;
    transition: .3s;
}

.no-webp ul.treatment-list li a::after {
    background-image: url(../images/common/arrow-b.png);
}

ul.treatment-list li a:hover::after {
    right: 0;
}

.top-case{
  padding: 50px 0;
}

.top-case .content{
  padding: 0 20px;
}

@media(max-width :751px) {
  .top-case .content{
  padding: 0;
}
}

/*
ul.treatment-list li:last-child a::after {
    display: none;
}*/

/*course*/


.course {
    padding: 100px 0;
    background: url(../images/index/webp/course-bg.webp) center/cover;
}

.no-webp .course {
    background-image: url(../images/index/course-bg.jpg);
}

.course .content {
    width: 700px;
    margin: 0 auto;
}

.course .content .item:hover {
    opacity: .7;
}

.course .content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 160px;
    position: relative;
    margin-bottom: 10px;
    transition: .5s;
}

.course .content .item img {
    width: 280px;
}

.course .content .item .inner {
    width: 420px;
    min-height: 130px;
    background: #b5a77c;
    margin-top: 30px;
    padding: 25px;
    position: relative;
}

.course .content .item:nth-child(3) .inner,
.course .content .item:nth-child(4) .inner {
    background: #f0f0f0;
}

.course .content .item:nth-child(2) .inner {
    background: #333333;
}

.course .content .item .inner::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.course .content .item .inner p.title {
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    line-height: 1.7;
    margin-bottom: 5px
}

.course .content .item:nth-child(3) .inner p.title,
.course .content .item:nth-child(4) .inner p.title {
    color: #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
}

.course .content .item .inner p:nth-child(2) {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.course .content .item:nth-child(3) .inner p:nth-child(2),
.course .content .item:nth-child(4) .inner p:nth-child(2) {
    color: #7d7d7d;
}

.course .content .item:first-child .inner p:nth-child(2) {
    font-size: 16px;
}

.course .content .item .inner p:nth-child(2) span {
    position: relative;
}

.course .content .item .inner p:nth-child(2) span::after {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background: #ad4b00;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    position: absolute;
    top: 10px;
    right: 0;
}

.course .content .item .inner p.bubble {
    background: #836c25;
    width: 90px;
    height: 90px;
    border-radius: 90px;
    color: #fff;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: -30px;
    right: 35px;
}

.course .content .item:nth-child(3) .inner p.bubble,
.course .content .item:nth-child(4) .inner p.bubble {
    background: #7d7d7d;
}

.course .content .item:nth-child(2) .inner p.bubble {
    background: #333372;
}

/*beginner guide*/

.begin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 10px solid #b5a77c;
}

.begin .left {
    width: 50%;
    height: 520px;
    background: url(../images/index/webp/begin-img.webp) no-repeat center/cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.no-webp .begin .left {
    background-image: url(../images/index/begin-img.jpg);
}

.begin .left h2 {
    color: #fff;
}

.begin .left h2 span {
    line-height: 2;
}

.begin .right {
    width: 50%;
    position: relative;
}

.begin .right li {
    height: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f0f0f0;
    border-bottom: 1px solid #fff;
    padding-left: 50px;
    position: relative;
}

.begin .right li .more {
    position: absolute;
    left: 450px;
}

.begin .right li .linkwrap:hover + .more::before {
    right: 10px;
}

.begin .right li .linkwrap:hover + .more::after {
    top: -13px;
    width: 50px;
    height: 50px;
}



/*policy*/

h2.title {
    font-size: 50px;
    text-align: center;
    line-height: 1.4;
}

h2.title span {
    display: block;
    text-align: center;
    font-size: 16px;
}

.policy {
    padding: 100px 0;
    background: url(../images/index/webp/policy-bg.webp) no-repeat center/cover;
}

.no-webp .policy {
    background-image: url(../images/index/policy-bg.jpg);
}

.policy img {
    width: 80px;
    margin: 0 auto 50px;
    display: block;
}

.policy h2 {
    color: #fff;
    margin-bottom: 50px;
}

.policy h3 {
    text-align: center;
    font-size: 28px;
    color: #fff;
    margin-bottom: 50px;
}

.policy p {
    font-size: 16px;
    width: 400px;
    margin: 0 auto 1em;
    color: #fff;
    line-height: 2.5;
}

.policy a.more {
    display: block;
    width: 150px;
    margin: 50px auto 0;
}

/*declare*/

.declare {
    padding: 100px 0;
    background: #f0f0f0;
}

.declare h2 {
    font-size: 28px;
    text-align: center;
    color: #836c25;
    padding-top: 45px;
    background: url(../images/index/webp/declare-icon.webp) no-repeat top 0 center/40px;
    margin-bottom: 50px;
}

.no-webp .declare h2 {
    background-image: url(../images/index/declare-icon.png);
}

.declare .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.declare .content .item {
    width: calc(50% - 20px);
    min-height: 250px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    padding: 50px 80px;
    position: relative;
    margin-bottom: 30px
}

.declare .content .item:first-child {
    background: url(../images/index/webp/declare1.webp) no-repeat left top/contain, #fff;
    border-top-right-radius: 80px;
}

.declare .content .item:nth-child(2) {
    background: url(../images/index/webp/declare2.webp) no-repeat right top/contain, #fff;
    border-top-left-radius: 80px;
}

.declare .content .item:nth-child(3) {
    background: url(../images/index/webp/declare3.webp) no-repeat left top/contain, #fff;
    border-top-right-radius: 80px;
}

.declare .content .item:nth-child(4) {
    background: url(../images/index/webp/declare4.webp) no-repeat right top/contain, #fff;
    border-top-left-radius: 80px;
}

.no-webp .declare .content .item:first-child {
    background-image: url(../images/index/declare1.png);
}

.no-webp .declare .content .item:nth-child(2) {
    background-image: url(../images/index/declare2.png);
}

.no-webp .declare .content .item:nth-child(3) {
    background-image: url(../images/index/declare3.png);
}

.no-webp .declare .content .item:nth-child(4) {
    background-image: url(../images/index/declare4.png);
}

.declare .content .item:first-child .inner,
.declare .content .item:nth-child(3) .inner {
    margin-left: auto;
}

.declare .content .item p.number {
    font-size: 80px;
    color: #fff;
    line-height: 1;
    position: absolute;
    letter-spacing: .1em;
    text-align: center;
    top: 90px
}

.declare .content .item:nth-child(2) p.number,
.declare .content .item:nth-child(4) p.number {
    right: 80px;
}

.declare .content .item p.number span {
    font-size: 12px;
    display: block;
    letter-spacing: .02em;
}

.declare .content .item .inner {
    width: 250px;
    position: relative;
}

.declare .content .item .inner h3 {
    font-size: 28px;
    color: #7d7d7d;
    line-height: 1.3;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.declare .content .item .inner::after {
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    background: url(../images/common/webp/arrow-b.webp) no-repeat center/contain;
    margin: 10px 0 0 auto;
    transition: .5s;
}

.no-webp .declare .content .item .inner::after {
    background-image: url(../images/common/arrow-b.png);
}

.declare .content .item .inner p {
    margin-bottom: 1em;
    text-align: justify;
}

.declare .content .item .inner p:last-child {
    margin-bottom: 0;
}

.declare .content .item:hover .inner::after {
    margin-right: -20px;
}

/*doctor*/

.doctor {
    border-top: 10px solid #b5a77c;
    background: url(../images/index/webp/doctor-bg.webp) center/cover;
}

.no-webp .doctor {
    background-image: url(../images/index/doctor-bg.png);
}

.doctor h2 {
    width: 300px;
    height: 240px;
    display: block;
    color: #fff;
    background: url(../images/index/webp/treatment-h2.webp) no-repeat center/contain;
    margin: 0 auto;
    line-height: 1.3;
    padding-top: 50px;
    position: relative;
    left: -200px;
    top: -1px;
}

.no-webp .doctor h2 {
    background-image: url(../images/index/treatment-h2.png);
}

.doctor .content {
    width: 700px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.doctor .content .left {
    width: 375px;
    position: relative;

}

.doctor .content .left .name {
    position: absolute;
    top: 40px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
}

.doctor .content .left .name p {
    background: #b5a77c;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 10px 5px;
}

.doctor .content .left .name p:last-child {
    margin-left: 10px;
}

.doctor .content .left p:first-child {
    font-size: 24px;
    line-height: 1.1;
    margin-right: 2px;
}

.doctor .content .left img {
    display: block;
    width: 320px;
    margin: -50px 0 0 auto;
}

.doctor .content .right {
    width: 300px;
    margin-top: -40px;
}

.doctor .content .right p {
    font-size: 16px;
    margin-bottom: 40px;
    text-align: justify;
}

.doctor .content .right dl {
    margin-bottom: 50px;
}

.doctor .content .right dl dt {
    font-size: 16px;
    font-weight: 700;
    color: #7d7d7d;
}

/*column*/

.column {
    padding: 150px 0;
    background: url(../images/index/webp/course-bg.webp) center/cover;
}

.no-webp .column {
    background: url(../images/index/course-bg.jpg);
}

.column .content {
    width: 700px;
    margin: 100px auto;
}

.column .content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
}

.column .content .item img {
    width: 180px;
}


.column .content .item .inner {
    width: 500px;
}

.column .content .item .inner .tags p {
    display: inline-block;
    background: #b5a77c;
    color: #fff;
    padding: 0 10px;
    line-height: 1.8;
    margin-bottom: 5px
}

.column .content .item .inner h3 {
    font-size: 28px;
    color: #7d7d7d;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.column .content .item .inner h3::after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 5px;
    background: url(../images/common/webp/arrow-b.webp) no-repeat center/contain;
    position: relative;
    top: -8px;
    left: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.no-webp .column .content .item .inner h3::after {
    background-image: url(../images/common/arrow-b.png);
}

.column .content .item .inner p {
    line-height: 1.8;
    margin-bottom: 1em;
    text-align: justify;
}

.column .content .item p.text {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
    overflow: hidden;
}

.column .content .item p.text.sp{
    display: none;
}

.column .content .item .inner .linkwrap:hover + h3::after {
    left: 20px;
}


.column a.more {
    display: block;
    width: 150px;
    margin: 0 auto;
}


/*CLINIC*/


.clinic {
    padding: 150px 0 100px;
    background: #f0f0f0;
}

.yasumi {
    padding: 30px 0 30px 0px;
    background: #f0f0f0;
    border: 1px solid #b5a77c;
    width: 880px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.yasumi > p {
    font-size: 20px;
    width: 600px;
    margin: 10px auto;
    text-align: center;
    color: white;
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
}
.yasumi > h3 {
    font-size: 35px;
    width: 600px;
    margin: 0 auto 0 auto;
    text-align: center;
}

.yasumi > h2 {
    font-size: 23px;
    font-family: 'yu-mincho-pr6';
    margin-bottom: 20px;
    line-height: 1.6;
}


.yasumi .content .inner h2 {
    font-size: 28px;
    font-weight: 500;
    color: #FFFFFF;
}

.yasumi .content .inner p{
    color: #cc0000bd;
    font-size: 16px;
    line-height: 1.6;
    font-family: 'yu-mincho-pr6';
    text-align: center;

}

.yasumi .content .inner p.txt01{
    color: #000;
    font-size: 14px;
    line-height: 1.6;
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    text-align: center;
    margin-top: 15px;
}


.yasumi span {
/*      border-bottom: solid 1px #FF0004;*/
background:linear-gradient(transparent 90%, #FFFFFF 0%) ;
}

.yasumi a .more {
    
    margin: auto;
}


.yasumi .content img {
    width: 170px;
}


.yasumi .content .inner a.more {
    width: 100px;
    display: block;
    margin-left: auto;
}

.yasumi .content {
    margin: 0 auto;    
}



.clinic > p {
    font-size: 16px;
    width: 400px;
    margin: 40px auto;
    text-align: justify;
}

.clinic > a.more {
    width: 160px;
    display: block;
    margin: 0 auto 50px;
}

.clinic .loop .slide {
    position: relative;
    padding-top: 20px;
}

.clinic .loop .slick-slide {
    margin: 0 5px;
}

.clinic .loop .slide p {
    position: absolute;
    top: 0;
    left: 20px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
}

.clinic .loop .slide p span {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    font-size: 24px;
    padding: 10px 0;
    margin-right: 10px;
}


.mv .headline h1{
    display: inline-block;
    font-size: 13px;
    color: #fff;
    background: #7d7d7d;
    padding: 15px 0;
    margin-right: 10px;
    white-space: nowrap;
}

.info .content1 table tr:nth-child(3){
    background: #fff;
}


.info .content1 table tr:first-child td {
    width: 8.2%;
}

.info .content1 table tr:first-child td:first-child{
    width: 32%;
}

.column .content .item img{
    /*width: 180px;
    height: 130px;
    object-fit: cover;*/
}

.magazine{
    
    text-align: center;
   
}

.magazine img{
    width: 600px;
	
}

.magazine-banner a.youtube {
    width: 650px;
    margin: 30px auto 55px;
    display: block;
}

.magazine-banner .content {
    width: 700px;
    margin: 0 auto;
}

table#wp-calendar{
    width: 20%;
    margin: 0 auto;
    background: #fff;
    color: #836c25;
    box-sizing:border-box;
}
caption{
    background: #fff;
    color: #836c25;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
nav.wp-calendar-nav{
    background: #fff;
    color: #836c25;
    text-align: left;
    font-size: 16px;
    margin: 0 auto;
    padding-left: 3%;
    width: 20%;
}
table#wp-calendar th{
    font-weight: bold;
}
table#wp-calendar th,
table#wp-calendar td{
    text-align: center;
 }
table#wp-calendar a{
    color: #836c25;
    text-decoration: underline;
    letter-spacing: .09em;
    white-space: nowrap;
}

.half{
    display: flex;
    justify-content: space-between;
    width: 1250px;
    margin: 40px auto;
}

.scroller {
    margin: 0 auto;
    width: 1340px;
    height: 400px;
    overflow-y: scroll;
    background-color: #f0f0f0;
    border: solid 4px #836c25;
    border-radius: 5px;
}
.scroller {
    scrollbar-width:auto;
}
.magazine-banner .right{text-align: end;
width: 1340px;
margin: 0 auto;}


/*** 1周年お知らせ ***/

.anniversary{ width: 700px; margin: 0 auto 80px; }
.anniversary h2{ font-family: 'yu-mincho-pr6'; font-size: 30px; text-align: center; line-height: 1.6; color: #836c25; margin-bottom: .8em; }
.anniversary h2 + p{ text-align: center; margin-bottom: 30px; }
.anniversary p{ font-size: 16px; font-family: 'yu-mincho-pr6'; }
.anniversary table{ width: 100%; margin-bottom: 20px; }
.anniversary table th{ background: #f0f0f0; width: 230px; padding: .5em 1em; border-bottom: solid 1px #b5a77c; vertical-align: middle; }
.anniversary table td{ line-height: 1.6; font-size: 12px; padding: 1em 1em; border-bottom: solid 1px #b5a77c; text-align: right; vertical-align: middle; }
.anniversary table td strong{ font-size: 26px; font-family: 'yu-mincho-pr6'; color: #836c25; line-height: 1.8; }
.anniversary table + p{ font-size: 20px; line-height: 1.6; }
.anniversary table + p strong{ color: #836c25; font-size: 28px; line-height: 1.4; }
.anniversary table + p small{ font-size: 12px; margin-left: 1em; }
.anniversary table + p + small{ display: block; font-size: 12px; margin-bottom: 30px; }
.anniversary p:last-child{ text-align: center; }


@media (min-width:751px) and (max-width:1000px) {

    .mv {
        margin-top: 210px;
    }

    .mv .slider {
        overflow: hidden;
    }

    .mv .slider img {
        margin-top: 0;
        max-width: 150%
    }

    .banner {
        top: 720px;
    }

    .menu ul {
        width: 700px;
    }

    .news .content {
        width: 500px;
    }

    .begin .right li a.more {
        position: absolute;
        left: 260px;
    }
    
    .declare .content .item {
        min-height: 420px;
    }
    
    .declare .content .item .inner {
        top: 150px
    }
	
	

}

@media(min-width: 1200px) {
    


.flex_banner{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

.flex_banner a{
    width: 490px;
}
    
	
   
	
	
	
    
    }




.column .content .item .inner h3#campaign {
		font-size:20px ;
	}

.column .content .item #c-inner {
		width:100%;
}

.campaign .content .item {
	padding-bottom:0;
}




.campaign h2.title {
	padding:10px !important;
}

.column.campaign {
padding-bottom:50px !important;
padding-top:50px !important;
}

.column.campaign .content {
	margin:10px auto ;
}

.magazine-banner {
	margin:100px auto;
}

.foot_bnr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.foot_bnr>a {
    width: 50%;
    padding: 10px;
}

@media(max-width :751px) {
	 .magazine-banner {
	margin:7vw auto;
}
	.half {
		margin:0;
		
	}
	
	.column.campaign　{
		padding-bottom: 3px !important;
	}
}
								
								
/* 230412 */
.info .tantou {
    display: block;
    margin-bottom: 2rem;
}

.info .tantou table {
    width: 700px;
}

.info .tantou table tr td {
    text-align: center;
    line-height: 1.4;
    padding: .8rem 0;
}

.info .tantou table tr:first-child td:first-child {
    width: 18%;
    padding: 0 0 0 20px;
}

.info .tantou table tr td:last-child {
    padding-right: 20px;
}

/* 医院のご案内：お茶の水院の担当医表を .info .content1.tantou の表と同系に */
.group_wrap .group_list li .tantou--group {
	display: block;
	margin-bottom: 0;
}

.group_wrap .group_list li .tantou--group table {
	width: 100%;
	max-width: 700px;
	margin: 10px 0 0;
	border-collapse: collapse;
}

.group_wrap .group_list li .tantou--group table tr {
	height: 50px;
}

.group_wrap .group_list li .tantou--group table tr td {
	vertical-align: middle;
	border: none;
	background: transparent;
	color: inherit;
	height: auto;
	font-size: inherit;
	letter-spacing: inherit;
	text-align: center;
	line-height: 1.4;
	padding: .8rem 0;
}

.group_wrap .group_list li .tantou--group table tr td:first-child {
	width: 130px;
	padding-left: 20px;
}

.group_wrap .group_list li .tantou--group table tr:first-child {
	background: #7d7d7d;
}

.group_wrap .group_list li .tantou--group table tr:first-child td {
	color: #fff;
	width: 8.2%;
}

.group_wrap .group_list li .tantou--group table tr:first-child td:first-child {
	width: 18%;
	padding: 0 0 0 20px;
}

.group_wrap .group_list li .tantou--group table tr:first-child td:first-child::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/index/webp/clock-w.webp) no-repeat center/contain;
	margin-right: 5px;
	margin-bottom: -3px;
}

.no-webp .group_wrap .group_list li .tantou--group table tr:first-child td:first-child::before {
	background-image: url(../images/index/clock-w.png);
}

.group_wrap .group_list li .tantou--group table tr:nth-child(2) {
	background: #fff;
}

.group_wrap .group_list li .tantou--group table tr:nth-child(2) td {
	color: #000;
}

.group_wrap .group_list li .tantou--group table tr td:last-child {
	padding-right: 20px;
}

.group_wrap .group_list li .tantou--group .tantou-schedule a.more {
	width: auto;
	margin: 12px 0 0 0;
	display: inline-block;
	text-align: left;
}

.group_wrap{padding: 100px 0; background:url(../images/index/webp/treatment-bg.webp) center/cover;}
.group_list{ width: 1000px; margin: 50px auto 0; display:flex; flex-wrap: wrap; justify-content: space-between; gap: 2rem;}
.group_list li{ background: #f0f0f0; padding: 30px 30px; width: calc((100% - 2rem) / 2); flex: 0 0 calc((100% - 2rem) / 2); box-sizing: border-box;}
.group_list li h3{ color: #836c25; font-size: 22px; text-align: center; margin-bottom: 5px;}
.group_list li h4{ color: #836c25; font-size: 17px; background: url("../images/index/icon_logo.png") no-repeat left 5px top 3px/25px 25px; padding-left: 40px; }
.group_list li .tel_ttl a{ color: #000; font-size: 25px; padding-left: 40px; background-image: url("../images/index/tel_black.png"); }
.group_list li .time_ttl{color: #000; }
.group_list li p{ font-size: 15px;}
.group_list li p span{ color:#836c25; margin-right: 10px; font-size: 105%;}
.group_list li img{ width: 100%; height: auto; margin: 10px 0;}
.group_list li p.small_text{ font-size: 14px; margin-top: 10px;}
.group_list li .train{ background: url(../images/index/webp/train-b.webp) no-repeat top 5px left 5px/15px; padding-left: 30px; font-size: 14px; margin-top: 15px;}
.group_list li .more{ width: 150px; margin: 20px 0 0 auto; display:block; text-align: center;}
.group_list table{ width: 100%; margin: 10px 0 20px}
.group_list table th{width:calc(100%/7); background: #836c25; color: #FFF; font-weight: bold;}
.group_list table td{ background: #FFF; color: #000; height: 91px;}
.group_list table th,.group_list table td{ font-size: 13px; letter-spacing: 0; text-align: center; padding: 10px 0; border: #836c25 1px solid; vertical-align: middle; line-height: 1.8;}


.js-top-case .slick-slide{
      margin: 0 8px;
}