@charset "UTF-8";

.comment{position: relative;}
.comment_bg{background: url(../../images/doctor/bg.jpg) top left 0vw no-repeat;height: 300px;background-size: cover;width: 80%;position: absolute;z-index: -1;right: 0;}

.comment .left {margin-bottom: 10vw;position: relative;border-bottom: 1px solid #ddd;}
.comment .left-in p{font-size: 4vw;}
.comment .left-in p span{font-family: goldenbook;font-weight: 400;display: block;color: var(--blue);font-size: 5vw;line-height: 1.4;}
.comment .left-in-img .main{width: 80%;margin-bottom: 4vw;margin: 0 auto 6vw 0;}
.comment .left-in-img .en{position: absolute;top: 37vw;left: -14vw;-webkit-transform: rotate(90deg);transform: rotate(90deg);width: 70vw;}

.comment .text img{width: 100% ;margin-bottom: 4vw;}
.comment .text .read{font-family: var(--mincho);font-size: 5vw;line-height: 1.5;color: var(--blue);font-weight: 600;margin-bottom: 3vw;}
.comment .text .sub{font-weight: bold;margin-bottom: 1vw;color: var(--orange);font-size: 4.6vw;}
.comment .text .sub.gray{color: #606060;}
.comment .text .sub.mb20{margin-bottom: 3vw;}
.comment .name{text-align: right;}

.history{background: var(--bluebg);padding: 6vw 6vw 3vw;border-radius: 10px;}
.history dl{margin-bottom: 4vw;}
.history dt span.ttl {margin-right: 16px;color: var(--blue);font-size: 3.8vw;font-weight: 600;}
.history dt {margin-bottom: 3vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;}
.history dt:after {content: '';height: 1px;background: #93cbeb;flex: 1;}
.history dd p.list span{text-indent: -1em;padding-left: 1em;font-size: 3.4vw;display: block;}
.history dd p:nth-child(even){margin-right: 0;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {

.comment_bg{background: url(../../images/doctor/bg.jpg) top center no-repeat;position: absolute;height: 700px;top: 0;left: 0;background-size: cover;max-width: 420px;width: calc(50vw - 380px);}

.comment-wrapper{overflow: visible;contain: paint;}
.comment_wrap{position: relative;}
    
.comment{display: grid;grid-gap: 4rem;grid-template-columns: 1fr 66%;}
.comment:before{content: none;}
.comment .left{border-bottom: none;}
.comment .left-in{position: sticky;top: 60px;margin: 0;min-width: 200px;margin-bottom: 0px;/* max-width: 340px; */}
.comment .left-in p{font-size: 20px;}
.comment .left-in p span{font-size: 20px;}
.comment .left-in-img{position: relative;}
.comment .left-in-img .main{width: 100%;margin-bottom: 30px;}
.comment .left-in-img .en{position: absolute;top: auto;left: -60px;-webkit-transform: rotate(0deg);transform: rotate(0deg);max-width: 380px;width: 80%;bottom: 2vw;}

.comment .text{position: relative;border-left: 1px solid #bfbfbf;padding-left: 4.6vw;}
.comment .text .flex{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;margin-bottom: 40px;}
.comment .text img{width: 50%;margin-bottom: 0;}
.comment .text .read{margin-bottom: 10px;font-size: clamp(1.5rem, 1.128rem + 0.816vw, 1.75rem);}
.comment .text .sub{font-size: 17px;margin-bottom: 10px;}
.comment .text .sub.mb20{margin-bottom: 20px;}
    
.history{padding: 30px 30px 10px;}
.history dl{margin-bottom: 20px;}
.history dt span.ttl {margin-right: 10px;font-size: 17px;}
.history dt {margin-bottom: 10px;}
.history dd p.list span{font-size: 15px;}
.history dd p:nth-child(even){margin-right: 0;}



}

@media screen and (min-width: 1200px) {
    
.comment_bg{background: url(../../images/doctor/bg.jpg) top center no-repeat;position: absolute;height: 550px;top: 0;left: 0;background-size: cover;max-width: 550px;width: calc(50vw - 380px);}

}
/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.comment_bg{background-image: url(../../images/doctor/bg@2x.jpg) ;}


}