@charset "utf-8";
/*
Theme Name:hidamari-2025
Description:hidamari-2025
Theme URI: 
Author: 2025-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:1150px;overflow: hidden;}

/* 全体横幅1150px */
.all-width{
display: block !important;
margin: 0 auto !important;
width:1150px;min-width:1150px;
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: 'ChikugoM';
src: url("fonts/ChikugoM.woff") format("woff"),url('fonts/ChikugoM.ttf') format('truetype');
}
.ChikugoM {font-family: 'ChikugoM', sans-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 !important;}
/* 右寄せ */
.text-r{text-align: right;}

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

a{text-decoration:none;color:#4ca5a0;}
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: 1150px){
/* 全体枠 */
.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){
}

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

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

/*トップh2見出し*/
.toppage h2{color:#4ca5a0;font-weight:normal;font-size:28px;margin:0 0 40px 0;font-family: 'ChikugoM', sans-serif;letter-spacing:0.2em;}

.toppage h2 p{}

.more{font-size:11px;margin-top:15px;padding:0 30px 7px 30px;border-bottom:1px solid #155BA0;
display:inline-block;}

/*緑グラデ（ボタン、フッタ背景） */
.green-grd{background: linear-gradient(90deg, rgba(131,219,211,1) 0%, rgba(95,206,200,1) 100%);}
/*青みグラデ（ボタン） */
.blue-grd{background: linear-gradient(90deg, rgba(58,171,201,1) 0%, rgba(105,202,217,1) 100%);}
/*薄緑背景グラデ（メッセージ背景） */
.r-green-grd{background: linear-gradient(90deg, rgba(209,241,239,1) 0%, rgba(196,237,235,1) 100%);}
/*薄緑ボタングラデ（メッセージ） */
.btn-grd{background: linear-gradient(90deg, rgba(229,247,246,1) 0%, rgba(220,244,243,1) 100%);}

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

@media screen and (max-width:600px){
.toppage h2{font-size:24px;}
}

@media screen and (max-width:480px){
.toppage h2{margin-bottom:35px;letter-spacing:0;}
}
/*--------------------------------------------------------------------------------*/

/*右上リンク*/
.r-fixed{text-align: right;overflow: hidden;position: fixed;z-index: 100;top: 0;right: 0;}
.r-fixed .box{width:112px;height:128px;text-align:center;display: inline-block;vertical-align: top;
line-height:1.3;font-size:12px;color:#fff;padding:15px;}
.r-fixed .box a{display: block;}
.r-fixed .box .title{margin-top:10px;padding-top:12px;border-top:1px solid #fff;}
.r-fixed .box .title br{display:none;}
.r-fixed .box .en{font-size:10px;margin-top:8px;}

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

@media screen and (max-width:1080px){
.page .r-fixed{top: 0;right: 56px;}
.page .r-fixed .box{width:56px;height:56px;text-align:center;display: inline-block;vertical-align: top;
line-height:1.3;font-size:8px;color:#fff;padding:6px;}
.page .r-fixed .box .title br{display:inline-block;}
.page .r-fixed .box img{width:20px;height:auto;}
.page .r-fixed .box .title{margin-top:5px;padding-top:0px;border-top:none;line-height:1.2;}
}

@media screen and (max-width:768px){
.r-fixed{top: 0;right: 56px;}
.r-fixed .box{width:56px;height:56px;text-align:center;display: inline-block;vertical-align: top;
line-height:1.3;font-size:8px;color:#fff;padding:6px;}
.r-fixed .box .title br{display:inline-block;}
.r-fixed .box img{width:20px;height:auto;}
.r-fixed .box .title{margin-top:5px;padding-top:0px;border-top:none;line-height:1.2;}
}
/*--------------------------------------------------------------------------------*/

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

/*ヘッダ */
header {width:100%;text-align: left;overflow: hidden;position: absolute;background:transparent;z-index: 1;top: 48px;left: 38px;}

/* スライダー画像 */
.center-item.slider img{width: 100%;height:100vh;object-fit: cover;object-position: center bottom;border: 30px solid white;
 border-radius:45px;}
/* 一番上説明 */
#main-img .top-copy{position: absolute;z-index: 1;eft: 0; top: 10px;text-align: center;font-family: 'ChikugoM', sans-serif;color:#4ca5a0;font-size:10px;width:100%;}
/* TEL-時間 */
#main-img .tel-box{position: absolute;z-index: 1;right: 250px; top: 80px;text-align:left;background:#fff;
color:#4ca5a0;font-size:12px;padding:10px 16px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
#main-img .tel-box .l-box{display: inline-block;vertical-align: middle;font-size: 14px;font-weight: bold;padding: 2px 10px 2px 10px;background:transparent url(images/tel-green.png) no-repeat left center;
background-size: 7px auto;}
#main-img .tel-box .c-box{display: inline-block;vertical-align: middle;text-align: center;font-size: 8px;background-color: #f1faf9;padding: 5px;}
#main-img .tel-box .r-box{display: inline-block;vertical-align: middle;padding: 0 0 0 10px;}
/* 左コピー */
#main-img .l-copy-box{position: absolute;z-index: 1;left: 110px; top: 160px;}
/* 左下コピー */
#main-img .l-under-box{position: absolute;z-index: left: 0; bottom: 60px;text-align: left;color: #fff;font-size: 12px;padding: 17px 30px 17px 70px;}
#main-img .l-under-box p{background:transparent url(images/hart.png) no-repeat left center;
background-size: 17px auto;padding: 2px 0 2px 28px;}

/* 右下コピー */
#main-img .r-copy-box{position: absolute;z-index: 1;right:60px; bottom: 70px;text-align: right;font-family: 'ChikugoM', sans-serif;font-size: 14px;line-height: 2.2;letter-spacing:0.2em;}
#main-img .r-copy-box span{font-size: 24px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:900px){

#main-img .l-copy-box img{width: 150px;height: auto;}
}
@media screen and (max-width:768px){
header {background:#fff;top: 0;left: 0;height: 56px;padding: 12px;}
.h-logo {width:200px;padding:0;}
/* スライダー画像 */
.center-item.slider img{width: 100%;height:100vh;object-fit: cover;object-position: center bottom;border: none;
 border-radius:0;
}
#main-img .top-copy,#main-img .l-under-box,#main-img .r-copy-box{display:none;}
/* TEL-時間 */
#main-img .tel-box{right: 20px; top: 80px;}
#main-img .l-copy-box{position: absolute;z-index: 1;left: 50px; top: 160px;}

}

@media screen and (max-width:480px){
header{padding: 16px 10px 0 10px;}
.h-logo {width:150px;padding:0;}
/* TEL-時間 */
#main-img .tel-box{right: 10px; top: 70px;}
#main-img .tel-box .l-box{font-size: 12px;padding: 2px 5px 2px 6px;background:transparent url(images/tel-green.png) no-repeat left center;background-size: 5px auto;}
#main-img .tel-box .c-box{font-size: 8px;padding: 3px;}
#main-img .tel-box .r-box{font-size: 9px;padding: 0 0 0 5px;}
#main-img .tel-box{font-size:12px;padding:5px 8px;}
#main-img .l-copy-box{position: absolute;z-index: 1;left: 25px; top: 120px;}
#main-img .l-copy-box img{width: 125px;height: auto;}
}
@media screen and (max-width:360px){
.h-logo {width:135px;padding:0;}
.l-line{border-right: none;}
}

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


/* 右リアルタイム */
#main-img .realtime-box{position: absolute;z-index: 1;right: 0; top: 290px;text-align:left;background:#fff;color:#4ca5a0;font-size:12px;padding: 15px 30px 15px 20px;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}

#main-img .realtime-box .shinryou{padding: 0 0 0 0;background:transparent url(images/ishi.png) no-repeat left center;background-size: 20px auto;}
#main-img .realtime-box .l-box{padding: 0 10px 5px 30px;}
#main-img .realtime-box .r-box{font-size: 12px;color:#333;padding: 0 10px 0 30px;}
#main-img .realtime-box .now{font-size: 10px;color:#F4A693;margin:6px 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
#main-img .realtime-box{width: 100%;position: absolute;z-index: 1;right: 0; top: auto;bottom: 0;text-align:left;color:#4ca5a0;
background:rgba(255,255,255,0.9);border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;font-size:10px;padding: 0px;
}

#main-img .realtime-box .shinryou{
padding:;background:transparent url(images/ishi.png) no-repeat left 10px center;background-size: 16px auto;display: inline-block;width: 100%;
display: flex;align-items: center;
}

#main-img .realtime-box .l-box{display:inline-block;width:140px;padding:12px 0 8px 35px;}
#main-img .realtime-box .r-box{display:inline-block;flex: 1;padding:0 10px 0 0;line-height:1.2;}

}



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

}

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


/*グロナビ*/
#g-navi{text-align: center;font-family: 'ChikugoM', sans-serif;}
.h-menu{text-align: center;padding: 10px 0 ;display: inline-block;vertical-align: middle;font-size: 14px;
margin: 10px 0 40px 0;line-height: 1.3;}
.h-menu li{display: inline-block;vertical-align: middle;margin:;position: relative;height: 50px;}
.h-menu a {display: block; color:#4ca5a0 !important;padding: 16px 20px;}
.nigyo a{display: block; color:#4ca5a0 !important;padding: 8px 20px;}

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



/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
}

@media screen and (max-width:768px){
.h-menu{display:none;}
}
/*--------------------------------------------------------------------------------*/



/*リアルタイムご利用状況システム*/
#realtime{background-color:#FDFAF1;position:relative;padding:140px 0 80px 0 !important;}
#realtime .inner{background-color:#fff;padding:0;padding:20px 35px 40px 35px;width:1000px;margin:0 auto;}



#realtime h2{font-size:20px !important;font-family: 'Noto-Regular', sans-serif;border-bottom:2px solid #4ca5a0;padding:0;margin:0 0 20px 0;}



#realtime .ue{margin: 0 0 38px 0 ;}
#realtime .box{width:330px;display: inline-block;vertical-align: top;text-align:center;margin:0 30px;}
#realtime .box .l-box{width:100%;display: inline-block;vertical-align: middle;padding: 0 0 0 38px;text-align:left;}





#realtime .ishi{background:transparent url(images/ishi.png) no-repeat left center ;background-size: 18px auto;display:inline-block !important;min-height: 25px;padding:25px;}


#realtime .now{color:#F4A693;font-size:14px;margin:10px 0 !important;}

#realtime .box .r-box{width:100%;display: inline-block;vertical-align: middle;color: #333;}
#realtime .box .waku{font-size:16px;}

#realtime .st{}
#realtime .st .btn{display: inline-block;vertical-align: middle;width: 200px;margin:0 25px;}
#realtime .st .arrow{background:transparent url(images/w-arrow.png) no-repeat right 10px center;background-size: 5px auto;padding:5px 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1150px){
#realtime .inner{width:100%;}
}
@media screen and (max-width:930px){
#realtime .box{width:46%;display: inline-block;vertical-align: top;text-align:center;margin:0 2%;}
}
@media screen and (max-width:768px){
#realtime{display:none;}
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/

/*お知らせ*/
#news{background-color:#FDFAF1;position:relative;padding:0 0 140px 0 !important;}
#news .inner{background-color:#fff;padding:35px 35px 15px 35px;width:1000px;margin:0 auto;}
#news h2{font-size:16px !important;font-family: 'Noto-Regular', sans-serif;border-bottom:2px solid #4ca5a0;padding:10px 0 !important;margin:0 0 30px 0 !important;}
#news .box-left{text-align:left;}
#news .box{text-align:left;width:47%;display: inline-block;vertical-align: top;font-size: 13px;padding-bottom:18px;margin:0 2.5% 18px 0;border-bottom:1px solid #F5F5F5;}
#news .box .category{display: inline-block;vertical-align: middle;background-color:#ddd;margin-right:10px;font-size: 10px;}
#news .box .category a{color:#fff;padding: 6px 14px;display: block;}
#news .box .date{display: inline-block;vertical-align: middle;margin-right:11px;font-size: 10px;}
#news .box .title{display: block;vertical-align: middle;margin: 10px 0 0 0;}

#news .ichiran{font-size: 11px;background:transparent url(images/b-arrow.png) no-repeat right 10px center;background-size: 5px auto;display: inline-block;padding:0 25px 0 0;margin:0 0 30px 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1150px){
#news .inner{width:100%;}
#news .box .title{}
}
@media screen and (max-width:768px){
#news{padding:60px 0 !important;}
#news .box{width:100%;margin:0 0 18px 0;}
}
@media screen and (max-width:600px){
#news{padding:60px 0 !important;}
}
@media screen and (max-width:480px){
#news .inner{padding:25px 20px 15px 20px;}
}
/*--------------------------------------------------------------------------------*/


/*ひだまりクリニックからメッセージ*/
#message{position:relative;padding:140px 0 !important;
background: linear-gradient(90deg, rgba(209,241,239,1) 0%, rgba(196,237,235,1) 100%);
}

#message .l-box{display: inline-block;vertical-align: top;width:40%;text-align:right !important;padding-right:20px;}
#message .l-box .inn{background-color:;display: inline-block;text-align:left !important;margin:0 30px 0 0;width:400px;}
#message .l-box h2{margin-bottom:0;}
#message .l-box h2 p{background: #FCFBFC;margin-bottom:30px;padding:10px 20px;display:inline-block;}
#message .l-box .en{font-family: 'ChikugoM', sans-serif;font-size: 14px;margin:0 0 60px 0 ;color:#3DADCA;}
#message .l-box .btn{
font-family: 'ChikugoM', sans-serif;
font-size: 14px;color:#3DADCA;
background: linear-gradient(90deg, rgba(229,247,246,1) 0%, rgba(220,244,243,1) 100%);
box-shadow:3px 3px #84cdd8;
margin:0 0 16px 0;
}
.tokucho{display:inline-block;width:45%;margin:0 2% 0 0 !important;}
.zaitaku{display:inline-block;width:53%;}


#message .l-box .logo{margin:80px 0;}

#message .l-box .btn:hover {
box-shadow: unset;
transform: translate(3px,3px);
}

#message .l-box .arrow{background:transparent url(images/b-arrow.png) no-repeat right 10px center;background-size: 5px auto;padding:5px 0;}

#message .r-box{display: inline-block;vertical-align: top;width:60%;background-color:#fff;
border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;-moz-border-radius: 10px 0 0 10px;
}


#message .r-box .l-txt{display: inline-block;vertical-align: top;width:50%;padding:40px 30px;font-size:13px;line-height:2.2;}
#message .r-box .l-txt .title{font-family: 'ChikugoM', sans-serif;font-size: 20px;color:#3DADCA;margin: 0 0 20px 0;line-height:1.4;}

.f-green{color:#3DADCA;}

#message .r-box .l-txt .btn{font-family: 'ChikugoM', sans-serif;margin:30px auto 0 auto;font-size:16px;line-height:1;width:240px;}
#message .r-box .l-txt .btn span{font-size:10px;}
#message .r-box .l-txt .arrow{background:transparent url(images/w-arrow.png) no-repeat right 10px center;background-size: 5px auto;padding:5px 0;}

#message .r-box .r-photo{display: inline-block;vertical-align: top;width:50%;text-align:right;padding:90px 0;}
#message .r-box .r-photo img{width:100%;height:auto;}
.dasu{display:none !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1150px){
#message .l-box{display: inline-block;vertical-align: top;width:40%;text-align:right !important;padding:0 20px;}
#message .l-box .inn{margin:0 0 0 0;width:100%;}
}

@media screen and (max-width:900px){
#message .l-box{display: block;width:auto;padding:0 30px;}
#message .l-box .inn{text-align:center !important;}
.kesu{display:none !important;}
.dasu{display:inline-block !important;}
#message .r-box{display: block;width:auto;margin:0 30px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}

#message .r-box .l-txt{width:100%;padding:50px 30px;font-size:13px;line-height:2.2;}
#message .r-box .r-photo{display: inline-block;vertical-align: top;width:100%;text-align:center;padding:10px 0 50px 0;}

#message .r-box .l-txt .title{text-align:center;}
#message .r-box .r-photo img{width:300px;height:auto;}

#message .l-box .btn{width:370px;margin:0 auto 16px auto;}
.tokucho{width:140px !important;margin:0 5px 20px 5px !important;display: inline-block !important;}
.zaitaku{width:220px !important;margin:0 5px 20px 5px !important;display: inline-block !important;}

}

@media screen and (max-width:768px){
#message{position:relative;padding:60px 0 !important;}
#message .l-box h2 p{margin-bottom:15px;padding:10px 10px;font-size: 22px;}
#message .l-box .en{font-size: 14px;margin:0 0 40px 0 ;}
#message .l-box .logo{margin:30px 0;}
}
@media screen and (max-width:600px){
#message .l-box{padding:0 15px;}
#message .r-box{margin:0 15px;}
#message .r-box .l-txt{padding:40px 15px;}
}
@media screen and (max-width:480px){
#message .l-box h2 p{margin-bottom:15px;padding:10px 10px;font-size: 5.5vw;letter-spacing: 0.05em;}
#message .l-box .btn{width:100% !important;margin:0 auto 16px auto;}
.tokucho{width:35% !important;margin:0 1% 20px 0 !important;display: inline-block !important;}
.zaitaku{width:60% !important;margin::0 0 20px 0 !important;display: inline-block !important;}
#message .r-box .r-photo img{width:65%;height:auto;}
#message .r-box .btn{width:100% !important;}
}
/*--------------------------------------------------------------------------------*/

/*訪問診療での検査・治療*/
#examination{position:relative;padding:140px 0 0 0 !important;}
#examination a{color:#3DADCA}
#examination .inner{border-top:1px solid #4ca5a0;border-bottom:1px solid #4ca5a0;}
#examination h2{margin-bottom:12px;}
#examination .sub-copy{font-size:12px;margin-bottom:70px;}
#examination .title{margin:12px 0 24px 0;}
#examination .btn{width:170px !important;display:inline-block;}
#examination .arrow{background:transparent url(images/w-arrow.png) no-repeat right 10px center;
background-size: 5px auto;padding:5px 0;}
#examination .g-box{background-color: #F2F2F2;padding: 20px 40px;line-height: 2.0;font-size:14px;}
#examination .bl-txt{color:#3DADCA;margin-bottom:10px;}
#examination .bl-icon{color:#3DADCA;}
#examination .ue{width:1150px !important;margin:0 auto;}
#examination .ue .l-box{display: inline-block;vertical-align: top;width: 60%;border-right:1px solid #4ca5a0;padding: 50px 50px 50px 0;}

#examination .ue .l-box .ll{display: inline-block;vertical-align: top;width: 50%;text-align: center;font-family: 'ChikugoM', sans-serif;font-size: 22px;}
#examination .ue .l-box .rr{display: inline-block;vertical-align: top;width: 50%;}

#examination .ue .r-box{display: inline-block;vertical-align: top;width: 40%;padding:0 0 0 40px;line-height:1.5;}
#examination .ue .r-box .box{background:transparent url(images/en-arrow.png) no-repeat left center;
background-size: 22px auto;padding-left:34px;}
#examination .ue .r-box .taisho{border-bottom:1px solid #4ca5a0;padding:48px 0;}
#examination .ue .r-box .kiki{padding:48px 0;}

#examination .st{border-top:1px solid #4ca5a0;width:1150px !important;margin:0 auto;
padding: 50px 0;}
#examination .st .l-box{display: inline-block;vertical-align: top;width: 27.8%;text-align: center;font-family: 'ChikugoM', sans-serif;font-size: 22px;}
#examination .st .r-box{display: inline-block;vertical-align: top;width: 72.2%;}
#examination .st .r-box .g-box{width: 80%;}
#examination .st .ll{display: inline-block;vertical-align: top;width: 50%;margin: 0 2% 0 0;}
#examination .st .rr{display: inline-block;vertical-align: top;width: 48%;margin: 0 0 0 0;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1150px){
#examination .ue{width:100% !important;}
#examination .st{width:100% !important;}
}

@media screen and (max-width:1000px){
#examination .g-box{background-color: #F2F2F2;padding: 20px 25px;line-height: 1.6;font-size:14px;}
#examination .ue .l-box{width: 60%;padding: 30px;}
#examination .ue .l-box .ll{width: 49%;text-align: left !important;}
#examination .ue .l-box .box{text-align: center;display: inline-block;}
#examination .ue .l-box .rr{width: 50%;}
#examination .ue .r-box{width: 40%;padding:0;}
#examination .ue .r-box .taisho{padding:30px;}
#examination .ue .r-box .kiki{padding:30px;}

#examination .st{margin:0 auto;padding:30px;}
#examination .st .l-box{width: 28%;text-align: left !important;}
#examination .st .l-box .box{text-align: center;display: inline-block;}
#examination .st .r-box{width: 72%;}
#examination .st .r-box .g-box{width: 100%;}
}

@media screen and (max-width:768px){
#examination{padding:60px 0 0 0 !important;}
#examination .ue .l-box{width: 100%;padding: 30px;}

#examination .ue .l-box .ll{width: 34%;text-align: left !important;}
#examination .ue .l-box .rr{width: 66%;}

#examination .ue .r-box{width: 100%;padding:0 0 30px 0;}
#examination .ue .r-box .taisho{padding:20px;border-bottom:none;display: inline-block;vertical-align: middle;width: 40%;}
#examination .ue .r-box .kiki{padding:20px;border-left:1px solid #4ca5a0;display: inline-block;vertical-align: middle;width: 58%;}

#examination .st .l-box{width: 34%;text-align: left !important;}
#examination .st .l-box .box{text-align: center;display: inline-block;}
#examination .st .r-box{width: 66%;}

}
@media screen and (max-width:600px){
#examination .title{margin:10px 0 14px 0;}
#examination .sub-copy{font-size:10px;margin-bottom:30px;line-height:1.3;}
#examination .btn{width:100px !important;display:inline-block;}
#examination .arrow{background:transparent url(images/w-arrow.png) no-repeat right 5px center;
background-size: 5px auto;padding:0;}

#examination .ue .r-box .taisho{padding:10px 20px;border-bottom:none;display: inline-block;vertical-align: middle;width: 40%;font-size: 13px;}
#examination .ue .r-box .kiki{padding:10px 20px;border-left:1px solid #4ca5a0;display: inline-block;vertical-align: middle;font-size: 13px;width: 58%;}
#examination .st .ll{display: inline-block;vertical-align: top;width: 100%;margin: 0 0 0 0;}
#examination .st .rr{display: inline-block;vertical-align: top;width: 100%;margin: 0 0 0 0;}

}
@media screen and (max-width:480px){
#examination .ue .l-box{width: 100%;padding: 25px 18px 18px 18px;}
#examination .ue .r-box{width: 100%;padding:0 0 20px 0;}
#examination .ue .r-box .taisho{padding:10px 20px;border-bottom:none;display: inline-block;vertical-align: middle;width: 100%;font-size: 13px;}
#examination .ue .r-box .kiki{padding:10px 20px;border-left:none;display: inline-block;vertical-align: middle;font-size: 13px;width: 100%;}
#examination .st{padding: 25px 18px;}
}
@media screen and (max-width:340px){
#examination .g-box{padding: 15px 15px;font-size:12px;}
#examination .ue .l-box .ll{width: 44%;}
#examination .ue .l-box .rr{width: 56%;}
#examination .st .l-box{width: 44%;}
#examination .st .r-box{width: 56%;}
}
/*--------------------------------------------------------------------------------*/


/*links*/
#links{position:relative;padding:90px 0 !important;font-family: 'ChikugoM', sans-serif;line-height:1.3;}
#links a{color:#434343;}
#links .box{display: inline-block;vertical-align:middle;border:1px solid #D8D8D8;width:240px;height:70px;background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,248,248,1) 100%);margin: 0 8px 16px 8px;}
#links .box p{margin:25px 0;display:inline-block;}

#links .box .no1{background:transparent url(images/icon01.png) no-repeat left center;
background-size: 30px auto;padding-left:34px;}

#links .box .no2{background:transparent url(images/icon02.png) no-repeat left center;
background-size: 30px auto;padding-left:34px;}

#links .box .no3{margin:14px 0 !important;text-align:left;
background:transparent url(images/icon03.png) no-repeat left center;
background-size: 30px auto;padding-left:34px;}

#links .box .no4{background:transparent url(images/icon04.png) no-repeat left center;
background-size: 30px auto;padding-left:34px;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1150px){
}
@media screen and (max-width:768px){
#links{position:relative;padding:60px 0 20px 0 !important;}
}
@media screen and (max-width:600px){
#links .box{width:48%;height:70px;margin: 0 1% 16px 1%;}
}
@media screen and (max-width:420px){
#links .box{width:100%;height:50px;margin: 0 0 12px 0;}
#links .box p{margin:15px 0;}
#links .box .no3{margin:6px 0 !important;}
}
/*--------------------------------------------------------------------------------*/


/*photo*/
#photo{position:relative;padding:140px 0 70px 0 !important;font-family: 'ChikugoM', sans-serif;color:#4ca5a0;
background-image: url(images/bg-en01.png), url(images/bg-green.png);
background-repeat: no-repeat;
background-position: left 40px top, right top 140px;
background-color: transparent;
}
#photo .box{display: inline-block;vertical-align:top;width: 21%;margin: 0 1.6%;font-size: 18px;padding: 0 0 45px 0;}
#photo .box .yaku{font-size: 14px;margin: 0 0 10px 0;}

#photo .box img{border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;margin: 0 0 25px 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
#photo{position:relative;padding:140px 0 70px 0 !important;font-family: 'ChikugoM', sans-serif;color:#4ca5a0;
background-image: url(images/bg-en01.png), url(images/bg-green.png);
background-size:380px auto,180px auto;
background-position: left 20px top 40px,right -80px top 120px;}
}
}
@media screen and (max-width:768px){

}
@media screen and (max-width:600px){
#photo .box{display: inline-block;vertical-align:top;width: 46%;margin: 0 1.6%;font-size: 15px;padding: 0 0 25px 0;}
#photo .box img{margin: 0 0 15px 0;}
#photo .box .yaku{font-size: 12px;margin: 0 0 5px 0;}
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/

/*ご利用の流れ*/
#flow{position:relative;padding:140px 0 !important;background:#FDFAF1;}
#flow .ue{}
#flow .box{display: inline-block;padding:20px 10px !important;
vertical-align: middle;width: 19%;
border:2px solid #4ca5a0;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;background-color:#fff;font-size:12px;}
#flow .arrow-box{display: inline-block;
vertical-align:middle;width: 2%;}
#flow .box .txt{line-height: 1.5;margin:20px 0 0 0;}

#flow .st{margin:90px 0 0 0;}
#flow .st .btn{display: inline-block;font-family: 'ChikugoM', sans-serif;
vertical-align: top;width:35%;margin:0 3%;font-size: 18px;padding: 20px 0 !important;}



/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
#flow .box{width: 45%;}
#flow .bottom-l,#flow .bottom-r{margin-top:15px;}
#flow .bottom-l{margin-left:-22px;}
}
@media screen and (max-width:768px){
#flow{position:relative;padding:60px 0 !important;}
#flow .st{margin:60px 0 0 0;}
#flow .st .btn{;width:80%;margin:0 0 15px 0;}
}
@media screen and (max-width:600px){
}
@media screen and (max-width:480px){
#flow .box{width: 100%;}
#flow .bottom-l,#flow .bottom-r{margin-top:0;}
#flow .bottom-l{margin-left:0;}
.arrow-box {transform: rotate(90deg);}
#flow .st .btn{;width:100%;}
}
/*--------------------------------------------------------------------------------*/


/*数字で見るひだまりクリニック*/
#graphic{position:relative;padding:140px 0 !important;font-family: 'ChikugoM', sans-serif;
background-image: url(images/bg-en02.png), url(images/bg-green.png);
background-repeat: no-repeat;
background-position: right 40px top 80px,left top 220px;
background-color: transparent;
}

#graphic .sub-copy{font-size:18px;line-height:1.6;text-align:left;margin:0 0 15px 0;}
#graphic .box{border:1px solid #D8D8D8;background-color:#fff;display: inline-block;
vertical-align: top;width: 47%;margin:1.2%;padding:30px 15px;font-size:12px;}
#graphic .box h4{color:#4ca5a0;font-weight:normal;font-size:18px;margin:0 0 15px 0;}
#graphic .btn{width:260px;margin:50px 0 0 0 ;display:inline-block;}
#graphic .btn p{
font-size:16px;
background:transparent url(images/w-arrow.png) no-repeat right 10px center;
background-size: 5px auto;
display:inline;padding:4px 0;display:block;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
#graphic{
background-image: url(images/bg-en02.png), url(images/bg-green.png);
background-size:380px auto,180px auto;
background-position: right 20px top 40px,left -80px top 40px;}
#graphic h2{margin-bottom:5px;}
#graphic .box h4{font-size:14px;}
#graphic .sub-copy{font-size:12px;line-height:1.6;text-align:center;margin:0 0 15px 0;}
#graphic .sub-copy br{display:none;}
}
@media screen and (max-width:768px){
#graphic{padding:100px 0 60px 0 !important;}

#graphic .box{width: 100%;margin:1.2%;padding:25px;}
#graphic .sub-copy{font-size:12px;line-height:1.6;text-align:center;margin:0 0 15px 0;}
#graphic .sub-copy br{display:none;}
#graphic .btn{margin:30px 0 0 0 ;}
}
@media screen and (max-width:600px){
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/


/*RECRUITMENT*/
#recruitment{position:relative;padding:140px 0 !important;background:#FAFAFA;font-family: 'ChikugoM', sans-serif;}
.page #recruitment{position:relative;padding:0 !important;background:#fff;line-height: 1;margin:0 0 100px 0;}
.page #recruitment img{display: block;}

#recruitment .ue{background:#fff;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px; 
box-shadow:3px 3px #ededed;margin: 0 auto 50px auto ;width:1000px;position:relative;}
.page #recruitment .ue{width:100%;}

#recruitment .ue .p-box{display: inline-block;vertical-align: top;width:40%;}

#recruitment .ue .p-box img{border-radius: 20px 0 0 20px;-webkit-border-radius:20px 0 0 20px;-moz-border-radius: 20px 0 0 20px;display: inline !important;}
.page #recruitment .ue .p-box img{display: block !important;}

#recruitment .ue .t-box{display: inline-block;vertical-align: top;width:60%;}
.page #recruitment .ue .t-box{text-align:center;}

#recruitment .st{background:#fff;border-radius: 20px;-webkit-border-radius:20px;-moz-border-radius: 20px; 
box-shadow:3px 3px #ededed;margin: 0 auto ;width:1000px;position:relative;}
.page #recruitment .st{width:100%;}

#recruitment .st .p-box{display: inline-block;vertical-align: top;width:40%;}

#recruitment .st .p-box img{border-radius: 0 20px 20px 0;-webkit-border-radius: 0 20px 20px 0;-moz-border-radius:  0 20px 20px 0; }

#recruitment .st .t-box{display: inline-block;vertical-align: top;width:60%;}
.page #recruitment .st .t-box{text-align:center;}

#recruitment .ue .t-box .bottom{position:absolute;bottom:0;right:0;width:60%;height: 60px;border-radius: 0 0 20px 0;-webkit-border-radius: 0 0 20px 0;-moz-border-radius:  0 0 20px 0;}
#recruitment .st .t-box .bottom{position:absolute;bottom:0;left:0;width:60%;height: 60px;border-radius: 0 0 0 20px;-webkit-border-radius:  0 0 0 20px;-moz-border-radius:  0 0 0 20px;}
#recruitment .title{margin: 70px 0 0 0;font-size: 20px;}
#recruitment .en{margin: 18px 0 0 0;color: #4ca5a0;font-size: 32px;letter-spacing: 0.2em;}
#recruitment .bottom p{color: #fff;}
#recruitment .bottom .arrow{background:transparent url(images/w-arrow.png) no-repeat right 10px center;background-size: 8px auto;padding:21px 30px 21px 0;display:inline-block;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1150px){
#recruitment .ue,#recruitment .st{width:100%;}
}
@media screen and (max-width:900px){
#recruitment .title{margin: 50px 0 0 0;font-size: 20px;}
#recruitment .en{margin: 18px 0 0 0;color: #4ca5a0;font-size: 32px;letter-spacing: 0.2em;}
}
@media screen and (max-width:768px){
#recruitment{position:relative;padding:60px 0 !important;}
#recruitment .title{margin: 10% 0 0 0;font-size: 2.5vw;}
#recruitment .en{margin: 10px 0 0 0;font-size: 5vw;letter-spacing: 0.1em;}
#recruitment .ue{margin: 0 auto 20px auto ;}
#recruitment .ue .t-box .bottom,#recruitment .st .t-box .bottom{height: auto;}
#recruitment .bottom .arrow{background:transparent url(images/w-arrow.png) no-repeat right 10px center;background-size: 6px auto;padding:5px 30px 5px 0;display:inline-block;}

#recruitment .ue,#recruitment .st{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; }
#recruitment .ue .p-box img{border-radius: 10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;-moz-border-radius: 10px 0 0 10px; }
#recruitment .st .p-box img{border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius:  0 10px 10px 0;}
#recruitment .ue .t-box .bottom{border-radius: 0 0 10px 0;-webkit-border-radius: 0 0 10px 0;-moz-border-radius:  0 0 10px 0;}
#recruitment .st .t-box .bottom{border-radius: 0 0 0 10px;-webkit-border-radius:  0 0 0 10px;-moz-border-radius:  0 0 0 10px;}

}
@media screen and (max-width:600px){
#recruitment .arrow{font-size: 2.8vw;}
}
@media screen and (max-width:480px){
#recruitment .title{letter-spacing: 0.05em;}
}
/*--------------------------------------------------------------------------------*/

/*カルーセルスライダー*/
#slider{position:relative;padding:0 0 0 0 !important;}



/*インフォメーション-アクセス*/
#info{position:relative;margin:80px 0 0 0 !important;padding:0 0 0 0 !important;border-top:1px solid #4ca5a0;font-size:13px;line-height:1.6;}
#info .inner{text-align: left;}
#info .l-box{display: inline-block;vertical-align: top;width:45%;}
#info .r-box{display: inline-block;vertical-align: top;width:55%;border-left:1px solid #4ca5a0;}
#info h4{color:#3DADCA;font-size:20px;font-weight:normal;border-left:6px solid #3DADCA;padding: 0 0 0 12px;margin: 0 0 20px 0 !important;}
#info .l-box .ue{padding:60px 0 20px 0;}
#info .l-box .st{padding:60px 0;}
#info .r-box .ue{padding:60px 0 60px 40px;}
#info .r-box .ue .l-l{display: inline-block;vertical-align: top;width:48%;}
#info .r-box .ue .r-r{display: inline-block;vertical-align: top;width:52%;}
#info .r-box .ue .r-r img{padding-left:10px;}
#info .r-box .st{border-top:1px solid #4ca5a0;padding:60px 0 60px 40px;}
#info .jikan{font-size:18px;line-height:1.6;color:#3DADCA;}
#info .tel{font-size:16px;line-height:1.6;margin: 0 0 10px 0;}

#info .l-box .btn{width:260px;margin:18px 0;}
#info .r-box .ue .btn{width:180px;margin:18px 0;}
#info .r-box .st .btn{width:260px;margin:18px 0;}

.tel-icon{background:transparent url(images/tel-white.png) no-repeat left center;
background-size: 8px auto;display:inline;padding:2px 0 2px 18px;}
.mail-icon{background:transparent url(images/mail.png) no-repeat left center;
background-size: 24px auto;display:inline;padding:2px 0 2px 28px;}
.access-icon{background:transparent url(images/access.png) no-repeat left center;
background-size: 24px auto;display:inline;padding:2px 0 2px 28px;}
.iraisho-icon{background:transparent url(images/iraisho.png) no-repeat left center;
background-size: 21px auto;display:inline;padding:3px 0 3px 26px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1150px){
}
@media screen and (max-width:768px){
#info{position:relative;margin:60px 0 0 0 !important;}
#info .l-box{width:100%;border-bottom:1px solid #4ca5a0;}
#info .r-box{display: inline-block;vertical-align: top;width:100%;border-left:0px solid #4ca5a0;}
#info .l-box .ue{padding:40px 0 0px 0;}
#info .l-box .st{padding:40px 0;}
#info .r-box .ue{padding:40px 0 40px 0;}
#info .r-box .st{border-top:1px solid #4ca5a0;padding:40px 0 40px 0;}
#info .btn{font-size:12px;}
#info .l-box .btn{width:160px;margin:18px 10px 0 0;display:inline-block;}
#info .r-box .ue .btn{width:160px;margin:18px 0;}
#info .r-box .st .btn{width:160px;margin:18px 0;}
#info .tel br{display: none;}
#info .r-box .ue .r-r{padding:0 0 0 10px;}
}
@media screen and (max-width:600px){

}
@media screen and (max-width:480px){
#info .tel{font-size:14px;}
}
/*--------------------------------------------------------------------------------*/

/*書籍広告*/
#book{position:relative;padding:80px 0 !important;background:#FDFAF1;}
#book .l-box{display: inline-block;vertical-align: top;line-height:1;margin-right:40px;}
#book .r-box{display: inline-block;vertical-align: top;line-height:1.6;text-align:left;font-size:14px;}
#book .chosha{margin-top:5px;text-align:left;font-size:11px;}
#book .shousai{
margin:20px 0;
display: inline-block;
background: #E9612E;
line-height:1;
text-align:center;
font-size:14px;
border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px; 
box-shadow:3px 3px #ededed;
}
#book .shousai a{display: block;padding:8px 48px;color:#fff;}

#book .shousai:hover {
box-shadow: unset;
transform: translate(3px,3px);
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:768px){
#book{padding:60px 0 !important;}
#book .l-box{margin-right:0;width:30%;}
#book .r-box{width:68%;}
}
@media screen and (max-width:600px){
#book .r-box{line-height:1.4;font-size:11px;padding-left:8px;}
#book .chosha{margin-top:10px;font-size:9px;}
#book .shousai a{display: block;padding:8px 35px;color:#fff;}
}
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/

/*フッタ*/
footer{position:relative;padding:70px 0 80px 0 !important;background: linear-gradient(90deg, rgba(58,171,201,1) 0%, rgba(105,202,217,1) 100%);
width: 100%;text-align: center;overflow: hidden;position: relative;min-width:1000px;z-index:0;color:#fff;}
footer .f-copy{font-family: 'ChikugoM', sans-serif;font-size: 18px ;line-height: 2.2;letter-spacing:0.2em;color:#FDFAF1;}
footer .f-logo{margin:30px 0 30px 0;}
footer .f-menu{font-size:11px;margin:80px 0 50px 0;line-height: 2.2;}
footer a{color:#fff;}
footer .f-menu a:hover{text-decoration:underline;}
footer .f-menu ul{}
footer .f-menu li{display:inline-block; margin:0 15px 0 15px;}

footer .f-shita-menu{font-size:11px;margin:0 0 20px 0;line-height: 1.5;}
footer .f-shita-menu a{margin:0 15px 0 15px;}
footer .copyright{margin:0; letter-spacing: 1px;font-size:10px;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1150px){
footer{min-width:100%;}
}
@media screen and (max-width: 600px){
footer{position:relative;padding:40px 0 50px 0 !important;}
footer .f-copy{line-height: 1.8;}
footer .f-logo img{width:220px;height:auto;}
footer .f-menu li{display:inline-block; margin:0 4px 0 4px;}
footer .f-menu{margin:40px 0;}
footer .copyright{margin:0; letter-spacing: 1px;font-size:8px;}
}
/*--------------------------------------------------------------------------------*/


/* スクロールアクション用 */
.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;
}

.btn{color: #fff;letter-spacing: 0.1em;text-align: center;background-color: #ddd;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; 
box-shadow:3px 3px #ededed;padding: 10px !important;font-size: 14px; }

.btn:hover {
box-shadow: unset;
transform: translate(3px,3px);
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
.btn{width:100%;}
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/

.blurIn { animation-name: blurIn }
@keyframes blurIn {
    from {
        filter: blur(20px);
        opacity: 0;
    }
}