/***************************************************************
           スライド画像
***************************************************************/
/*--------------------------------------------------------------
    画像の高さ
--------------------------------------------------------------*/
#home #slider #container
{
width: 100%;
height: 506px;
}


/***************************************************************
           診療科目について
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home .menu
{
width: 75%;
margin: 50px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#home .menu .subtitle h2
{
color: #008600;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
}
/*--------------------------------------------------------------
    テーブル
--------------------------------------------------------------*/
#home .menu .table
{
font-size: 0;
}
#home .menu .table a
{
display: inline-block;
width: 33%;
vertical-align: top;
box-sizing: border-box;
margin: 20px 0 0 0;
padding: 0 5%;
}
#home .menu .table a:hover
{
opacity: 0.8;
}
#home .menu .table a img
{
display: block;
width: 100%;
}


/***************************************************************
           おすすめコース
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home .course
{
width: 75%;
margin: 50px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#home .course .subtitle h2
{
color: #008600;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
}
/*--------------------------------------------------------------
    画像
--------------------------------------------------------------*/
#home .course .image a
{
display: block;
margin: 20px 0 0 0;
}
#home .course .image a:nth-of-type(n+2)
{
margin: 10px 0 0 0;
}
#home .course .image a img
{
display: block;
width: 100%;
}
#home .course .image a:hover
{
opacity: 0.8;
}


/***************************************************************
           ごあいさつ
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home .greeting
{
width: 75%;
margin: 50px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#home .greeting .subtitle h2
{
color: #008600;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
}
/*--------------------------------------------------------------
    テキスト_1
--------------------------------------------------------------*/
#home .greeting .text_1
{
margin: 40px 0 0 0;
padding: 20px;
border-color: #808080;
border-width: 2px;
border-style: solid;
border-radius: 20px;
}
#home .greeting .text_1 h3
{
color: #333;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
line-height: 30px;
}
#home .greeting .text_1 p
{
margin: 20px 0 0 0;
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    フロート
--------------------------------------------------------------*/
#home .greeting .table
{
margin: 20px 0 0 0;
box-sizing: border-box;
}
#home .greeting .table .clear
{
clear: both;
}
#home .greeting .table .right
{
float: right;
padding: 0 0 80px 80px;
width: 30%;
}
#home .greeting .table .right .image img
{
display: block;
width: 100%;
}
#home .greeting .table .right .name p
{
padding: 10px 0;
color: #333;
font-size: 30px;
font-weight: bold;
text-align: center
}
#home .greeting .table .right .name p span
{
display: block;
margin: 0 0 10px 0;
color: #333;
font-size: 20px;
font-weight: bold;
}
#home .greeting .table .left .message p
{
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#home .greeting .table .left .message p:nth-of-type(n+2)
{
margin: 10px 0 0 0;
}


/***************************************************************
           お客様の声
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home .voice
{
width: 75%;
margin: 50px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#home .voice .subtitle h2
{
color: #008600;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
}
/*--------------------------------------------------------------
    コンテンツ
--------------------------------------------------------------*/
#home .voice .content
{
margin: 20px 0 0 0;
font-size: 0;
}
#home .voice .content a
{
display: inline-block;
width: 33%;
padding: 0 5%;
box-sizing: border-box;
text-decoration: none;
}
#home .voice .content a figure
{
position: relative;
overflow: hidden;
width: 100%;
}
#home .voice .content a figure img
{
display: block;
width: 100%;
}
#home .voice .content a figure figcaption
{
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(0,128,0,.2);
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
padding: 50% 0;
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
#home .voice .content a figure:hover figcaption
{
opacity: 1;
}
#home .voice .content a span:nth-of-type(1)
{
display: block;
padding: 20px;
background: #fff;
color: #333;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
#home .voice .content a span:nth-of-type(2)
{
display: block;
padding: 0 20px 20px 20px;
background: #fff;
color: #333;
font-size: 14px;
letter-spacing: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}


/***************************************************************
           ウィジェット
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#home #widget
{
width: 75%;
margin: 50px auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    テーブル
--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
#home #widget #table
{
display: table;
width: 100%;
table-layout: fixed;
box-sizing: border-box;
}
/* クチコミ
--------------------------------------------------------------*/
#home #widget #table #cell:nth-of-type(1)
{
display: table-cell;
vertical-align: top;
padding: 0 25px 0 0;
}
#home #widget #table #cell #yoyaku-commentWidget
{
height: 720px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
/* スクロールバー（参照：https://wemo.tech/535） */
div::-webkit-scrollbar
{
width: 12px;
}
div::-webkit-scrollbar-track
{
background: #fff;
border: none;
border-radius: 10px;
box-shadow: inset 0 0 2px #777; 
}
div::-webkit-scrollbar-thumb
{
background: #aaa;
border-radius: 10px;
box-shadow: none;
}
/* オンライン予約
--------------------------------------------------------------*/
#home #widget #table #cell:nth-of-type(2)
{
display: table-cell;
vertical-align: top;
padding: 0 0 0 25px;
}