@charset "utf-8";
/*=================================================================================*/
/** 768px未満 スマホサイズ画面 ＜これが基本＞ **/


/*==================
  電話番号タップ
==================*/
a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; color:#525252; }


.slid_hide,
.disp_p { display:none; }
.disp_s { display:block; }

#disp_fix { position:fixed; top:0; left:0; z-index:500000; width:100%; }
/*
#pankuzu_line { width:94%; margin:0 auto; text-align:left; }
#pankuzu_line li { float:left; }
*/
.pankuzu { font-size:90%; margin: 1em 0 0.3em; }
.pankuzu a,
.pankuzu p { display: inline-block; color: #999999 !important; padding: 0 0.3em; }

/***  ヘッダー  ***/
#head00s {
    width:100%;
    margin:0 auto;
    background:rgba(255,255,255,.7);
}
.head01s{
    margin:0 7% 0 2%;
    width:58%;
}
.head02s{
    width:8%;
    margin:0.7em 1% 0;
}


/***  スマホ用グランドナヴィゲーション  ***/
.slideout-header {
    position:fixed;
    top:0;
    left:0;
    z-index:3000;
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.slideout-menu {
    position: absolute;
    top:1em; left:0;
    background:rgba(255,255,255,0.8);
    width:94%;
    margin:0 3%;
    display:none;
}
.slideout-menu_in {text-align:center; }

.slideout-close{
    display: none;
}

.slideout-close img{
    width:100%;
}


.sm01_01{
    border-top:1px solid #525252;
    border-left:1px solid #525252;
    border-right:1px solid #525252;
}
.sm01_01>li h2 a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    width:90%;
    padding:0.7em 5%;
    border-bottom:1px solid #525252;
    color:#525252;
    position: relative;

}

.sm01_01>li h2 a::after{
    content: url(../img/common/sm_arrow.png?20221116);
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*===============================
  スマホ用下固定バナー
===============================*/

/*固定バナー背景*/
.back_kote{
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    width:100%;
    position: relative;
}

.kote_s{
    width:100%;
    position:fixed;
    bottom:0;
    z-index:1000;
}
.kote_s ul{
    width:100%;
    margin:0;
}
.kote_s ul li:nth-child(1){
    width:27%;
    margin:0 2% 0.5em 1%;
    float:left;
}
.kote_s ul li:nth-child(2){
    width:33%;
    margin:0 2% 0.5em 1%;
    float:left;
}
.kote_s ul li:nth-child(3){
    width:33%;
    margin:0 1% 0.5em 0;
    float:left;
}
.kote_s ul li img{
    width:100%;
    margin:0;
}
/***  ページTOP  ***/
#page_tops {
    position: absolute;
    bottom:100%;
    right:0;
    width:20%;
    z-index:50;
}



/*===================
 フッター
===================*/

#foot01 {
    width:92%;
    text-align:left;
    margin:0 auto;
    padding:0 0 10em 0 ;
    display:block;
}

.foot01_01 li{
    padding:0.3em 0;
}
.foot01_01 li h5{
    font-weight: bold;
}

.icon_tel::before{
    content: url(../img/common/icon_tel.png);
    padding:0 0.2em;
}

.foot01_02 ul{
    width:46%;
    padding:1.6em 2%;
    float: left;
}

.foot01_02 ul li{
}

/**＝＝＝＝＝＝＝＝＝＝＝
 サブページ
 各ページ共通部
＝＝＝＝＝＝＝＝＝＝＝***/

#title_sub{
    width:100%;
    margin:0 auto;
    text-align:center;
}

.pan ul {
    font-size:90%;
    width:96%;
    margin:0 auto;
    text-align:left;
    padding:1.5em 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.pan ul li{
    display:inline-block;
}
.pan ul li:first-child{
    padding-left:1.8em;
    background:url(../img/common/pan_icon.png) no-repeat center left;
}
.pan ul li::after{
    color:#B9B9B9;
    content: ' ＞ ';
    padding:0 0.1em;
}
.pan ul li:last-child::after{
    content:'';
    padding:0 0.1em;
}

.pan ul li a{
    color:#59C4CC;
}

#side01_00{
    padding:0.8em 0;
    font-size: 110%;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background: url(../img/common/side_01.png) no-repeat right bottom;
    background-size: contain;
    background-color:#5BC4CC;
}

#side01_00medi{
    padding:0.8em 0;
    font-size: 110%;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background: url(../img/medical/medi_icon_00.png) no-repeat 0.5em center;
    background-size: auto;
    background-color:#5BC4CC;
}

#side01_01{
    background: #FFFFFF;
    width:100%;
    border-right:3px solid #E6E6E6;
    border-bottom:3px solid #E6E6E6;
    border-left:3px solid #E6E6E6;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#side01_01 li{
    padding:0.6em 10%;
    text-align: left;
    font-weight: bold;
    border-bottom:1px solid #E6E6E6;

}
#side01_01 li a{
    color:#666666;
    text-decoration: none;
}
#side01_01 li a:hover{
    color:#AAAAAA;
}

.sub_h3{/*サブページのh3タイトル（白背景に灰色下ボーダー）*/
    width:90%;
    background:#FFFFFF;
    border-bottom:#E6E6E6 2px solid;
    border-radius: 10px;
    padding:1em 5%;
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {


/*==================
  電話番号タップ
==================*/
a.telLink0 { display: inline-block; cursor: default; pointer-events: none; text-decoration:none; }


.disp_p { display:block; }
.disp_s { display:none; }

h1 { font-size:78%; padding:0; }

#pankuzu_line { width:100%; }

/***  ヘッダー  ***/
#head_block{
    width:100%;
    position: fixed;
    top:0;
    z-index:10;
}
#head00 {/*1100 1140*/
    width:96.3158%;
    margin:0 auto;
    padding:0.4em 1.8421% 1em;
    background:rgba(255,255,255,0.4);
    
}


.head01 { width:12.81818181%; margin:0; }/*141 1100*/
.head02 { width:67.909090909%; margin:0; }/*747 1100*/
.head02_01 { width:17.269076305%;margin:0 0 0 1%;}/*129 747   0 0 0 8px*/
.head02_02 { width:77.643908969%; margin:0 2%; }/*580 747    0 15px*/
.head02_02 ul li{
    width:25%;
    float: left;
}
.head03 { width:18.5454545454%; margin:0; }/*204 1100*/

.head03_01{/*77 204*/
    width:37.745098039%;
    float: left;
}
.head03_02{/*127 204*/
    width:62.25490196%;
    float: left;
}
    
/***  PC&タブレット用メニュー  ***/
.back_nav{
    padding:0;
}

/*===============================
  右固定バナー
===============================*/
.kote_r{
    position: fixed;
    bottom:20%;
    right:0;
    z-index: 2000;
}
.kote_r img{
    margin:0 0 0 20%;
    width:80%;
    }
/*===============================
  下固定バナー
===============================*/
.kote_block{
    width:100%;
    bottom:0;
    margin:0 auto;
    height:120px;
}


.fix {
    z-index: 100000;
    position: fixed;
    bottom: 0;
}

.kote{
    width:100%;
    margin:0;
    /*margin:0.5em auto 1em auto;*/
    position: fixed;
    bottom:0;
    z-index:1000;
    height:110px;
}
.kote ul li{/*1140 435*/
    float: left;
}
.kote ul {/*1140 982*/
    width:86.1403%;
    margin:0 auto;
}

.kote ul li:nth-child(1){/*182 982*/
    width:18.5336%;
    margin:3em 3.4623% 0 0;/*0 20*/
}
.kote ul li:nth-child(2){/*295 982*/
    width:30.0407%;
    margin:2em 3.4623% 0 0;/*0*/
}
.kote ul li:nth-child(3){/*295 982*/
    width:30.0407%;
    margin:2em 3.4623% 0 0;/*0*/
}
.kote ul li:nth-child(4){/*108 982*/
    width:10.9979%;
    margin:0;/*0*/
}

.kote ul li img{/**/
    width:100%;
}



/***======================
    フッター
======================***/

#foot01 {
    width:100%;
    padding:2em 0 10em 0;
}


.foot01_02{
    width:98%;
    padding:1.6em 1% 1.6em 1%;
}


/**** ページTOP **/
#page_top {
    width:12%;
    display:block;
    position:fixed;
    bottom:8.6em;
    right:0;
    z-index:50;
}


/**＝＝＝＝＝＝＝＝＝＝＝
 サブページ
 各ページ共通部
＝＝＝＝＝＝＝＝＝＝＝***/
#title_sub{ width:100%;}

.pan ul{
    width:96%;
}


}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media (min-width : 1140px) {

h1 { font-size:88%; }

/****  ヘッダー　**/

#pankuzu_line { width:1140px; }

#head00 {
    width:1100px;
    margin:0 auto;
    padding:0.4em 20px 1em;
}
.head01 { width:141px; margin:0; }
.head02 { width:747px; margin:0; }
.head02_01 { width:129px;margin:0 0 0 8px;}
.head02_02 { width:580px; margin:0 15px; }

.head03 { width:204px; margin:0; }


.back_nav{width:1100px; margin:0 auto; }

/***  PC&タブレット用メニュー  ***/
#p_navi { width:1100px;  margin:0 auto; } 
#p_navi li {
    width:150px;
}
#p_navi li img { width:auto; margin:auto; }

#p_navi li:nth-child(1),
#p_navi li:nth-child(2),
#p_navi li:nth-child(3),
#p_navi li:nth-child(4),
#p_navi li:nth-child(5),
#p_navi li:nth-child(6),
#p_navi li:nth-child(7) {background-size:auto; } 


#sub_nav {width:1140px; margin:0 auto; }

#sub_nav>ul>li{
    width:285px;
    float: left;
}


#sub_nav .sub_nav_l{/*50 285*/
    width:50px;
    float: left;
}
#sub_nav .sub_nav_r{/*235 285*/
    width:205px;
    margin:1em 15px 0 15px;
    float: left;
}
#sub_nav .sub_nav_r li::before{
    content:'»';
    padding:0 0.6em 0 0;
}
#sub_nav .sub_nav_r li{
    display: inline-block;
    padding:0 0.4em 0 0;
    margin:0 1em 0 0;
}
#sub_nav .sub_nav_r li a{
    text-decoration: none;
}



/*===============================
  右固定バナー
===============================*/
.kote_r{
    position: fixed;
    bottom:20%;
    right:0;
    z-index: 2000;
}

.kote_r img{
    margin:0;
    width:100%;
    }

/*===============================
  下固定バナー
===============================*/
.kote_block{
    width:1140px;
    height:140px;
}

.kote{
    width:1140px;
    height:130px;
}

    
/*フッター*/
#foot01 {
    width:1140px;
    margin:0 auto;
    padding:2.5em 0 130px 0;
}

/**** ページTOP **/
#page_top {
    position:relative;
    bottom:0; right:0;
    width:120px;
}

}

@media (min-width : 1600px) { 

}