@charset "utf-8";
/*1.ログイン画面*/
body {
    margin: 0;
}

.logo {
    margin-top: 10px;
    margin-left: 10px;
}
.title {
    color:rgb(0,64,152);
    margin-top: 10px;
    margin-left: 10px;
    font-weight: bold;
}
.login-screen {
    margin-top: 25px;
    text-align: center;
}
.forget,.member-entry{
    text-align: center;
}
.forget a,.entry-button a {
    text-decoration: none;
}
.forget a {
    color: #6EC8FA;
    margin-top: 20px;
}
.forget {
    margin-top: 20px;
}
.put {
    border: 1px solid #3F6E88;
    border-radius: 5px;
    padding: 10px 50px 10px 50px;
    width: 60%;
    margin-bottom: 10px;
}
.login1 {
    background-color: #004098;
    padding: 10px 50px 10px 50px;
    width: 80%;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
}
.member-entry {
    margin-top: 30px;
}
.entry-button a{
    padding: 10px 50px 10px 50px;
    border: 1px solid #86A0C2;
    color: #163E75;
    border-radius: 5px;
    font-weight: bold;
}

/*2a.サービス選択*/
.login2 {
    font-size: 15px;
}
.login-icon {
    width: 16px;
    height: 16px;
    margin-right: 15px;
}
.menu2 {
    width: 16px;
    height: 16px;
}
.top-menu {
    display: flex;
    margin: 12px 10px 0 auto;
}
h1 p {
    text-align: center;
    color: #285A9A;
    font-size: 20px;
}
.big-menu1,.big-menu2 {
    display: flex;
    text-align: center;
    margin-bottom: 30px;
}
.reserve,.revisit,.medicine,.mypage {
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
}
.reserve a,.revisit a,.medicine a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.reserve {
    background-color: #0081CD;
    width: 120px;
    margin-right: 20px;
}
.revisit {
    background-color: #004098;
    width: 120px;
}
.medicine {
    background-color: #029743;
    width: 120px;
    margin-right: 20px;
}
.mypage {
   border: 1px solid #889FC0;
   width: 120px;
}
.mypage a {
    color: #154482;
    font-weight: bold;
    text-decoration: none;
}
.aa {
    margin: 0 auto;
    display: flex;
}
.menu-sub {
    font-size: 14px;
    margin-top: 8px;
}
.big-menu2 {
    padding-bottom: 20px;
    border-bottom: 2px solid #E5E5E5;
}
.what-online {
    border-bottom: 2px solid #E5E5E5;
}
.what-title,.recommend-title {
    text-align: center;
    font-size: 18px;
    color: #265FA3;
    font-weight: bold;
    padding-bottom: 15px;
    margin-top: 20px;
}
.what-content,.recommend-content {
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 20px;
    margin: 0 10px 0 10px;
}
.rc-box1,.rc-box2,.rc-box3 {
    background-color: #E5F2FA;
    margin-bottom: 20px;
    margin: 20px 15px 20px 15px;
    display: flex;
    font-size: 15px;
}
.rc-image {
    width: 70px;
    height: 70px;
    margin: auto 5px;
}
.something {
    margin: 20px 0 0 0;
}
.something div {
    display: flex;
    border-top: 1px solid #889FC0;
    border-bottom: 1px solid #889FC0;
    background-color: #CCE6F5;
}
.triangle {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #3A3E45;
    margin: auto 0;
  }
.tri-content {
    margin-top: 10px;
    margin-bottom: 10px;
}
footer {
    text-align: center;
    background-color: #004098;
}
footer p {
    color: #fff;
    padding: 12px 0 12px 0;
    margin: 0;
}

/*2b.マイページ（機能一覧）*/
.mypage3 {
    text-align: center;
    padding-bottom: 30px;
}
.bg {
    background-color: #F3F8FC;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.mpg-title-p{
    color: #143D75;
    font-weight: bold;
    margin-top: 0;
    padding-top: 20px;
}
.username {
    color: #808589;
    font-size: 18px;
}
.san {
    font-size: 12px;
}
.avove-icon {
    display: flex;
}
.pet-register {
    font-size: 13px;
    margin: 0;
}
.cc {
    display: flex;
    margin: 0 auto;
}
.cc img {
    margin-right: 10px;
    margin-left: 10px;
}
.center {
    text-align: center;
}
.center img {
    margin: 0 10px 0 10px;
}
.left-said {
    margin-left: 55px;
}

/*3.医療機関検索*/
.search {
    margin-top: 30px;
}
.search-title{
    display: flex;
    justify-content: center;
}
.back-button {
    position: absolute;
    left: 10px;
    color: #596D93;
    border: 1px solid #596D93;
    border-radius: 60px;
    padding: 2px 5px 2px 5px;
    font-weight: 600;
}
.arrow-hori {
    display: flex;
}
.arrow-left {
  width: 5px;
  height: 5px;
  border: 2px solid;
  border-color:  transparent transparent #596D93 #596D93;
  transform: rotate(45deg);
  margin-top: 6px;
}
.c-list {
    color: #144480;
    font-weight: bold;
}
.search-screen {
    box-shadow: 0 0 6px #596D93;
    margin: 30px 10px 30px 10px;
    padding: 10px;
    border-radius: 5px;
}
select,option,.date,.erea,.animal,.sick-sub {
    background-color: #E4E4E4;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 5px;
    border: 0;
}
.erea {
    width: 136px;
    padding-bottom: 15px;
    background-image: url("/images/map.png");
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 21px;
}
.animal {
    background-image: url("/images/ネコの無料アイコン.png");
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 21px;
}
.sick-sub {
    background-image: url("/images/・アンケート・カルテのアイコン素材.png");
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 21px;
}
.c-name {
    background-image: url("/images/病院のアイコン素材 3.png");
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 21px;
}
.animal,.sick-sub {
    width: 136px;
}
select,option {
    width: 90%;
}
.search-c {
    background-color: #004098;
    color: #fff;
    width: 90%;
    padding: 10px;
    border-radius: 5px;
}
.horizontal {
    display: flex;
}
.display {
    background-color: #F5F5F5;
}
.display-lift {
    display: flex;
    justify-content: space-between;
    margin: 0 10px 0 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.display-clinic {
    margin: 0 10px 0 10px;
}
.display-box1 {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 2px solid #E5E5E5;
    color: #004098;
    font-weight: bold;
}
.display-box2 {
    display: flex;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.reserve-button {
    background-color: #004098;
    border-radius: 5px;
    padding: 5px 0 5px 5px;
    text-align: center;
}
.reserve-button  a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.next-page {
    display: flex;
    justify-content: center;
}
.box-number {
    background-color: #BFBFBF;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 5px;
}
/*next {
    width: 30px;
    height: 30px;
    background-color: #BFBFBF;
}*/
.arrow {
    width: 30px;
    height: 30px;
    margin: 0 5px 0 5px;
}
.next {
    width: 5px;
    height: 5px;
    border: 2px solid;
    border-color: #000 #000 transparent transparent;
    transform: rotate(45deg);
}
.bar {
    margin-left: 3px;
    width: 2px;
    height: 11px;
    background-color: #000;
}
.last {
    display: flex;
}
/*4.会員登録*/
.new-member-title {
    text-align: center;
    color: #004098;
    font-weight: bold;
}
.horizontal4,.horizontal5{
    display: flex;
    justify-content: center;
}
.f-name,.name,.fk-name,.k-name {
    width: 136px;
    padding-bottom: 15px;
    margin: 0 5px 10px 5px;
    border-radius: 5px;
    border: 1px solid #E4E4E4;
}
.put4,.tell,.password {
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    padding: 10px 50px 10px 50px;
    width: 60%;
    margin-bottom: 10px;
}
.rule {
    color: #2C89C0;
}
.to-next {
    font-weight: bold;
    background-color: #004098;
    padding: 10px 50px 10px 50px;
    width: 80%;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 40px;
}
/*5.退会*/
.withdrawal,.pet-info {
    background-color: #F1F9FC;
}
.withdrawal-title,.pet-info-title {
    padding-top: 30px;
}
.back-button5,.back-button6 {
    position: absolute;
    left: 10px;
    top: 80px;
    color: #596D93;
    border: 1px solid #596D93;
    border-radius: 60px;
    padding: 2px 5px 2px 5px;
    font-weight: 600;
}
.withdrawal-top,.pet-info-top {
    display: flex;
    justify-content: center;
}
.withdrawal-title,.pet-info-title{
    color: #144480;
    font-weight: bold;
}
.withdrawal-items {
    margin-top: 20px;
    margin-bottom: 100px;
}
.reason {
    color: #9A9C9F;
}
.reason-frame {
    background-color: #fff;
    border: 1px solid #9A9C9F;
}
.read {
    color: #BD1E39;
    font-weight: bold;
}
.ex-mark {
    margin-right: 5px;
}
.attention {
    padding-left: 10px;
    padding-right: 10px;
}
.anser {
    text-align: center;
}
.yes,.no {
    padding: 10px 0 10px 0;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    width: 80%;
    margin: 0 auto;
}
.yes {
    background-color: #004098;
    margin-bottom: 20px;
}
.no {
    background-color: #5A5A5A;
    margin-top: 20px;
}
.at-content {
    color: #4C4E51;
    font-weight: bold;
}

/*6.ペット情報*/
.pet-info-main {
    background-color: #F1F9FC;
    padding: 0 10px 0 10px;
}
.pet-info-enter {
    border-bottom: 2px solid #E5E5E5;
}
.pet-picture {
    text-align: center;
    padding: 20px 0 20px 0;
}
.visual-menu,.visual-enter {
    display: flex;
}
.manddato {
    background-color: #B91A34;
    padding: 1px 5px 1px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
}
.pet-name {
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    padding: 10px 50px 10px 50px;
    width: 60%;
    margin-bottom: 10px;
}
/*入力欄*/
.birthday,.ins-company,.ins-number,.expiry {
    background-color: #fff;
    width: 83%;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #E4E4E4;
}
.b-length,.weight {
    background-color: #fff;
    width: 20%;
    margin-right: 5px;
    border: 1px solid #E4E4E4;
}
.b-color {
    background-color: #fff;
    width: 50%;
    border: 1px solid #E4E4E4;
}
.m-history {
    background-color: #fff;
    border: 1px solid #E4E4E4;
}
.pet-info-allergy {
    border-bottom: 2px solid #E5E5E5;
}
.have-allergy,.have-insurance {
    display: flex;
}
.vaccination,.diagnose-day {
    border: 1px solid #E4E4E4;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 5px;
}
.diagnose-day {
    width: 83%;
}
.current-situation {
    display: flex;
}
.certificate {
    padding: 20px 10px 20px 10px;
    background-color: #DEDFDF;
    display: flex;
    margin-bottom: 10px;
}
.upload {
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 20px;
}
.not-choose {
    background-color: #fff;
    border-radius: 5px;
    color: #8E8E8E;
    margin-right: 10px;
    padding: 2px 0 2px 5px;
    width: 60%;
}
.choose-image {
    background-color: #595959;
    border-radius: 5px;
    color: #fff;
    padding: 2px 0 2px 0;
    width: 30%;
    text-align: center;
}
.insurance {
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 20px;
}
.choose-image-up {
    background-color: #003F97;
    border-radius: 5px;
    color: #fff;
    padding: 2px 0 2px 0;
    width: 30%;
    text-align: center;
}
.inspe,.id-number {
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 20px;
}
.inspe-up {
    background-color: #DEDEDE;
    width: 300px;
    height: 200px;
    margin: 0 auto;
    border-bottom: 2px solid #E5E5E5;
}
.id-number-enter,.p-id-enter {
    background-color: #fff;
    width: 83%;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #E4E4E4;
}
.manddato-items {
    color: red;
    text-align: center;
}
.patient-id-card {
    padding-bottom: 100px;
}
/*7a.オンライン相談予約*/
.online-icon {
    display: flex;
    margin-top: 30px;
    justify-content: center;
}
.triangle {
    width: 0;
    height: 0;
    border-left: 5px solid black;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 147px;
}
.online-icon-hori {
    display: flex;
}
.online-icon-center {
    text-align: center;
    width: 60px;
}
.icon-moji {
    font-size: 15px;
}
.calender,.time-schedule {
    margin: 0 auto;
}
table.calender td a {
   display: block;       /* リンクをブロックレベル化して表示 */
   text-decoration: none;
}
.time-schedule {
    padding-bottom: 30px;
}
table.time-schedule td a {
   display: block;       /* リンクをブロックレベル化して表示 */
   text-decoration: none;
}
.week {
    max-height:50px;
    height:50px;
}
.a7 {
    color: #4A4042;
    font-weight: 800;
    background-color: #fff;
    border: 1px solid #DADEDD;
    border-radius: 5px;
    text-align: center;
    width:35px;
}
.week .holiday {
    background-color: #ff7f7f;
}
.week .saturday {
    background-color: #bce9ff;
}
.week .unreserve {
    background-color: #9f9f9f;
}
.week .next-button {
    background-color: #02d;
    color: #fff;
}
.week .check-reserve {
    border: 2px #02d solid;
}
.week .day {
color: #4A4042;
}
.week .unreserve .day {
color: #4A4042;
}
.week .holiday .day {
    color: #ac0000;
}
.week .saturday .day {
    color: #02d;
}
.week .cal-reserve {
    color: #02d;
}


.time-schedule .day {
    max-height:50px;
    height:50px;
}
.time-schedule .unreserve {
    background-color: #9f9f9f;
}
.time-schedule .unreserve .day {
color: #4A4042;
}
.time-schedule .cal-reserve {
    color: #02d;
}

.prefer-coment {
    text-align: center;
    font-weight: 700;
    color: #16437E;
}
/*7b.予約（オフライン再診）*/
.check {
    border: 1px solid #DADEDD;
    border-radius: 5px;
    margin: 0 10px 0 10px;
    margin-bottom: 30px;
}
.check-c-title {
    border-bottom: 2px solid #E5E5E5;
    padding-left: 10px;
    color: #3C64AC;
    font-weight: 700;
}
.not-yet-reserve {
    text-align: center;
    color: #AB455B;
    font-weight: 800;
    padding-bottom: 30px;
    padding-top: 15px;
}
ul :not(.l-global-nav__list *, .l-footer__list *) {
    list-style: none;
    padding-left: 10px;
    font-weight: bold;
}
/*8a.事前問診票入力*/
.sheet {
    margin: 0 10px 0 10px;
}
.pet-info-enter8 {
    padding-bottom: 30px;
}
.pet-kind8,.enter8 {
    background-color: #fff;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
}
.make-b-bottom {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 30px;
}
.not-choose8 {
    background-color: #fff;
    border-radius: 5px;
    color: #8E8E8E;
    margin-right: 10px;
    padding: 2px 0 2px 5px;
    width: 60%;
}
.choose-image-up8 {
    background-color: #595959;
    border-radius: 5px;
    color: #fff;
    padding: 2px 0 2px 0;
    width: 30%;
    text-align: center;
}
.free-sheet {
    color: #A5A5A5;
    font-weight: bold;
}
.free-erea {
    border-color: #A5A5A5;
    border-radius: 5px;
}
.condition p {
    color: #A5A5A5;
    font-weight: bold;
}
/*8b.問診票完了画面*/
.yes8b {
    background-color: #5A5A5A;
    padding: 10px 0 10px 0;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 300px;
}
.finish-sheet,.confirm-cancel {
    text-align: center;
    font-weight: bold;
}
.finish-sheet p,.confirm-cancel p {
    color: #8A8A8A;
}
/*9.予約キャンセル*/
.cancel {
    text-align: center;
}
.free9 {
    text-align: center;
}
/*9.キャンセル完了画面*/
.confirm-cancel {
    margin-bottom: 100px;
}
/*11.お薬リクエスト*/
.space {
    margin: 0 10px 0 10px;
}
.condition-c {
    color: #A5A5A5;
    font-size: 15px;
    font-weight: bold;
}
.up-part {
    margin-bottom: 70px;
}
/*11.お薬確認画面*/
.medicine-check {
    width: 100px;
}
.medicine-content {
    width: 100px;
    padding-right: 20px;
    color: #A5A5A5;
    font-weight: bold;
}
.medicine-design {
    padding-bottom: 30px;
}
.free-sheet11 {
    width: 370px;
    height: 250px;
    background-color: #DEDEDE;
}
/*12.aマイページ*/
.yokohaba {
    max-width: 700px;
}
.back-bule {
    background-color: #F3F8FC;
}
.medical-history p ,.favorite-clinick p {
    color: #1B3D70;
    font-weight: bold;
    margin-left: 10px;
}
.more a {
    color: #888888;
    border: 1px solid #888888;
    border-radius: 50px;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}
.more {
    margin-left: 250px;
}
.triangle-12a {
    width: 0;
    height: 0;
    border-left: 10px solid black;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    display: inline-block;
    margin: 5px 10px 5px 10px;
    position: relative;
    top: 10px;

}
.check12a {
    margin-bottom: 10px;
}
.no-date-b {
    text-align: center;
}
.no-date {
    padding: 10px 0 10px 0;
    color: #AEAEAE;
    font-weight: bold;
    border-radius: 5px;
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    border: 2px solid #AEAEAE;
}
.fc-picture {
    display: flex;
}
.hori-12a {
    width: 33%;
}

.slick-dots li:nth-of-type(1) button:before{
    background: url("/images/スクリーンショット 2022-02-03 105646.png") no-repeat;
    background-size: contain!important;
}
.slick-dots li:nth-of-type(2) button:before{
    background: url("/images/スクリーンショット 2022-02-03 105646.png") no-repeat;
    background-size: contain!important;
}
.slick-dots li:nth-of-type(3) button:before{
    background: url("/images/スクリーンショット 2022-02-03 105646.png") no-repeat;
    background-size: contain!important;
}
.slick-dots li:nth-of-type(4) button:before{
    background: url("/images/スクリーンショット 2022-02-03 105646.png") no-repeat;
    background-size: contain!important;
}
.slick-dots li button:before{
	content: ''!important;
	height:100%!important;
}

.text-break {
    overflow-wrap: break-word;
}