@charset "utf-8";
/*
Theme Name:niinou-2024
Description:niinou-2024
Theme URI: 
Author: 2024-poool-k
Author URI: 
Version: 0.001
License: 
License URI: 
*/


/* 基本 */
body {margin: 0;padding: 0;background: #fff ;color: #000;letter-spacing:0.05em;}
* {box-sizing: border-box;}

body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/* base*/

/* 全体枠 */
.all{min-width:1000px;}

/* 全体横幅1000px */
.all-width{
display: block !important;
margin: 0 auto !important;
width:1000px;min-width:1000px;
text-align:center;
}


/* Noto日本書体（Regular） */
@font-face {
font-family: 'Noto-Regular';
src: url('fonts/NotoSansCJKjp-Regular.ttf') format('truetype');
}
.Noto-Regular {font-family: 'Noto-Regular', sans-serif;}

/* Noto日本書体（Bold）*/
@font-face {
font-family: 'Noto-Bold';
src: url('fonts/NotoSansCJKjp-Bold.ttf') format('truetype');
}
.Noto-Bold {font-family: 'Noto-Bold', sans-serif;}

/* 貂明朝*/
.ten-mincho {font-family: ten-mincho, serif;}
/* はんなり明朝*/
.hannari { font-family: "Hannari", serif;}
/* ひな明朝*/
@font-face {
font-family: 'Hina-R';
src: url('fonts/HinaMincho-R.ttf') format('truetype');
}
.Hina-R {font-family: 'Hina-R', serif;}

/* Avenir（英字）*/
@font-face {
font-family: "Avenir";
src:url("fonts/Avenir-Medium.ttf") format("truetype");
}
.Avenir {font-family: "Avenir", serif;letter-spacing: 0em;}

/* 明朝体フォント */
.font_mincho {
font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* 太文字 */
.bold-font{font-weight: bold;}

/* 左寄せ */
.text-l{text-align: left;}
/* 中央寄せ */
.text-c{text-align: center;}
/* 右寄せ */
.text-r{text-align: right;}

/* テキスト色 */
.red{color: #FF3300 !important;}
.green{color: #37B5B1 !important;}
.blown{color: #5B2400 !important;}

a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}

/* 文字間つめ */
.letter-sp{ letter-spacing: -0.1em;}
/*取り消し線を引く*/
.deleted {text-decoration: line-through;}

/*文字にアンチエイリアスを効かせる*/
.font_smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*hr*/
hr{display:block;height:1px;border:0;border-top:1px solid #E5E5E5;margin:1.5em 0;padding:0;overflow: hidden;background: none;}
/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/* image */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*iframe*/
iframe {max-width: 100%;}
/*非表示*/
.none {display: none !important;}

/*スマホ・PC振り分け*/
.sp {display: none !important;}
/* クリア */
.both{clear: both;}

.sp-ss{margin-bottom:10px;}
.sp-s{padding-bottom:20px;}
.sp-m{margin-bottom:30px;}
.sp-l{margin-bottom:40px;}
.sp-ll{margin-bottom:50px;}

/*ページ上部へ*/
#page-top {
position: fixed !important;
bottom: 15px;right:15px;
width: ;height: ;
height: auto;z-index: 50;
text-align: center;
line-height: 0;
z-index: 200;
}
#page-top a {display: block;}




/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 1000px){
/* 全体枠 */
.all{overflow: hidden;min-width:100%;}
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;}
/* 改行用 */
.newline{display:block;}
}

@media screen and (max-width: 768px){
/*スマホ・PC振り分け*/
.pc{display: none !important;}
.sp {display: block !important;}
}

@media screen and (max-width: 600px){
}
@media screen and (max-width: 480px){
}

/*--------------------------------------------------------------------------------*/

/*▼▼▼トップの設定▼▼▼*/
/*全体*/
.toppage #container{font-family: 'Hannari', serif;}
.page #container{font-family: 'Noto-Regular', sans-serif;}

/*トップh2見出し*/
.toppage h2{
font-size:22px;
display:inline;
font-weight:normal !important; 
color:#333;
text-align:center;
background:transparent url(images/tateline-blue.png) no-repeat top center;display:inline-block;background-size:1px auto;
padding-top:32px;
margin-bottom:66px;
}

.toppage h2 p{
font-size:12px;
display:block;
font-weight:normal !important; 
color:#333;
text-align:center;
margin-top:12px;
font-family: 'Noto-Regular', sans-serif;
}

.more{font-size:11px;margin-top:15px;padding:0 30px 7px 30px;border-bottom:1px solid #333333;
display:inline-block;font-family: 'Noto-Regular', sans-serif;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:480px){
.toppage h2{margin-bottom:35px;}
}
/*--------------------------------------------------------------------------------*/

header {width: 100%;text-align: center;overflow: hidden;position: absolute;background:transparent;z-index: 1;}

/*ヘッダ メニュー */
.h-navi{width:100%;text-align: left;height: 100px;font-size: 17px;position: relative;}

.h-navi .h-logo{
text-align:center;
padding:;
float: left;
font-size: 11px;
width: 160px;
}

.h-navi .h-logo a{color:#333;}

.h-navi .h-logo .lg{background:#fff;padding:20px 0;}
.h-navi .h-logo .lg-sp{display:none;}
.h-navi .h-logo .links{background:#fff;}
.h-navi .h-logo .links:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
.h-navi .h-logo .links a:hover{text-decoration:none;filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
.h-navi .h-logo .links a{padding:15px 0;display:block;}
.h-navi .h-logo .ks{background: linear-gradient(to right, #fbf9f8 0%,#f4f0ec 100%);border-bottom:1px solid #fff;}
.h-navi .h-logo .lb{background: linear-gradient(to right, #fbf9f8 0%,#f4f0ec 100%);}

.h-navi .r-nav-box{float:right;}

.h-navi .h-menu{text-align: right;padding: 0 100px 0 0;display: inline-block;vertical-align: middle;font-size: 14px; color:#fff;}
.h-navi .h-menu li{display: inline-block;vertical-align: middle;margin: 0 32px 0 0;position: relative;padding: 44px 0 0 0;}
.h-navi .h-menu a {display: block; color:#fff !important;}

.h-navi .h-menu .oya{margin-bottom:0;}


/* ▼サブメニュー */
.h-menu li:hover ul {
display: block;
text-align: left;
font-size: 11px;
}

.h-menu ul {
margin: 0px;
padding: 0px;
display: none;/* 標準では非表示にする */
position: absolute;
z-index: 1000 !important;font-size: 11px;
}

.h-menu ul li {
width: 180px;/* サブメニュー1項目の横幅(135px) */
font-size: 11px;padding: 8px 0 0 0 !important;
}

.h-menu ul li a {
line-height: 11px;/* サブメニュー1項目の高さ(20px) */
text-align: left;
padding: 0 3px 1px 1px;/* 文字列前方の余白(0px) */
font-weight: normal;
font-size: 11px;
}

.h-menu ul li a:hover {text-decoration:none;font-size: 11px;color: #fff;}

.h-menu li ul {
  margin: ;
  padding: 5px 0 0 0;
  list-style-type: none;
  position: absolute;
  overflow: hidden;
  height: 0;
  transition: height 0.8s;font-size: 11px;
}
.ltsp{letter-spacing:-0.1em;}
.h-menu li:hover ul {
  height: 140px;font-size: 11px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1200px){
.h-navi .h-menu{text-align: right;padding: 0 80px 0 0;display: inline-block;vertical-align: middle;font-size: 14px;}
.h-navi .h-menu li{display: inline-block;vertical-align: middle;margin: 0 20px 0 0;}
}

@media screen and (max-width: 1000px) {
.h-navi .r-box{display:none;}
.r-nav-box{display:none;}
}

@media screen and (max-width:480px){
.h-navi .h-logo{width: auto;}
.h-navi .h-logo .lg-sp{background:#fff;padding:10px;display:block;}
.h-navi .h-logo .lg,.h-navi .h-logo .ip ,.h-navi .h-logo .ks ,.h-navi .h-logo .lb{display:none;}
}
/*--------------------------------------------------------------------------------*/


/* メインイメージ */
#main-img{width: 100%;text-align: center;overflow: hidden;position: relative;height:100vh;background:transparent;
background-size:cover;}

/* スライダー画像 */
.center-item.slider img{width: 100%;height:100vh;object-fit: cover;object-position: center bottom;}
#main-img .main-copy{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;font-size: 30px;width: 90%;line-height: 1.6;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));
}
/* 右下アイコン */
#main-img .right-box{position: absolute;right:0; bottom: 0;text-align: right;}
#main-img .right-box .yoyaku-box{
background: #333333;
display: inline-block;
vertical-align: middle;
line-height:1;
}

#main-img .right-box .yoyaku-box a{
padding: 10px 20px;
display:block;
}
#main-img .right-box .yoyaku-box:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}

#main-img .right-box .tel-box{display: inline-block;background: #fff;
vertical-align: middle;
line-height:1;
}
#main-img .right-box .tel-box a{
padding: 10px 20px;
display:block;background: #fff;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:600px){
#main-img .main-copy{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;font-size: 5vw;width: 90%;line-height: 1.3;
}
}

@media screen and (max-width:480px){
#main-img .right-box .yoyaku-box a ,#main-img .right-box .tel-box a{padding: 5px 20px;}
#main-img .right-box{width:100%;text-align: center;}
#main-img .right-box .yoyaku-box{width:50%;}#main-img .right-box .tel-box{width:50%;}
}
/*--------------------------------------------------------------------------------*/


/*お知らせ*/
#news{background-color:#fff;position:relative;padding:68px 0 50px 0 !important;}
#news h2{text-align: center !important;margin-bottom:12px !important;}
#news .inner{text-align: left;padding:35px 0;font-size:12px;}
#news .inner .box{width: 48%;display: inline-block;vertical-align: top;border-bottom:1px solid #333;margin: 0 0.7%;padding:10px 0;}
#news .inner .date{margin-right: 25px;display: inline-block;vertical-align: middle;}
#news .inner .title{display: inline-block;vertical-align: middle;margin: 10px 0;line-height: 1.2;}
#news .more{display: inline-block; margin-top:38px;}
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
#news .inner{text-align: left;padding:10px 0 0 0;font-size:10px;}
#news .inner .date{margin-right: 8px;}
}
@media screen and (max-width:600px){
#news{padding:40px 0 20px 0 !important;}
#news .inner .box{width:100%;margin: 0;padding:10px 0;}
}
@media screen and (max-width:480px){
#news h2{text-align: center !important;margin-bottom:0 !important;}
#news .more{margin-top:25px;}
}
/*--------------------------------------------------------------------------------*/


/*重要お知らせ*/
#important{background-color:#fff;position:relative;padding:0 0 106px 0 !important;}
#important .gr-bg{background-color:#F9F9F9;font-size:14px;padding:0 0 18px 0;margin-bottom:48px;}
#important h2{
font-size:16px;
display:block;
font-weight:normal !important; 
color:#fff;
text-align:center;
background:#155BA0;
background-size:0;
padding:25px;
margin-bottom:0;
}
#important h2::before {
content: '';
display: inline-block;
background-image: url(images/jyuuyou.png);
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 10px;padding-top: 5px;
}

#important .gr-bg .read{line-height:1.5;margin:25px;}
#important .gr-bg .box{background-color:#fff;border:1px solid #155BA0;font-size:13px;display: inline-block;width:30.5%;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
vertical-align: top;line-height:1;margin:0 1% 15px 1%;padding:14px 5px;}
#important .gr-bg .box:hover{background:#C4D6E7;}
#important .gr-bg .box::before {
content: '';
display: inline-block;
width: 26px;
height: 26px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 5px;padding-top: 5px;
}
#important .gr-bg .jyuuyou-01::before {background-image: url(images/jyuuyou-01.png);}
#important .gr-bg .jyuuyou-02::before {background-image: url(images/jyuuyou-02.png);}
#important .gr-bg .jyuuyou-03::before {background-image: url(images/jyuuyou-03.png);}
#important .gr-bg .jyuuyou-04::before {background-image: url(images/jyuuyou-04.png);}
#important .gr-bg .jyuuyou-05::before {background-image: url(images/jyuuyou-05.png);}

#important .links .box{width:46%;display: inline-block;
vertical-align: top;font-size:15px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));}
#important .links a:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
#important .links .l-box{background: linear-gradient(to right, #fbf9f8 0%,#f4f0ec 100%);margin:0 22px 0 0;padding:11px;border:1px solid #E8E8E8}
#important .links .r-box{background: linear-gradient(to right, #fbf9f8 0%,#f4f0ec 100%);margin:0 0 0 22px;padding:22px 5px;color:#333;border:1px solid #E8E8E8}

#important .links .l-box p{display: inline-block;vertical-align: middle;}
#important .links .l-box .sps{margin-right: 20px;}
#important .links .l-box::after{
content: '';
background-image: url(images/arrow-blue.png);
display: inline-block;
width: 21px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
vertical-align:middle;
margin-left: 8px;margin-top: 0;
}
#important .links .r-box::before{
content: '';
background-image: url(images/hajimete.png);
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
vertical-align:middle;
margin-right: 14px;margin-top: 0;
}
#important .links .r-box::after{
content: '';
background-image: url(images/arrow-blue.png);
display: inline-block;
width: 21px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
vertical-align:middle;
margin-left: 8px;margin-top: -5px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
#important .links .box{width:500px;}
#important .links .l-box,#important .links .r-box{margin:0 0 20px 0;}
}
@media screen and (max-width:768px){
#important .gr-bg .box{width:45%;margin:0 1% 15px 1%;padding:18px 5px;}
}
@media screen and (max-width:600px){
#important{padding:0 0 50px 0 !important;}
#important .gr-bg{margin-bottom:40px;}
#important .links .box{width:100%;}
#important .gr-bg .read{width:90%;margin:25px auto;font-size:12px;}
#important .gr-bg .box{width:90%;margin:0 0 10px 0;padding:10px 5px;}
}
@media screen and (max-width:480px){
#important .gr-bg .read{width:90%;margin:25px auto;font-size:12px;}
#important .gr-bg .box{width:90%;margin:0 0 10px 0;padding:10px 5px;}
#important .links .l-box .sps{display:block;margin: 0 0 10px 0;}
}
/*--------------------------------------------------------------------------------*/

/*ご案内*/
#about{padding:40px 0 106px 0 !important;}
#about .subtitle{color:#333;line-height:1.6;}
#about .read{font-size:13px;line-height:1.6;margin:30px 0 40px 0;}
#about .photo{}
#about .f-logo{margin:70px 0 58px 0;}
#about .logo-3{text-align:center;}
#about .logo-3 .box{width:30%;display: inline-block;
vertical-align: top;font-size:14px;margin:0 1%;line-height:1.4}
#about .logo-3 .box .sec{padding:14px 5px;margin-top:3px;}
#about .logo-3 .box a{color:#333;}
#about .logo-3 .box:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

#about .logo-3 .box .ippan{background:#fff;}
#about .logo-3 .box .kyosei{background:#fff;border:1px solid #333;}
#about .logo-3 .box .kyosei:hover{background: linear-gradient(to right,  #fbf9f8 0%,#f4f0ec 100%);}
#about .logo-3 .box .mouse{background:#fff;border:1px solid #333;}

#quality .links{margin-top:70px;}
#quality .links .box{width:46%;background: linear-gradient(to right, #fbf9f8 0%,#f4f0ec 100%);display: inline-block;
vertical-align: top;font-size:15px;padding:25px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));border:1px solid #E8E8E8}
#quality .links .box a{display:block;padding:25px;}

#quality .links .box:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
#quality .links .box::after{
content: '';
background-image: url(images/arrow-blue.png);
display: inline-block;
width: 21px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
vertical-align:middle;
margin-left: 10px;margin-top: -3px;
}
#quality .links .l-box{margin:0 22px 0 0;}
#quality .links .r-box{margin:0 0 0 22px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
}
@media screen and (max-width:600px){
#about{padding:20px 0 65px 0 !important;}
#about .logo-3 .box{width:48%;display: inline-block;
vertical-align: top;font-size:11.5px;margin:0 0.5% 10px 0.5%;}
#about .logo-3 .box img{width:75%;height:auto;}
#about .logo-3 .box .sec{padding:8px 5px;}
}
@media screen and (max-width:480px){
#about .f-logo{margin:30px 0 30px 0;}
#about .f-logo img{width:70%;height:auto;}
}
/*--------------------------------------------------------------------------------*/


/*医院の特徴*/
#quality{background-color:#FCFCFC;padding:106px 0 !important;}

#quality .all-width{text-align;center !important;}
#quality h2{display: block;}

#quality .read{margin-bottom: 50px !important;}

#quality h3{font-size:18px !important;font-weight: normal;margin-bottom:10px;}

#quality .box{font-size:12px;}
#quality .box .l-box{width:50%;vertical-align: top;display: inline-block;
line-height:1.8;}
#quality .box .r-box{width:49%;vertical-align: top;display: inline-block;
line-height:1.8;}
#quality .box .l-box,#quality .box .r-box{height:384px;object-fit: cover !important;object-position: 50% 50%;}

.float-l{float:left;position:relative;}.float-r{float:right;}
.absolute{position:absolute;right:30px;}
#quality .texts{margin:60px 30px 30px 30px;width:500px;}

#quality .links{margin-top:70px;}
#quality .links .box{width:46%;background: linear-gradient(to right, #fbf9f8 0%,#f4f0ec 100%);display: inline-block;
vertical-align: top;font-size:15px;padding:25px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));border:1px solid #E8E8E8}
#quality .links .box a{display:block;padding:25px;}

#quality .links .box:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
#quality .links .box::after{
content: '';
background-image: url(images/arrow-blue.png);
display: inline-block;
width: 21px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
vertical-align:middle;
margin-left: 10px;margin-top: -3px;
}
#quality .links .l-box{margin:0 22px 0 0;}
#quality .links .r-box{margin:0 0 0 22px;}

/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width:1200px){
#quality .texts{margin:60px 0 0 0;width:100%;padding:0 20px;width:100%;}
.absolute{position:absolute;right:0;}
}
@media screen and (max-width:768px){
#quality .links .box{width:46%;padding:15px 5px;}
#quality .links .l-box{margin:0 10px 0 0;}
#quality .links .r-box{margin:0 0 0 10px;}

}
@media screen and (max-width:600px){
#quality .box .l-box{width:100%;vertical-align: top;display: inline-block;
line-height:1.8;}
#quality .box .r-box{width:100%;vertical-align: top;display: inline-block;
line-height:1.8;}
#quality .box .r-box{height:auto;object-fit: none !important;}
#quality .texts{margin:30px 0 50px 0;}
.absolute{position:static !important;}
.float-l{float:none !important;position:relative;}.float-r{float:none !important;}
}
@media screen and (max-width:480px){
#quality .links{margin-top:30px;}
#quality .links .box{width:100%;padding:20px 5px;}
#quality .links .l-box{margin:0 0 15px 0;}
#quality .links .r-box{margin:0;}
#quality .box .l-box{height:250px;}
}
/*--------------------------------------------------------------------------------*/


/*診療科*/
#medical{background-color:#F8F8F8;padding:106px 0 !important;}
#medical .inner{text-align:left;}
#medical .box{background-color:#Fff;width:45%;display: inline-block;margin:0 2.5% 14px 2.5%;
vertical-align: top;font-size:14px;padding:18px;filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));margin-bottom:35px;}
#medical .box .titles{text-align:center;font-size:16px;color:#333;border-bottom:1px solid #333;padding:0 0 8px 0;margin:0 0 14px 0;}
#medical .center-box{margin:0 3% 14px 3%;}
#medical .box ul{line-height:1.8;letter-spacing:-0.04em;}
#medical .box .titles::before {
content: '';
display: inline-block;
width: 44px;
height: 33px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin-left: -30px;margin-top: -5px;
}
#medical .box .medical-i01::before {background-image: url(images/konnatoki-01.png);}
#medical .box .medical-i02::before {background-image: url(images/konnatoki-02.png);}
#medical .box .medical-i03::before {background-image: url(images/konnatoki-03.png);}
#medical .box .medical-i04::before {background-image: url(images/konnatoki-04.png);}
#medical .box .medical-i05::before {background-image: url(images/konnatoki-05.png);}
#medical .box .medical-i06::before {background-image: url(images/konnatoki-06.png);}
#medical .box .medical-i07::before {background-image: url(images/konnatoki-07.png);}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:900px){
#medical .box{width:48%;margin:0 1% 20px 1%;}
#medical .center-box{margin:0 1% 20px 1%;}
}
@media screen and (max-width:600px){
#medical{padding:65px 0 !important;}
#medical .box{font-size:11px;}
#medical .box .titles{font-size:13px;}
#medical .box .titles::before {
content: '';
display: inline-block;
width: 35px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin-left: -10px;margin-top: -2px;
}
}
@media screen and (max-width:480px){
#medical .box{padding:18px 10px;}
}
@media screen and (max-width:380px){
#medical .box{width:100%;margin:0 0 20px 0;text-align:center;}
}
/*--------------------------------------------------------------------------------*/


/*バナーリンク*/
#banner-link{padding:106px 0 !important;}
#banner-link .inner{text-align:left;}
#banner-link img{margin:0.5%;width:24%;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:600px){
#banner-link{padding:65px 0 !important;}
#banner-link img{margin:0.8%;width:31.5%;}
}
@media screen and (max-width:480px){
}
@media screen and (max-width:380px){
#banner-link img{margin:0.8%;width:48%;}
}
/*--------------------------------------------------------------------------------*/

/*よくある質問*/
#qanda{background: linear-gradient(to right,  #fbf9f8 0%,#f4f0ec 100%);padding:106px 0 !important;}
#qanda .box{background-color:#fff;margin:0 auto 30px auto;text-align:left;padding:0 20px;font-size:14px;line-height:1.3;}
#qanda .box .q-box{margin:0;padding:0;background:#fff;color:#333;padding:25px;}
#qanda .box .a-box{margin:0;color:#333;border-top:1px solid #333;padding:25px;}
.qa-l{display: inline-block;vertical-align: top;width: 4%;}
.qa-r{display: inline-block;vertical-align: top;width: 96%;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:600px){
#qanda{padding:65px 0 !important;}
.qa-l{display: inline-block;vertical-align: top;width: 8%;}
.qa-r{display: inline-block;vertical-align: top;width: 92%;}
}
@media screen and (max-width:480px){
#qanda .box .q-box{padding:15px;}
#qanda .box .a-box{padding:15px;}
.qa-l{display: inline-block;vertical-align: top;width: 10%;}
.qa-r{display: inline-block;vertical-align: top;width: 90%;}
}
/*--------------------------------------------------------------------------------*/


/*map /アクセス*/
#map-access{background-color:#FAFAFA;padding:106px 0 !important;}
#map-access .l-box{display: inline-block;vertical-align: top;width: 40%;}
#map-access .l-box iframe{background-color:#eee;}
#map-access .r-box{display: inline-block;vertical-align: top;width: 60%;text-align:left;padding-left:26px;}
#map-access .r-box .links{font-size:12px;color:#155BA0;text-align:right;}
#map-access .r-box .links .linkbtn{border:1px solid #333;display:inline-block;margin-left: 20px;padding:8px 20px 6px 20px;}
#map-access .r-box .links .linkbtn a{color:#333;display:block;padding:10px 20px 10px 40px;}
#map-access .r-box .links .linkbtn:hover{text-decoration:none;background: linear-gradient(to right,  #fbf9f8 0%,#f4f0ec 100%);}

#map-access .r-box .links .linkbtn::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
vertical-align:middle;
margin-right: 5px;margin-top: 0;
}
#map-access .r-box .links .labo-icon::before {background-image: url(images/labo-icon.png);}
#map-access .r-box .links .access-icon::before {background-image: url(images/access-icon.png);}
#map-access .r-box .read{font-size:12px;line-height:1.8;margin:30px 0 40px 0;}
#map-access .r-box .clinic-name{font-size:20px;color:#333;line-height:1.3;}
#map-access .r-box .clinic-name .houjin{font-size:14px;line-height:1.4;margin-bottom:14px;}
#map-access .r-box .address{font-size:12px;line-height:1.6;margin-top:16px;}
#map-access .r-box .closed{font-size:12px;text-align:right;color:#FF3300;}
#map-access .ipn-ksi{font-size:13px; margin:6px 0;}
#map-access table{margin:0 0 8px 0;}
#map-access table td{padding:5px 8px;text-align:center;font-size:12px;border: 0px;}
#map-access table .mark{color: #C1C1C1;}
#map-access table .d-mark{color: #333333;}
#map-access .bd{border-bottom:1px solid #DDD !important;}
#map-access .text-l{text-align:left !important;padding-left:20px !important;}
#map-access .bg-bl{background-color: #C1C1C1;color: #fff;}
#map-access .bg-dbl{background-color: #333333;color: #fff;}
.clinic-l{float: right;}
.clinic-r{float: left;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1020px){
.clinic-l{float: none;text-align: center;margin-bottom: 10px;}
.clinic-r{float: none;text-align: center;}
}
@media screen and (max-width: 768px){
#map-access .l-box{display: inline-block;vertical-align: top;width: 100%;}
#map-access .l-box iframe{height:280px;width:100%;}
#map-access .r-box{display: inline-block;vertical-align: top;width: 100%;text-align:left;padding-left:0;}
#map-access .r-box{padding:22px 15px 40px 15px;line-height:1.6;font-size:12px;text-align: center;}
#map-access .r-box .links{margin-top:20px;text-align:center;}
#map-access .r-box .links .linkbtn{margin: 0 10px;}
#map-access .r-box .read{font-size:11px;line-height:2.0;margin:20px 0 30px 0;}
#map-access .r-box .clinic-name,#map-access .r-box .address{text-align:center;}
#map-access .r-box .add br{display:none;}
}
@media screen and (max-width: 600px){
#map-access{padding:65px 0 !important;}
#map-access .r-box{padding:22px 0 40px 0;l}
#map-access .r-box .links .linkbtn::before {
width: 16px;
height: 16px;
margin-right: 4px;margin-top: 0;
}
}
@media screen and (max-width: 480px){
#map-access table td{padding:5px 6px;font-size:11px;}
#map-access .text-l{padding-left:10px !important;}
#map-access .r-box{padding:22px 0 0 0;}
#map-access .r-box .closed{font-size:12px;}
#map-access .r-box .links .linkbtn{margin: 0 5px;}
#map-access .r-box .links .linkbtn{padding:8px 10px 6px 10px;}
}
@media screen and (max-width: 400px){
#map-access .r-box .links .linkbtn{width: 100%;margin: 0 0 10px 0;}
}
/*--------------------------------------------------------------------------------*/


/*フッタ*/
footer{padding: 0;color:;width: 100%;text-align: center;overflow: hidden;position: relative;min-width:1000px;z-index:0;}
footer .f-ue{background: linear-gradient(to right,  #fbf9f8 0%,#f4f0ec 100%);padding:50px 0;font-size:10px;line-height:1.8;}
footer .f-ue a{color:#333;}
footer .f-ue a:hover{text-decoration:underline;}
footer .f-ue .all-width{text-align: left;}
footer .f-ue ul{display:inline-block; margin:0 35px 0 0;vertical-align: top;}
footer .f-ue ul .midashi{font-size:12px;margin:0 0 12px 0;}
footer .f-ue .l-line{border-left:1px solid #fff !important;padding:0 0 0 35px;}
footer .f-ue .sp-tp{padding:35px 0 0 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
footer{min-width:100%;}
footer .f-ue{padding:15px 0 35px 0;}
footer .f-ue ul{display:block; margin:0;vertical-align: middle;}
footer .f-ue ul li{display:inline-block; margin:0 15px 0 0;vertical-align: middle;}
footer .f-ue ul .midashi{display:block;font-size:12px;margin:20px 0 5px 0;}
footer .f-ue .l-line{border-left:0 !important;padding:0;}
footer .f-ue .sp-tp{padding:0;}
}
/*--------------------------------------------------------------------------------*/

footer .f-shita{padding:50px 0 80px 0;}
footer .f-shita .f-muryou{margin:20px 0;}

footer .f-shita .f-muryou{
width:400px;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));
background: linear-gradient(to right, #fbf9f8 0%,#f4f0ec 100%);
margin:20px auto;padding:15px 20px;border:1px solid #E8E8E8}
footer .f-shita .f-muryou a:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;
}



footer .f-shita .f-btn{
border:1px solid #333333 !important;
display: inline-block;
vertical-align: top;
line-height:1;
font-size:13px;
margin:5px 10px 5px 10px;
padding:16px 5px 12px 5px;
width:306px;
}
footer .f-shita .f-btn a{display: block;}
footer .f-shita .f-btn:hover{background: linear-gradient(to right,  #fbf9f8 0%,#f4f0ec 100%);}

footer .f-shita .f-btn::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
vertical-align:middle;
margin-right: 5px;margin-top: 0;
}
footer .f-shita .mail-icon::before {background-image: url(images/mail-icon.png);}
footer .f-shita .tel-icon::before {background-image: url(images/tel-icon.png);}

footer .f-menu{font-size:10px;margin:60px 0 20px 0;line-height: 1.5;}
footer .f-menu a:hover{text-decoration:underline;}
footer .f-menu ul{}
footer .f-menu li{display:inline-block; margin:0 12px 0 12px;}
footer .copy{margin:0; letter-spacing: 1px;font-size:11px;}

footer .f-logo{margin:55px 0 30px 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 768px){
footer .f-shita .f-btn{width:45%;margin:5px 5px;}
footer .logo-3 img{width:33%;}
}
@media screen and (max-width: 600px){
footer .f-shita{ letter-spacing: -0.03em;}
footer .f-shita .f-btn{font-size:12px;padding:10px 5px 8px 5px;}
footer .f-shita .f-btn::before {width: 16px;height: 16px;margin-right: 2px;}
footer .f-shita .f-logo{margin:25px 0 20px 0;}
footer .f-menu li{display:inline-block; margin:0 4px 0 4px;}
footer .f-menu{margin:40px 0 20px 0;}

}
@media screen and (max-width: 480px){
footer .f-shita{padding:40px 0 50px 0;}
footer .f-shita .f-muryou{width:100%;}
footer .f-logo{margin:35px 0 30px 0;}
footer .f-logo img{width:256px;height:auto;}
footer .copy{margin:0; letter-spacing: 1px;font-size:10px;}
}
@media screen and (max-width: 400px){
footer .f-shita .f-muryou img{width:100%;}
footer .f-shita .f-btn{width:100%;margin:5px 0;}
}
/*--------------------------------------------------------------------------------*/


/* スクロールアクション用 */
.invisible {
transition: opacity 0.5s ease;
opacity: 0.0;
}

.visible {
transition: opacity 0.5s ease;
opacity: 1.0;
}

.block {
/* 1秒遅れてアニメする */
animation-delay: 1s;
}
.fade {
-webkit-animation-duration: 5s;
animation-duration: 5s !important;
}


/*FAQアコーディオン*/
.accordion-container {
position: relative;
width: 100%;
text-align: left;
cursor: pointer;
line-height: 1.4;
}

.accordion-title {
display: block;
position: relative;
margin: 0;
padding:0 35px 0 35px;
font-weight: normal;
 font-size:14px;
position: relative;
color: #39A3C4;
background:url(images/q.png) left top / 27px auto no-repeat;
  min-height:27px;
}

.accordion-title:after {
content: "";
position: absolute;
right: 0;
top: 2px;
transition: all 0.2s ease-in-out;
display: block;
width: 10px;
height: 10px;
border-top: solid 2px #39A3C4;
border-right: solid 2px #39A3C4;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.accordion-title.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 6px;
}

.accordion-content {
display: none;
padding:10px 35px 0 0;
font-size:13px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.accordion-title:after {right: 10px;width: 12px;height: 12px;}
.accordion-content {display: none;font-size:11px;}
#accordion{margin-bottom:10px;}
}
/*--------------------------------------------------------------------------------*/

/* タイプライター */
.movetext{opacity:0 ;}
.movetext span{opacity:0;}