@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#333;-webkit-text-size-adjust:100%; font-weight:500; font-family:"Zen Kaku Gothic New",'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal; font-family: "M PLUS 1 Code", monospace;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1200px;}
#body-top{ overflow:hidden; background:url(../images/common/bk-top.jpg)center top no-repeat;}
#home #body-top{ background:url(../images/home/bk-top.jpg)center top no-repeat;}


/*▼ヘッダー▼*/
#header{ width:1024px; margin:auto;}
#header h1{ opacity:0; height:0;}
#header #hmid{ overflow:hidden;}
#header .left { float:left; padding:20px 0 0;}
#header .left a{ text-decoration:none; display:inline-block;}
#header .left a img{ vertical-align: middle; margin-right: 5px; position: relative; top:-7px;}
#header .left a .name{ vertical-align: middle; display: inline-block;}
#header .left a .name .p-01{ font-size: 16px; color:#5d5d5d;}
#header .left a .name .p-02{ font-size: 30px; font-weight: bold; color:#7ac283; font-family: "M PLUS 1 Code", monospace;}
#header .left a .name .p-02 span{ background:#7ac283; display: inline-block; font-size: 16px; color:#fff; border-radius:10px; line-height: 1.3em; padding:3px 10px; margin-right:7px; vertical-align: middle; position: relative; top:-4px;}


#header .right{ float:right; padding-top:10px; text-align: right; max-width:560px;}
#header .right .p-01{ font-size:15px; font-weight:500; margin-right:5px; display: inline-block; vertical-align: middle;}
#header .right .p-mail{ font-size:16px; font-weight:600; text-align: center; display: inline-block; vertical-align: middle; font-family: "M PLUS 1 Code", monospace; margin-bottom: 5px;}
#header .right .p-mail a{ background:url(../images/common/ico-mail.png),url(../images/common/arrow.png),#ef9f69; background-position:15px 50%,right 20px top 50%; background-repeat: no-repeat; border:2px solid #ef9f69; color:#fff; padding:5px 40px 5px 50px; border-radius:50px; text-decoration: none; display:inline-block;}
#header .right .p-mail a:hover{ background: url(../images/common/ico-mail-on.png),url(../images/common/arrow-on.png),#fff; background-position:15px 50%,right 17px top 50%; background-repeat: no-repeat; color:#ef9f69; opacity:1;}

#header .right .p-tel{ font-size:32px; font-weight:bold; line-height:1em; display:inline-block; vertical-align: middle;}
#header .right .p-tel a{ background:url(../images/common/ico-tel.png)left 6px no-repeat; color:#33241a; display:block; line-height:1em; text-decoration:none; padding-left:35px;}
#header .right .p-02{ font-size:15px; font-weight:500; color:#333; text-align:left; margin:8px 0 0 2px; display: inline-block; vertical-align: middle;}
#header .right .p-02 span{ font-weight: bold;}



/*▼メインナビゲーション▼*/
#navi{ text-align:center; padding:30px 0 20px;}
#navi ul{ height: 45px;}
#navi li { display:inline-block; font-size:18px; font-weight:600; text-align:center; padding:0 12px; position:relative; font-family: "M PLUS 1 Code", monospace;}
#navi li a{ color:#333; text-decoration:none; position:relative; display:block; padding:0px 10px 10px;}
#navi li a:hover{ opacity:.8; transition:0.3s;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute; left:0; bottom:0px;width:100%; height:3px;background:#7ed092;transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}
#navi li:last-child{ margin-right:0px;}



/*----- フッター -----*/
#footer { background:url(../images/common/bk-footer.jpg)center bottom no-repeat;min-height: 384px;}
#fnavi{ text-align:center; padding-top:0px;}
#fnavi li { display:inline-block; font-size:18px; font-weight:600; text-align:center; padding:0 12px; position:relative; font-family: "M PLUS 1 Code", monospace;}
#fnavi li a{ color:#333; text-decoration:none; position:relative; display:block; padding:0px 10px 0px;}

#footer #fmid{ width:1024px; margin:auto; overflow:hidden; padding:40px 0 50px;}
#footer #fmid .left { float:left; text-align:center;}
#footer #fmid .left a{ text-decoration:none; display:inline-block;}
#footer #fmid .left a img{ vertical-align: middle; margin-right: 5px; position: relative; top:-7px;}
#footer #fmid .left a .name{ vertical-align: middle; display: inline-block;}
#footer #fmid .left a .name .p-01{ font-size: 16px; color:#5d5d5d;}
#footer #fmid .left a .name .p-02{ font-size: 30px; font-weight: bold; color:#7ac283; font-family: "M PLUS 1 Code", monospace;}
#footer #fmid .left a .name .p-02 span{ background:#7ac283; display: inline-block; font-size: 16px; color:#fff; border-radius:10px; line-height: 1.3em; padding:3px 10px; margin-right:7px; vertical-align: middle; position: relative; top:-4px;}
#footer #fmid .left .p-03{ font-size:15px; color:#5d5d5d; margin:0px 0 10px 30px; letter-spacing: normal;}

#footer #fmid .left .p-mail{ font-size:16px; font-weight:600; text-align:center; font-family: "M PLUS 1 Code", monospace; margin-bottom: 5px;}
#footer #fmid .left .p-mail a{ background:url(../images/common/ico-mail.png),url(../images/common/arrow.png),#ef9f69; background-position:15px 50%,right 20px top 50%; background-repeat: no-repeat; border:2px solid #ef9f69; color:#fff; padding:5px 40px 5px 50px; border-radius:50px; text-decoration: none; display:inline-block;}
#footer #fmid .left .p-mail a:hover{ background: url(../images/common/ico-mail-on.png),url(../images/common/arrow-on.png),#fff; background-position:15px 50%,right 17px top 50%; background-repeat: no-repeat; color:#ef9f69; opacity:1;}

#footer #fmid .left .p-tel{ font-size:32px; font-weight:bold; line-height:1em; display:inline-block; vertical-align: middle;}
#footer #fmid .left .p-tel a{ background:url(../images/common/ico-tel.png)left 6px no-repeat; color:#33241a; display:block; line-height:1em; text-decoration:none; padding-left:35px;}
#footer #fmid .left .p-fax a{ font-size:22px; font-weight:bold; color:#33241a; display:block; line-height:1.8em; text-decoration:none; text-align:center;}
#footer #fmid .left .p-04{ font-size:15px; font-weight:500; color:#333; text-align:center; line-height: 1.3em; margin:8px 0 0 2px; display: inline-block; vertical-align: middle;}
#footer #fmid .left .p-04 span{ font-weight: bold;}


#footer #fmid .right{ float:right; display:inline-block; text-align:center;}
#footer #fmid .right .tb-01{ overflow:hidden; padding:10px; border:#CCC solid 1px; background:#FFF; display:inline-block; width:200px;}
#footer #fmid .right .tb-01 .entry{ display:table; vertical-align:middle;}
#footer #fmid .right .tb-01 .entry span{ display:table-cell; vertical-align:middle;}
#footer #fmid .right .img-01{ width:100px; display:inline-block; vertical-align:middle;}
#footer #fmid .right p.p-01{display:inline-block; vertical-align:middle; font-size:20px; font-weight:bold;}
#footer #fmid .right .p-02{ font-size:26px; margin-top:10px;}
#footer #tamonten { clear:both; line-height: 1.7em; text-align: center; font-size:11px; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#909090; text-decoration:none; opacity:1; filter:alpha(opacity=100);}

.page-top {
	position:fixed;
    bottom:70px;
    right:60px;
	background-image:url(../images/common/totop.png);
	width:62px; height:62px; text-indent:-9999px;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	z-index:10;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;}







/*▼メインビジュアル▼*/
#mp{ background:url(../images/common/mp-img.png), url(../images/common/mp.png); background-repeat:no-repeat; background-position:center bottom 50px,center top; position:relative;}
#mp .area-01{ width: 1024px; height:330px; text-align: center; margin:0 auto 50px;}
#mp .area-01 .p-01{ font-size:40px; font-weight:600; color:#7ac283; padding-top:100px; line-height: 1.8em; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff; font-family: "M PLUS 1 Code", monospace;}
#mp .area-01 .p-01 span{ font-size:24px; color:#706462; line-height: 1.8em; display: block; font-family:initial;}




#hmp{ background:url(../images/home/mp-img.png), url(../images/home/mp.png); background-repeat:no-repeat; background-position:center bottom 50px,center top; position:relative;}
#hmp .area-01{ width: 1024px; height:507px; text-align: center; margin:0 auto 80px;}
#hmp .area-01 .p-01{ font-size:30px; font-weight:600; color:#7ac283; padding-top:50px; line-height: 1.8em; margin:auto; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff; font-family: "M PLUS 1 Code", monospace;}





/*----- エリア・共通設定 -----*/
.box{ width:1024px; margin:auto; padding:70px 0;}
.bk-skin{ background:#f8f7ed;}
.bk-gray{ background:#f8f8f8;}

.h2-01{ font-size:40px; font-weight:600; color:#706462; text-align:center; padding-bottom: 20px; margin-bottom:50px; background:url(../images/common/h2-bottom.png)center bottom no-repeat; font-family: "M PLUS 1 Code", monospace;}
.h2-01 span{ color:#7ac283;}

.more{ width: 320px; font-size:20px; font-weight:600; text-align: center; margin:50px auto;}
.more a{ background:#fff url(../images/common/more.png)right 25px top 50% no-repeat; border:2px solid #83c68b; color:#83c68b; padding:20px 20px 20px 0; text-decoration: none; display:block;}
.more a:hover{ background:#83c68b url(../images/common/more-on.png)right 20px top 50% no-repeat; color:#fff; opacity:1;}
.more.left{ margin:50px 0;}






/*----- ホーム　home -----*/
/*----- ホーム　home -----*/
/*----- ホーム　home -----*/
#home .bk-01{ background:url(../images/home/bk-01.png),url(../images/home/bk-01-img.png); background-position:center 50px,center top; background-repeat:no-repeat; margin-bottom:30px; height: 430px; margin-bottom: 50px;}

#home #box-01{ padding:0px 0 70px;}
#home #box-01 .area-01{ width: 630px; padding-top:100px; position: relative;}
#home #box-01 .area-01 img{ position: absolute; left:0; right:0; top:0px; margin:auto;}
#home #box-01 .area-01 h2{ font-size: 30px; font-weight: 600; color:#706462; margin-bottom: 30px;}
#home #box-01 .area-01 h2 span{ color:#7ac283;}
#home #box-01 .area-01 p{ font-size: 16px; line-height: 1.8em;}


#home #box-02{}
#home #box-02 .p-01{ font-size: 18px; line-height: 1.8em; margin-bottom:50px;}
#home #box-02 .area-01{ text-align: center; position: relative;}
#home #box-02 .area-01 .entry{ width: 219px; height: 219px; text-align: center; display: inline-block; margin:0 40px 30px 0;}
#home #box-02 .area-01 .entry p{ font-size: 30px; font-weight:600; color:#706462; line-height: 1.7em; padding-top:60px; text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff; font-family: "M PLUS 1 Code", monospace;}
#home #box-02 .area-01 img{ position: absolute; bottom:30px;}
#home #box-02 .area-01 img:nth-of-type(1){ left:30px;}
#home #box-02 .area-01 img:nth-of-type(2){ right:30px;}

#home #box-02 .area-01 .entry:nth-of-type(1){ background:url(../images/home/maru-01.png);}
#home #box-02 .area-01 .entry:nth-of-type(2){ background:url(../images/home/maru-02.png);}
#home #box-02 .area-01 .entry:nth-of-type(3){ background:url(../images/home/maru-03.png);}
#home #box-02 .area-01 .entry:nth-of-type(4){ background:url(../images/home/maru-04.png); margin-right: 0;}
#home #box-02 .area-01 .entry:nth-of-type(5){ background:url(../images/home/maru-05.png);}
#home #box-02 .area-01 .entry:nth-of-type(6){ background:url(../images/home/maru-06.png); position: relative; bottom:-20px;}
#home #box-02 .area-01 .entry:nth-of-type(7){ background:url(../images/home/maru-07.png);}

#home #box-03{ background:#f8f7ed; padding:80px 0;}
#home #box-03 .area-01{}

#home #box-03 {
  background: #f8f7ed;
  padding: 80px 0;
  overflow: hidden;
}

#home #box-03 .area-01 {
  white-space: nowrap;
  overflow: hidden;
}

#home #box-03 .track {
  display: inline-flex;
  animation: scroll-left 15s linear infinite;
}

#home #box-03 .track img {
  height: 200px;
  margin-right: 32px;
  border-radius: 16px;
  flex-shrink: 0;
}

/* アニメーション定義 */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}



#home #box-04{ padding-top:80px;}
#home #box-04 .area-01{ text-align: center;}
#home #box-04 .area-01 .entry{ width: 310px; margin-right:20px; text-align: left; display: inline-block;}
#home #box-04 .area-01 .entry:last-child{ margin-right: 0;}
#home #box-04 .area-01 .entry a{ display: block; text-decoration: none;}
#home #box-04 .area-01 .entry img{ width:100%; height:200px; object-fit:cover; border-radius:15px 15px 0 0; margin-bottom: 20px;}
#home #box-04 .area-01 .entry .time{ font-size: 18px; font-weight: bold; color:#7ac283; margin-bottom:5px; vertical-align: middle;}
#home #box-04 .area-01 .entry .time span{ font-size: 15px;line-height: 1.5em; display: inline-block; border-radius:5px;display: inline-block; padding:0px 10px; vertical-align: middle; position: relative; top:-3px;}
#home #box-04 .area-01 .entry .time span.blog{ color:#ed8641; border:2px solid #ed8641; }
#home #box-04 .area-01 .entry .time span.news{ color:#6b86b3; border:2px solid #6b86b3; }


#home #box-04 .area-01 .entry h3{ font-size: 16px; font-weight: 500;}

#home #box-04 .area-02{ text-align: center;}
#home #box-04 .area-02 .more{ display: inline-block;}
#home #box-04 .area-02 .more:last-child{ margin-left: 30px;}



#box-bnr{ padding:20px 0 80px;}
#box-bnr .area-01{ text-align: center; padding:0 2%; overflow: hidden;}
#box-bnr .area-01 a{ width: 49%; float: left; text-decoration: none;}
#box-bnr .area-01 a:last-child{ float: right;}





/*
 font-family: "M PLUS 1 Code", monospace;
 font-family: "M PLUS Rounded 1c", sans-serif;
*/




/*----- デイサービス銀のつばさとは about -----*/
/*----- デイサービス銀のつばさとは about -----*/
/*----- デイサービス銀のつばさとは about -----*/
#about #box-01{ padding:70px 0 100px;}
#about #box-01 .area-01{}
#about #box-01 .area-01 img{ margin-bottom:50px;}
#about #box-01 .area-01 p{ font-size: 20px; line-height: 2em;}
#about #box-01 .area-01 p span{ color:#7ac283;}


#about #box-02{ width:1111px; padding:70px 0 0;}
#about #box-02 .p-01{ font-size: 60px; font-weight: 600; color:#89caa1; text-align: center; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff; margin-bottom: 50px;}
#about #box-02 .p-01 span{ display: inline-block; position: relative;}
#about #box-02 .p-01 span img:nth-child(1){ position: absolute; left:-90px; top:-10px;}
#about #box-02 .p-01 span img:nth-child(2){ position: absolute; right:-90px; top:-10px;}
#about #box-02 .area-01{ width: 1111px; height: 456px; background:url(../images/about/bk-maru.png)no-repeat; text-align: center;}
#about #box-02 .area-01 .entry{ width: 300px; display: inline-block; margin-right: 50px; vertical-align: top; padding-top: 50px;}
#about #box-02 .area-01 .entry:nth-child(2){ padding-top:60px;}
#about #box-02 .area-01 .entry:last-child{ margin-right: 0;}
#about #box-02 .area-01 .entry img{ display: block; margin:0 auto 20px;}
#about #box-02 .area-01 .entry p{ font-size:25px; font-weight: 600; color:#706462; text-align: center; line-height:2em; text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;}


#about #box-02 .area-02{ height: 590px; position: relative;}
#about #box-02 .area-02 .fukidashi{ background:url(../images/about/fukidashi.png); width: 700px; height: 459px; margin:auto; padding:40px 70px 0; box-sizing:border-box; text-align: center;}
#about #box-02 .area-02 .fukidashi h3{ font-size: 36px; font-weight: 600; color:#f09071; text-align: center; display: inline-block; margin-bottom: 20px; padding:20px 20px 0; background:url(../images/about/ico-04.png)left top no-repeat;}
#about #box-02 .area-02 .fukidashi h3 .min{ font-size: 30px;}
#about #box-02 .area-02 .fukidashi p{ font-size: 18px; text-align: left; line-height: 1.8em;}
#about #box-02 .area-02 .fukidashi p span{ font-size: 22px; font-weight: bold; color:#89caa1;}
#about #box-02 .area-02 .img-01{ position: absolute; bottom:0; left:0; right:-300px; margin:auto;}
#about #box-02 .area-02 .img-02{ position: absolute; bottom:0; left:-200px; right:0px; margin:auto;}


#about #box-03{ padding:80px 0 80px;}
#about #box-03 .area-01{ overflow: hidden;}
#about #box-03 .area-01 .entry{ width: 450px; float: left; margin-bottom:70px;}
#about #box-03 .area-01 .entry:nth-child(2n){ float: right;}
#about #box-03 .area-01 .entry h3{ font-size: 28px; font-weight: 600; color:#7ac283; text-align: center; padding:25px 0 15px;}
#about #box-03 .area-01 .entry p { font-size: 18px; line-height: 1.8em;}
#about #box-03 .area-01 .entry ul{ border: 1px solid #f09071; padding:15px 15px; margin-top:20px;}
#about #box-03 .area-01 .entry ul li{ font-size: 15px; display: inline-block; line-height: 2em; margin-right:20px;}


#about .bk-green{ background:#e9f6ee;}
#about #box-04{}
#about #box-04 .area-01{ overflow: hidden; padding-bottom:50px; margin-bottom: 30px; position: relative;}
#about #box-04 .area-01 .entry{ width: 350px; float: left;}
#about #box-04 .area-01 .entry:last-child{ float: right;}
#about #box-04 .area-01 .entry:nth-child(2){ position: absolute; float:none; left:0; right:0; bottom:0; margin:auto;}
#about #box-04 .area-01 .entry img{ border:4px solid #fff; border-radius:30px; width:351px; height:235px;object-fit: cover;}
#about #box-04 .area-01 .entry p{ font-size: 24px; font-weight:600; color:#706462; text-align: center; padding-top:20px;}

#about #box-05{ padding-bottom:100px;}
#about #box-05 .area-01{ margin-bottom: 80px;}
#about #box-05 .area-01 dl{ border: 1px solid #cfcfcf; border-radius:15px; padding:15px 0; margin-bottom: 15px;}
#about #box-05 .area-01 dl dt{ width: 250px; font-size: 20px; font-weight: 600; color:#706462; display: inline-block; vertical-align: middle; padding-left: 40px; box-sizing: border-box;}
#about #box-05 .area-01 dl dd{ width: 700px; font-size: 18px; line-height: 1.8em; border-left: 1px solid #cfcfcf; padding-left:50px; box-sizing:border-box; display: inline-block; vertical-align: middle;}


#about #box-05 .area-02{}
#about #box-05 .area-02 .left{ width: 450px; z-index: 2;}
#about #box-05 .area-02 .left dl{ margin-top: 20px;}
#about #box-05 .area-02 .left dl dt{ background:#7ed092; width:100px; font-size:18px; font-weight: 600; color:#fff; display: inline-block; vertical-align: middle; text-align: center; padding:5px 0; border-radius:20px; margin-right: 20px;}
#about #box-05 .area-02 .left dl dd{ font-size: 18px; line-height: 1.8em; display: inline-block; vertical-align: middle;}
#about #box-05 .area-02 .left dl dd .p-tel{ font-size:32px; font-weight:bold; line-height:1em;;}
#about #box-05 .area-02 .left dl dd .p-tel a{ background:url(../images/common/ico-tel.png)left 6px no-repeat; color:#33241a; display:block; line-height:1em; text-decoration:none; padding-left:35px;}
#about #box-05 .area-02 .left dl dd .p-01{ font-size:15px; font-weight:500; color:#333; text-align:center; line-height: 1.3em; margin:8px 0 0 0px;}

#about #box-05 .area-02 .flex-wrap { display: flex; position: relative;}
#about #box-05 .area-02 .googlemap {
  flex-grow: 1;
  margin-left: 60px;
  margin-right: calc((100vw - 1024px) / -2); /* 右にはみ出す */
  min-height: 350px;
  border-radius:20px 0 0 20px;
  overflow: hidden;
}


/*----- ご利用案内 guide -----*/
/*----- ご利用案内 guide -----*/
/*----- ご利用案内 guide -----*/
#guide #box-01{ padding-bottom:120px;}
#guide #box-01 .area-01{ text-align: center; margin-bottom:80px;}
#guide #box-01 .area-01 .more{ width:inherit; display: inline-block; margin:0 30px 0 0;}
#guide #box-01 .area-01 .more:last-child{ margin-right:0;}
#guide #box-01 .area-01 .more a{ padding:20px 70px 20px 50px; background:#fff url(../images/guide/arrow.png)right 25px top 50% no-repeat;}
#guide #box-01 .area-01 .more a:hover{ background:#83c68b url(../images/guide/arrow-on.png)right 25px top 53% no-repeat; color:#fff; opacity:1;}

#guide #box-01 .area-02{ overflow: hidden;}
#guide #box-01 .area-02 img{ float: right;}
#guide #box-01 .area-02 .tb{ width: 512px; float: left;}
#guide #box-01 .area-02 .tb h3{ font-size: 32px; font-weight: 600; color:#f09071; line-height: 1.5em; margin-bottom: 10px;}
#guide #box-01 .area-02 .tb p { font-size: 18px; line-height:1.8em;}


#guide #box-02{ padding:100px 0 100px;}
#guide #box-02 .area-01{ padding:50px 0 0 25px;}
#guide #box-02 .area-01 .entry{ background:#fff; height: 235px; text-align: center; border-radius:20px; position: relative; margin-bottom: 100px;}
#guide #box-02 .area-01 .entry:before{ content: ""; position: absolute; right: 0; bottom: -50px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #fff transparent transparent transparent; border-width:50px 55px 0 55px;}
#guide #box-02 .area-01 .entry:last-child{ margin-bottom: 0;}
#guide #box-02 .area-01 .entry:last-child:before{ display: none;}
#guide #box-02 .area-01 .entry .img{ width: 265px; height: 235px; position: relative; display: inline-block; margin:0 40px 0 30px; vertical-align: middle;}
#guide #box-02 .area-01 .entry .img img{ position: absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
#guide #box-02 .area-01 .entry .tb { width:530px; display: inline-block; text-align: left; vertical-align: middle;}
#guide #box-02 .area-01 .entry .tb p{ font-size: 24px; line-height: 1.8em; font-family: "M PLUS 1 Code", monospace;}


#guide #box-02 .area-01 .entry .maru{ width: 150px; height: 150px; line-height: 150px; text-align: center; position: absolute; left:-25px; top:-50px; font-size:30px; font-weight:500; color:#706462; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff; font-family: "M PLUS Rounded 1c", sans-serif;}
#guide #box-02 .area-01 .entry:nth-of-type(1) .maru{ background:url(../images/guide/maru-01.png);}
#guide #box-02 .area-01 .entry:nth-of-type(2) .maru{ background:url(../images/guide/maru-02.png);}
#guide #box-02 .area-01 .entry:nth-of-type(3) .maru{ background:url(../images/guide/maru-03.png);}
#guide #box-02 .area-01 .entry:nth-of-type(4) .maru{ background:url(../images/guide/maru-04.png);}
#guide #box-02 .area-01 .entry:nth-of-type(5) .maru{ background:url(../images/guide/maru-05.png);}



#guide #box-03{ padding:80px 0 100px;}
#guide #box-03 span{ font-size: 30px; display: block; line-height: 1.5em; color:inherit;}
#guide #box-03 .area-01{}
#guide #box-03 .area-01 table{ width: 100%; text-align: center; border-radius:20px; margin-bottom: 15px;}
#guide #box-03 .area-01 table th{ background:#e9f6ee; font-size: 18px; font-weight: 600; color:#706462; border: 1px solid #cfcfcf; padding:20px 0;}
#guide #box-03 .area-01 table th:nth-child(2){ width:300px;}
#guide #box-03 .area-01 table td{ font-size: 18px; border: 1px solid #cfcfcf; padding:20px 0;}
#guide #box-03 .area-01 ul li{ font-size: 16px; color:#5d5d5d; letter-spacing: normal; margin-bottom: 5px; padding-left:1em; text-indent: -1em;}


#box-contact{ background:url(../images/common/bk-contact.jpg)center top no-repeat; height: 480px; margin-bottom: 80px;}
#box-contact .area-01{ width: 1520px; margin:auto; padding-top:60px;}
#box-contact .area-01 h2{ color:#fff; background-image: url(../images/common/h2-bottom-w.png);}
#box-contact .area-01 .p-01{ font-size: 23px; color:#fff; text-align: center; margin-bottom:40px;}
#box-contact .area-01 .p-01 span{ font-size: 18px; display: block; line-height:2.3em;}
#box-contact .area-01 .inner{ text-align: center;}
#box-contact .area-01 .inner .entry{ width: 480px; display: inline-block; margin-right: 5px;}
#box-contact .area-01 .inner .entry a{ height: 100px; border:2px solid #fff; display: block; padding:5px 40px 0; text-decoration: none; box-sizing:border-box; border-radius:20px;}
#box-contact .area-01 .inner .entry a h3{ font-size: 30px; color:#fff; line-height: 1.3em;}
#box-contact .area-01 .inner .entry a h3 span{ display: inline-block; position: relative;}
#box-contact .area-01 .inner .entry a h3 span:before{ content:""; background:#fff; width:100px; height: 1px; display: block; position: absolute; left:-115px; top:20px;}
#box-contact .area-01 .inner .entry a h3 span:after { content:""; background:#fff; width:100px; height: 1px; display: block; position: absolute; right:-115px; top:20px;}

#box-contact .area-01 .inner .entry a .p-tel{ font-size:36px; font-weight:bold; color:#fff; line-height:1em; background:url(../images/common/ico-tel-w.png)left 5px no-repeat; padding-left:45px; display: inline-block;}
#box-contact .area-01 .inner .entry a .p-mail{ font-size:26px; font-weight:bold; color:#fff; line-height:1em; padding-top: 5px;}
#box-contact .area-01 .inner .entry a .p-02{ font-size:30px; font-weight:bold; color:#fff; line-height:1.2em; padding-top: 5px;}




/*----------  お問い合わせ contact  ----------*/
/*----------  お問い合わせ contact  ----------*/
/*----------  お問い合わせ contact  ----------*/
#contact #box-01{ padding:70px 0 100px;}
#contact #box-01 .area-01{ overflow: hidden; border: 1px solid #cacaca; border-radius:25px; background:url(../images/contact/img-01.png)left bottom no-repeat; height: 200px; position: relative; text-align: center;}
#contact #box-01 .area-01 .p-tel{ font-size:50px; font-weight:bold; line-height:1em; padding-top:55px; margin-bottom:10px;}
#contact #box-01 .area-01 .p-tel a{ background:url(../images/contact/ico-tel.png)left 8px no-repeat; color:#33241a; display:inline-block; line-height:1em; text-decoration:none; padding-left:55px;}
#contact #box-01 .area-01 .p-01{ font-size: 16px; color:#5d5d5d;}
#contact #box-01 .area-01 img{ position: absolute;}
#contact #box-01 .area-01 .ico-01{ right:170px; top:30px;}
#contact #box-01 .area-01 .ico-02{ right:30px; bottom:0px;}



#contact .bk-skin{ margin-bottom:50px;}
#contact #box-02 { padding:100px 0 50px;}
#contact #box-02 .p-01{ font-size: 18px; text-align: center; margin-bottom: 30px;}
#contact #box-02 .area-01{ background:#fff; padding:30px 50px; margin-bottom: 30px;}
#contact #box-02 .area-01 ul{ display:inline-block;}
#contact #box-02 .area-01 li{ padding-left:13px; position: relative; margin-bottom: 10px;}
#contact #box-02 .area-01 li:last-child{ margin-bottom: 0;}
#contact #box-02 .area-01 li:before{ content:""; width:11px; height:11px; background:#7ac283; border-radius:50%; display: inline-block; position: absolute; left:0; top:6px;}

#contact #box-02 .area-02 .area-mailform{ padding:20px 0px;}
#contact #box-02 .area-02 .area-mailform table{ width:100%; margin-bottom:50px;}
#contact #box-02 .area-02 .area-mailform table td{ padding:20px 8px; vertical-align:middle;}
#contact #box-02 .area-02 .area-mailform table td.td-01{ width:250px; font-size:17px; font-weight:bold; vertical-align:top;}
#contact #box-02 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-02 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-02 .area-02 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#contact #box-02 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#contact #box-02 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#contact #box-02 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact #box-02 .area-02 .area-mailform table button{}
#contact #box-02 .area-02 .area-mailform .chui{ font-weight:bold; color:#fff; background:#89caa1; font-size:11px; padding:0px 7px; border-radius:5px; margin-right:7px; position:relative; bottom:3px; float:right;position:relative; top:0px;}
#contact #box-02 .area-02 .area-mailform .chui-01{ float:left;}
#contact #box-02 .area-02 .area-mailform .p-01{ margin-top:5px;}
#contact #box-02 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-02 .area-02 .area-mailform .p-02{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact #box-02 .area-02 .area-mailform .w01{width:98%;}
#contact #box-02 .area-02 .area-mailform .w02{width:43.7%;}

#contact #box-02 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-01{}
#contact #box-02 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#contact #box-02 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-02 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:50px; }
#contact #box-02 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-02 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-02 .area-02 .area-mailform .ul-01{margin-bottom:15px;}
#contact #box-02 .area-02 .area-mailform h2{ font-size:22px; font-weight:bold; color:#ef9f69; margin-bottom:5px;}

#contact #box-02 .area-02 .area-mailform .btn{ width:320px; font-size:20px; font-weight:bold; color:#83c68b;   background:#fff url(../images/common/more.png)right 25px top 50% no-repeat; border:2px solid #83c68b; color:#83c68b; padding:20px 20px 20px 0; text-align:center; text-decoration:none; box-sizing:border-box; position:relative; transition:0.3s; margin:40px auto 0; cursor:pointer;}
#contact #box-02 .area-02 .area-mailform .btn:hover{ background:#83c68b url(../images/common/more-on.png)right 20px top 50% no-repeat; color:#fff; opacity:1;}




/*▼▼▼スクロールでふわっと表示▼▼▼*/

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition-timing-function:cubic-bezier(.64,.04,.35,1);
  transition:0.9s ease-in-out;
  transform:translateY(30px);
  opacity:0;
}

.scroll_up.on {
  transform:translateY(0);
  transition:0.9s ease-in-out;
  opacity:1.0;
}
.scroll_on {
  transition-timing-function:cubic-bezier(.64,.04,.35,1);
  transition:0.9s ease-in-out;
  transform:translateY(0px);
  opacity:0;
}

.scroll_on.on {
  transform:translateY(0);
  opacity:1.0;
}

.scroll_right.on {
    opacity:1.0;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    transform:translateX(0);
}



/*ズラして表示する*/
.on.time02{transition-delay: .2s;}
.on.time03 {transition-delay: .4s;}
.on.time04 {transition-delay: .6s;}
.on.time05 {transition-delay: .8s;}

/*▼ブログ共通　bl▼*/
#wrper{width:1024px;margin:auto;overflow:hidden;padding:50px 0 70px;}
/*　左カラム　*/
#mleft{width:680px;float:left;}
#mleft .box{width:680px;padding-top:0;}


/* アーカイブ・カテゴリー */
#mleft .area-01{overflow:hidden;}
#mleft .tb-01{overflow:hidden;clear:both;padding-bottom:30px;margin-bottom:30px;border-bottom:#999 dotted 1px;}
#mleft .tb-01 img{width:170px;height:170px;object-fit:cover;float:left;margin-right:20px;background:#ECECEC;}

#mleft .tb-01 .p-01{font-size:19px;font-weight:bold;margin-bottom:15px;}
#mleft .tb-01 a{font-weight:;color:#7ac283;}
#mleft .tb-01 .p-01 a{font-weight:bold;color:#7ac283;}
#mleft #catego-title{position:relative; padding:1rem .5rem;font-size:30px;margin-bottom:30px;font-weight:bold;line-height:1em;}
#mleft #catego-title:after{position:absolute;bottom:0;left:0;width:100%;height:5px;content:'';background-image:-webkit-gradient(linear, left top, right top, from(#7ac283), to(#fee140));background-image:-webkit-linear-gradient(left, #7ac283 0%, #609967 100%);background-image:linear-gradient(to right, #7ac283 0%, #609967 100%);}


/*　右サイドカラム　*/
#mright{width:270px;float:right;}
#mright .sbox{margin-bottom:40px;}

#mright h2{font-size:19px;font-weight:bold;letter-spacing:normal;padding-bottom:3px;position:relative;margin-bottom:10px;}
#mright h2 span{font-size:14px;font-weight:bold;color:#7ac283;display:inline-block;margin-left:10px;}
#mright h2:before{box-sizing:inherit;display:block;height:1px;position:absolute;content:"";bottom:0;left:0;width:40%;z-index:1;background:#0f2b94;}
#mright h2:after{content:"";bottom:0;left:0;width:100%;background:#ddd;box-sizing:inherit;display:block;height:1px;position:absolute;z-index:0;}


#mright #sbox-01{}
#mright #sbox-01 ul{}
#mright #sbox-01 ul li{overflow:hidden;margin-bottom:7px;}
#mright #sbox-01 ul li a{text-decoration:none;}
#mright #sbox-01 ul li p{font-weight:500;color:#555;}


#mright #sbox-02{}
#mright #sbox-02 ul{}
#mright #sbox-02 ul li{border-bottom:1px solid #ddd; position:relative;}
#mright #sbox-02 ul li a{background:url(../images/common/ico-f.png) left 10px top 16px no-repeat;font-size:15px;color:#555;background-size:16px auto;padding:10px 10px 10px 25px;letter-spacing:normal;text-decoration:none;display:block;transition:0.2s;}
#mright #sbox-02 ul li a span{transition:0.2s;}
#mright #sbox-02 ul li a:hover{background-color:#edf8ff;opacity:1;transition:0.2s;}
#mright #sbox-02 ul li a:hover span{padding-left:3px;transition:0.2s;}

#mright #sbox-02 ul li:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;left:12px;border-width:5px 10px;border-style:solid;border-color:transparent;border-left-color:#222;}


/*--------------------------------------------------------------------------------
 * DROPDOWN
--------------------------------------------------------------------------------*/
#mright #sbox-02 .widget_inner .screen-reader-text{display:none;height:50px;}
#mright #sbox-02 .widget_inner .dd_wrap{width:100%;box-sizing:border-box;display:block;border-width:1px;border-style:solid;border-color:#e2e2e2;position:relative;margin-top:20px;}
#mright #sbox-02 .widget_inner select{font:inherit;padding:0 0.625rem;box-sizing:border-box;width:100%;height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:none;background:none;cursor:pointer;}
#mright #sbox-02 ::-ms-expand{display:none;}
#mright #sbox-02 .widget_inner select:focus{outline:none;}
#mright #sbox-02 .widget_inner label:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;right:12px;border-width:10px 5px;border-style:solid;border-color:transparent;border-top-color:#222;}

/*▼記事詳細ページ　single▼*/
#single #mleft .h2-01{font-size:30px;}
#single #mleft .date{font-weight:bold;margin-bottom:10px;text-align:right;}
#single #mleft #catego-title{margin-bottom:30px;}

/*▼診療記事詳細ページ　detail▼*/
#detail #box-01 .area-01{overflow:hidden;}
#detail #box-01 .area-01 .p-01{font-size:20px;color:#808000;font-weight:bold;margin-bottom:7px;}

/*▼お知らせ一覧　list▼*/
#list #mleft .box{width:680px;padding-top:0;}
#list #mleft #box-01 table{ width:100%;}
#list #mleft #box-01 table td{ padding:20px 0px; border-bottom:#CCC solid 1px;}
#list #mleft #box-01 table td:first-child{ font-weight:bold; width:140px;}
#list #mleft #box-01 table td span{ display:inline-block; background:#98754a; padding:1px 10px 2px; color:#FFF;border-radius:5px; margin-right:10px; font-size:14px;}
#list #mleft #box-01 table td span.recruit{background:#e07233;}
#list #mleft #box-01 table td span.news{background:#090;}




.postNavi{overflow:hidden;margin-top:50px;}
.postNavi .prev{display:inline-block;float:left;}
.postNavi .next{display:inline-block;float:right;text-align:right;}

.postNavi a{font-weight:;color:#7ac283;}

.pagination{margin:40px 0 0;text-align:center;}
.pagination .page-numbers{display:inline-block;margin:0 5px;padding:10px 15px;color:#333;border-radius:3px;box-shadow:1px 1px 5px #999;background:#fff;vertical-align:top;}
.pagination .current{padding:10px 15px;background:#7ac283;color:#fff;}
.pagination .prev,
.pagination .next{background:transparent;box-shadow:none;color:#7ac283;}
.pagination .dots{background:transparent;box-shadow:none;}