@import "default.css";
@import "standard.css";

body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "MS P ゴシック", "MS P Gothic", "sans-Serif";
	font-size: 16px;
	color: #333333;
	-webkit-text-size-adjust: none;
}

/* スタイル
------------------------------------------------ */

/* ヘッダー */
header{
	width: 100%;
	background-color: rgba( 250, 250, 250, 0.45 );
}
header #inbox{
	width: 996px;
	margin: 0 auto;
}
header #inbox #summary{
    padding-top: 10px;
    font-weight: bold;
    font-size: 13px;
}
header #inbox .left{
	width: 380px;
	float: left;
}
header #inbox .left h1{
    margin-bottom: 5px;
	padding-top: 2px;
}
header #inbox .right{
    width: 234px;
    float: right;
}
header #inbox .right .contact dt{
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #013F96;
    background: #F7FAFD;
    text-align: center;
    font-weight: bold;
}
header #inbox .right .contact dd a{
    font-size: 16px;
    color: #339900;
    text-decoration: none;
    text-shadow: 0px 0px 1px #FFF, 0px 0px 2px #FFF, 0px 0px 3px #FFF, 0px 0px 4px #FFF, 0px 0px 5px #FFF, 0px 0px 6px #FFF, 0px 0px 7px #FFF, 0px 0px 8px #FFF;
}
header #inbox .right .contact dd a span{
    font-size: 28px;
}

/* フッター */
footer{
	padding-top: 36px;
    position: relative;
}
footer:before{
    position: absolute;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: url(../image/common/border_pt.gif) repeat-x;
}
#fnavi{
	margin-bottom: 15px;
	text-align: center;
}
#fnavi li{
	padding: 0 15px;
	border-left: 1px #CCC solid;
	display: inline-block;
}
#fnavi li:last-child{
	border-right: 1px #CCC solid;
}
#copyright{
    font-size: 18px;
    color: #000066;
	text-align: center;
}
#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: none;
    background: #000;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}


/* ナビゲーション
------------------------------------------------ */
#gnav{
    height: 64px;
    margin-bottom: 10px;
    border-top: 1px solid #00439C;
	border-bottom: 1px solid #00439C;
    padding-top: 10px;
    background: -moz-linear-gradient(top, #FFF, #F3F3F3);
    background: -webkit-linear-gradient(top, #FFF, #F3F3F3);
    background: linear-gradient(to bottom, #FFF, #F3F3F3);
}
#gnav ul{
    width: 996px;
    margin: 0 auto;
    border-left: 1px solid #00439C;
    font-size: 0;
}
#gnav ul li{
    width: 165px;
    height: 64px;
    border-right: 1px solid #00439C;
    display: inline-block;
    text-align: center;
}
#gnav ul li a{
    width: 100%;
    padding-top: 40px;
    font-size: 15px;
    font-weight: bold;
    color: #003E99;
    text-decoration: none;
    display: block;
}
#gnav ul li.home a{
    background: url(../image/common/gnavi_top.png) no-repeat center 5px;
}
#gnav ul li.about a{
    background: url(../image/common/gnavi_about.png) no-repeat center 5px;
}
#gnav ul li.subject a{
    background: url(../image/common/gnavi_subject.png) no-repeat center top;
}
#gnav ul li.reha a{
    background: url(../image/common/gnavi_reha.png) no-repeat center top;
}
#gnav ul li.accident a{
    background: url(../image/common/gnavi_accident.png) no-repeat center top;
}
#gnav ul li.access a{
    background: url(../image/common/gnavi_access.png) no-repeat center top;
}


/* パンくずナビ
------------------------------------------------ */
#rootlist{
	width: 996px;
	margin: 0 auto 30px;
	font-size: 12px;
}
#rootlist span{
	margin: 0 5px;
}
#rootlist a{
	text-decoration: none;
}

/* Hタグ */
h2.title{
	width: 1000px;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 170px;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #003E99;
}
h3.title{
    margin-bottom: 50px;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-align: center;
    letter-spacing: 0.1em;
}
h3.title span{
    padding: 0 15px;
    background-color: #fff;
    text-align: left;
    position: relative;
    z-index: 2;
    display: inline-block;
}
h3.title::before{
    width: 100%;
    height: 6px;
    position: absolute;
    top: 34%;
    z-index: 1;
    content: '';
    display: block;
    background: url(../image/common/h3_title_bg.gif) repeat-x;
}
h3.title2{
    margin-bottom: 50px;
    padding: 10px;
    font-size: 26px;
    font-weight: bold;
    color: #FFF;
    background: url(../image/common/h3_title2_bg.gif);
    letter-spacing: 0.1em;
}
h3.title3{
    width: 320px;
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #D6D6D6;
}

h4.title{
    margin-bottom: 30px;
    padding: 0 5px;
    border-bottom: 5px solid #A3D5EF;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.1em;
    position: relative;
}
h4.title::after {
    content: '';
    width: 180px;
    height: 5px;
    bottom: -5px;
    left: 0;
    z-index: 2;
    background-color: #003E99;
    position: absolute;
}

/* ヘッドイメージ
------------------------------------------------ */
#head_img{
	width: auto;
	height: 170px;
    margin-bottom: 5px;
    background: url(../image/common/h2_title_bg.gif);
    position: relative;
}
#head_img::before{
    position: absolute;
    top: -10px;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: url(../image/common/border_pt.gif) repeat-x; 
}
#p_about #head_img .bg{
	background: url(../image/common/h2_about_bg.png) no-repeat;
    background-position: calc(50% + 370px) 0;
}
#p_subject #head_img .bg{
	background: url(../image/common/h2_subject_bg.png) no-repeat;
    background-position: calc(50% + 370px) 0;
}
#p_reha #head_img .bg{
	background: url(../image/common/h2_reha_bg.png) no-repeat;
    background-position: calc(50% + 370px) 0;
}
#p_accident #head_img .bg{
	background: url(../image/common/h2_accident_bg.png) no-repeat;
    background-position: calc(50% + 370px) 0;
}
#p_access #head_img .bg{
	background: url(../image/common/h2_access_bg.png) no-repeat;
    background-position: calc(50% + 370px) 0;
}


/* 共通
------------------------------------------------ */
#contents{
    width: 996px;
    margin: 0 auto 50px;
}
.cbox{
	width: auto;
	margin: 0 5px 60px;
}
.inbox{
	width: auto;
	margin-bottom: 60px;
	padding: 0 5px;
}


a.point{
    padding-left: 18px;
    text-decoration: none;
    position: relative
}
a.point:before{
    top: 4px;
    left: 2px;
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-size: 12px;
    color: #FF0000;
    font-weight: 900;
    position: absolute;
}

a.anchor{
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}
br.sp {
	display: none;
}

/* テーブル */
table.stdt1{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 1px #e0e0e0;
}
table.stdt1 caption{
	text-align: left;
}
table.stdt1 th,
table.stdt1 td{
	border: solid 1px #e0e0e0;
	padding: 10px;
	text-align: left;
}
table.stdt1 th{
	background: #F5F5F5;
	white-space: nowrap;
	color: #333333;
}
table.stdt2{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 1px #0099CC;
}
table.stdt2 th,
table.stdt2 td{
	border: solid 1px #0099CC;
	padding: 10px;
    text-align: center;
}
table.stdt2 th{
	background: #F9FDFC;
	white-space: nowrap;
}
table.stdt2 td.space{
    letter-spacing: .3em;
}
table.stdt2 td.money{
    text-align: right;
}

/*各index ナビ部分*/
.snavi{
	width: 1000px;
    margin: 0 auto 40px;
    font-size: 0;
}
.snavi li{
	width: 480px;
    margin: 0 10px 20px;
	display: inline-block;
    background: #064094;
}
.snavi li a{
    height: 150px;
    padding: 30px 15px 0;
    text-align: left;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #FFF;
    text-shadow: 0px 0px 1px #064094, 0px 0px 2px #064094, 0px 0px 3px #064094, 0px 0px 4px #064094, 0px 0px 5px #064094, 0px 0px 6px #064094, 0px 0px 7px #064094, 0px 0px 8px #064094;
    display: block;
}

/* トップページ
------------------------------------------------ */
#p_top #summary{
    color: #FFF;
}
.bg-slider{
	width: auto;
	height: 68vh;
	background-position:center center;
	background-size: cover;
	display: flex;
}
#p_top header{
    position: absolute;
    z-index: 999;
}
#p_top header #inbox{
	width: auto;
	max-width: 1200px;
	min-width: 990px;
	margin: 0 auto;
}*
#p_top #gnav{
    height: 64px;
    margin-bottom: 65px;
}
#p_top #about h2{
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: bold;
    color: #003E99;
    position: relative;
    text-align: center;
    letter-spacing: 0.2em;
}
#p_top #about h2 span{
    margin: 0 2.5em;
    padding: 0 45px;
    background-color: #fff;
    text-align: left;
    position: relative;
    z-index: 2;
    display: inline-block;
}
#p_top #about h2::before{
    width: 100%;
    height: 10px;
    position: absolute;
    top: 34%;
    z-index: 1;
    content: '';
    display: block;
    background: url(../image/common/border_pt.gif) repeat-x;
}
#p_top #about .cbox{
    text-align: center;
}
#p_top #info{
    margin-bottom: 60px;
    padding: 40px 0;
    background: url(../image/top/info_bg.gif)
}
#p_top #info .cbox{
    width: 1000px;
    margin: 0 auto;
}
#p_top #info .left{
    width: 640px;
    padding: 20px;
    float: left;
    background: #FFF;
}
#p_top #info .left h2{
    margin-bottom: 30px;
    padding-left: 45px;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.1em;
    position: relative
}
#p_top #info .left h2:before{
    content: url(../image/top/info_pt.jpg);
    top: -4px;
    left: 0;
    position: absolute;
}
#p_top #info .left .log{
    margin-bottom: 30px;
    padding: 0 8px 20px;
    border-bottom: 1px solid #D6D6D6;
}
#p_top #info .left .log:last-child{
    margin-bottom: 0;
}
#p_top #info .left .log dt{
    margin-bottom: 15px;
    font-weight: bold;
	color: #F60;
}
#p_top #info .right{
    width: 290px;
    padding: 5px;
    float: right;
    background: #FFF;
}
#p_top #info .right h2{
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #FFF;
    background: #2382CF;
    text-align: center;
}
#p_top #info .right .box{
    padding: 15px 10px 10px;
}
#p_top #info .right .timetable{
    width: 100%;
    margin: 0 auto 5px;
    border-collapse: collapse;
    border: solid 1px #e0e0e0;
    font-size: 13px;
}
#p_top #info .right .timetable tr.blue{
    background: #DFF2FB;
}
#p_top #info .right .timetable th,
#p_top #info .right .timetable td{
	padding: 5px;
	border: solid 1px #e0e0e0;
	text-align: center;
}
#p_top #info .right .timetable th{
    font-weight: bold;
    color: #333333;
	background: #F0F0F0;
	white-space: nowrap;
    font-size: 14px;
}
#p_top #info .right .timetable td{
    color: #003E99;
}
#p_top #info .right .timetable td.time{
    color: #333333;
    font-size: 14px;
	line-height: 1em;
}
#p_top #info .right .caution{
    margin-bottom: 10px;
}
#p_top #info .right .caution li{
    padding-left: 1em;
    font-size: 12px;
    position: relative
}
#p_top #info .right .caution li:before{
    content: "※";
    top: 0;
    left: 0;
    position: absolute;
}
#p_top #info .right .ggmap{
    margin-bottom: 5px;
}
#p_top #info .right .address{
    font-size: 12px;
    text-align: center;
}
#p_top #banner{
	margin-bottom: 60px;
	text-align: center;
	font-size: 0;
}
#p_top #banner li{
	margin: 0 5px;
	display: inline-block;
}
#p_top .photo_box{
    width: 980px;
    margin: 0 auto 60px;
}
#p_top .photo_box h2{
    width: 440px;
    margin: 0 auto 30px;
    padding-bottom: 5px;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #003E99;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
#p_top .photo_box dl{
	margin: 0;
	padding: 0;
}
#p_top .photo_box dl img{
    width: 240px;
	height: auto;
}
#p_top .photo_box #streetview{
	text-align: center;
}

/* 当院の紹介
------------------------------------------------ */
/*ナビ部分*/
#p_about .snavi .message{
    background: url(../about/image/menu_message.png) no-repeat top right #064094;
}
#p_about .snavi .hospital{
    background: url(../about/image/menu_hospital.png) no-repeat top right #064094;
}
#p_about .snavi .machine{
    background: url(../about/image/menu_machine.png) no-repeat top right #064094;
}
#p_about .snavi .access{
    background: url(../about/image/menu_access.png) no-repeat top right #064094;
}

/*院長・スタッフ紹介*/
#p_about .message .box{
    margin-bottom: 60px;
    padding: 30px 30px 70px;
    background: url(../about/image/message/message_bg.png) no-repeat right #014399;
    color: #FFF;
    background-size: auto;
}
#p_about .message h3.title_center{
    width: 370px;
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.2em;
}
#p_about .message .text{
    width: 620px;
    font-size: 18px;
}
#p_about .career table{
    width: 100%;
    border-collapse: collapse;
}
#p_about .career th{
    width: 6em;
    font-weight: normal;
}
#p_about .career th,
#p_about .career td{
    padding: 12px 20px;
}
#p_about .career tr:nth-child(odd){
    background-color: #F7F5EA;
}
#p_about .staff .inbox{
    padding: 40px 0;
    text-align: center;
    background: #F3F3F3;
}

/*院内の紹介*/
#p_about .hospital .inbox{
    padding: 20px;
    border: 3px solid #A3D5EF;
}
#p_about .hospital .left{
    width: 620px;
    float: left;
}
#p_about .hospital dt{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #003E99;
}
#p_about .hospital .text{
    margin-bottom: 20px;
}
#p_about .hospital .text dt{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #003E99;
}
#p_about .hospital .left .text{
    margin-bottom: 0;
}
#p_about .hospital .right{
    width: 300px;
    float: right;
}
#p_about .hospital .photo{
    font-size: 0;
}
#p_about .hospital .photo li{
    margin-right: 20px;
    display: inline-block;
}
#p_about .hospital .photo li:last-child{
    margin: 0;
}

/*検査機器*/
#p_about .machine .inbox{
    padding: 20px;
    border: 3px solid #A3D5EF;
}
#p_about .machine .left{
    width: 620px;
    float: left;
}
#p_about .machine dt{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #003E99;
}
#p_about .machine .box{
    margin-bottom: 30px;
}
#p_about .machine .text dt{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #003E99;
}
#p_about .machine .right{
    width: 300px;
    float: right;
}
#p_about .kotumitudo{
    padding: 20px;
    background: #FFFAEA;
}
#p_about .kotumitudo .left{
    width: 630px;
    float: left;
}
#p_about .kotumitudo .right{
    width: 240px;
    float: right;
}
#p_about .kotumitudo .list{
    margin-bottom: 30px;
}
#p_about .kotumitudo .list li{
    margin-right: 5px;
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid #003E99;
    border-radius: 20px;
    background: #FFF;
    font-weight: bold;
}
#p_about .machine .button{
    width: 320px;
    margin: 0 auto;
}
#p_about .machine .button a{
    padding: 10px 0;
    background: #004098;
    text-decoration: none;
    color: #FFF;
    display: block;
    text-align: center;
}

/* 診療案内
------------------------------------------------ */
/*ナビ部分*/
#p_subject .snavi .department{
    background: url(../subject/image/menu_department.png) no-repeat top right #064094;
}
#p_subject .snavi .flow{
    background: url(../subject/image/menu_flow.png) no-repeat top right #064094;
}
#p_subject .snavi .faq{
    background: url(../subject/image/menu_faq.png) no-repeat top right #064094;
}

/*診療科目*/
#p_subject .department .courses{
    font-size: 0;
}
#p_subject .department .courses li{
    width: 130px;
    margin: 0 15px 30px;
    padding-bottom: 5px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid #CCC;
    vertical-align: bottom;
}
#p_subject .department .courses li span{
    display: block;
    font-size: 0.7em;
}
#p_subject .department .courses li.small{
    font-size: 14px;
}

/*診察の流れ*/
#p_subject .flow .inbox{
    padding: 30px;
    border: 3px solid #C6E4FB;
}
#p_subject .flow .box{
    margin-bottom: 20px;
}
#p_subject .flow .left{
    width: 636px;
    float: left;
}
#p_subject .flow h4.step{
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 68px;
    font-size: 30px;
    color: #004198;
    font-weight: bold;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
    position: relative;
}
#p_subject .flow h4.step .count{
    position: absolute;
    top: -5px;
    left: 0;
    width: 58px;
    height: 48px;
    padding-top: 10px;
    border-radius: 29px;
    background: #004298;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 1em;
    color: #FFF;
}
#p_subject .flow h4.step .count .number{
    padding-top: 8px;
    font-size: 30px;
    display: block;
}
#p_subject .flow .right{
    width: 270px;
    float: right;
}
#p_subject .flow .box2{
    padding: 20px;
    background: #FFFAEA;
}
#p_subject .flow .box2 h5.title{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}
#p_subject .flow .box2 h5.title_blue{
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #004098;
    text-align: center;
}
#p_subject .flow .box2 .list li{
    margin-left: 1em;
    position: relative;
}
#p_subject .flow .box2 .list li::before{
    content: "・";
    position: absolute;
    top: 0;
    left: -1em;
}
#p_subject .flow .box2 .line2{
    width: 300px;
    display: inline-block;
}
#p_subject .flow .box2 .machine{
    width: 270px;
    margin: 0 8px 20px;
    display: inline-block;
    vertical-align: top;
}
#p_subject .flow .box2 .machine dt{
    margin-bottom: 10px;
}
#p_subject .flow .box2 .machine dt img{
    width: 100%;
}
#p_subject .flow .box2 .button{
    width: 230px;
    margin: 0 auto;
}
#p_subject .flow .box2 .button a{
    padding: 10px 0;
    background: #004098;
    text-decoration: none;
    color: #FFF;
    display: block;
}
#p_subject .flow .arrow{
    width: 108px;
    height: 30px;
    margin: 0 auto 30px;
    background: url(../image/common/arrow.gif) no-repeat;
}

/*よくある質問*/
#p_subject .faq{
    margin-bottom: 50px;
}
#p_subject .faq dt{
    margin-bottom: 20px;
    padding: 16px;
    padding-left: 60px;
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: -moz-linear-gradient(top, #FFF, #F8F8F8);
    background: -webkit-linear-gradient(top, #FFF, #F8F8F8);
    background: linear-gradient(to bottom, #FFF, #F8F8F8);
    position: relative;
}
#p_subject .faq dt::before{
    content: "Q";
    width: 38px;
    height: 38px;
    top: 10px;
    left: 12px;
    border-radius: 19px;
    background: #FF6600;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    color: #FFF;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: 700;
    transform: rotate(.03deg);
    position: absolute;
}
#p_subject .faq dd{
    margin: 0 12px;
}

/* リハビリテーション
------------------------------------------------ */
/*ナビ部分*/
#p_reha .snavi .feature{
    background: url(../reha/image/menu_feature.png) no-repeat top right #064094;
}
#p_reha .snavi .flow{
    background: url(../reha/image/menu_flow.png) no-repeat top right #064094;
}
#p_reha .snavi .various{
    background: url(../reha/image/menu_various.png) no-repeat top right #064094;
}
#p_reha .snavi .machine{
    background: url(../reha/image/menu_machine.png) no-repeat top right #064094;
}
#p_reha .snavi .daycare{
    background: url(../reha/image/menu_daycare.png) no-repeat top right #339966;
}
#p_reha .snavi .visit{
    background: url(../reha/image/menu_visit.png) no-repeat top right #339966;
}
#p_reha .snavi .daycare a,
#p_reha .snavi .visit a{
    text-shadow: 0px 0px 1px #339966, 0px 0px 2px #339966, 0px 0px 3px #339966, 0px 0px 4px #339966, 0px 0px 5px #339966, 0px 0px 6px #339966, 0px 0px 7px #339966, 0px 0px 8px #339966;
}

/*リハビリの特徴*/
#p_reha .feature{
    font-size: 0;
}
#p_reha .feature .left{
    margin-right: 26px;
}
#p_reha .feature .item{
    width: 480px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}
#p_reha .feature .item dt{
    margin-bottom: 10px;
    font-size: 23px;
    font-family: "Sawarabi Mincho";
    font-weight: 700;
}
#p_reha .feature .item dt:before{
    content: "◎";
    color: #05408A;
}
#p_reha .feature .item dd{
    font-size: 16px;
}
#p_reha .feature .item .photo{
    margin-bottom: 20px;
}
#p_reha .feature .item .photo img{
    width: 100%;
}
#p_reha .feature .item .text{
    font-size: 16px;
}
#p_reha .feature .item .button{
    width: 200px;
    margin: 0 auto 20px;
    padding: 5px 0;
    color: #003E99;
    text-align: center;
    cursor: pointer;
    border: 1px solid #003E99;
    border-radius: 20px;
}

/*リハビリの流れ*/
#p_reha .flow .inbox{
    margin-bottom: 30px;
    padding: 20px;
    border: 3px solid #A3D5EF;
}
#p_reha .flow .number{
    width: 160px;
    float: left;
    color: #BDCDE5;
    font-size: 150px;
    line-height: 1em;
    font-family: 'Lora', serif;
    font-weight: 400;
}
#p_reha .flow .number::first-letter{
    color: #E7E7E7;
}
#p_reha .flow .box{
    width: 740px;
    float: right;
}
#p_reha .flow .item{
    padding-top: 20px;
}
#p_reha .flow .item dt{
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: bold;
}
#p_reha .flow .item span{
    color: #FF6600;
}
#p_reha .flow .plan{
    padding: 20px;
    background: #FFFAEA;
}
#p_reha .flow .plan .left{
    width: 570px;
    float: left;
}
#p_reha .flow .plan .right{
    width: 300px;
    float: right;
}
#p_reha .flow .plan h4{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #FF6600;
}
#p_reha .flow .arrow{
    width: 108px;
    height: 30px;
    margin: 0 auto 30px;
    background: url(../image/common/arrow.gif) no-repeat;
}

/*治療機器*/
#p_reha .machine .inbox{
    padding: 20px;
    border: 3px solid #A3D5EF;
}
#p_reha .machine .left{
    width: 640px;
    float: left;
}
#p_reha .machine dt{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #003E99;
}
#p_reha .machine .text dt{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #003E99;
}
#p_reha .machine .right{
    width: 270px;
    float: right;
    text-align: center;
}
#p_reha .machine .right img{
    width: 100%;
}
#p_reha .machine .right .long{
    width: auto;
}

/*さまざまなリハビリ*/
#p_reha .various .inbox{
    padding: 20px;
    border: 3px solid #A3D5EF;
}
#p_reha .various .left{
    width: 640px;
    float: left;
}
#p_reha .various dt{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #003E99;
}
#p_reha .various .text dt{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #003E99;
}
#p_reha .various .right{
    width: 270px;
    float: right;
    text-align: center;
}
#p_reha .various .right img{
    width: 100%;
}
#p_reha .various .method{
    margin-bottom: 30px;
    padding: 20px;
    background: #FFFAEA;
}
#p_reha .various .method .list li{
    margin-bottom: .5em;
    padding-left: 1.5em;
    font-weight: bold;
    position: relative;
}
#p_reha .various .method .list li:last-child{
    margin-bottom: 0;
}
#p_reha .various .method .list li:before{
    content: "◎";
    top: 0;
    left: 0;
    position: absolute;
}
#p_reha .various .plan{
    text-align: center;
}
#p_reha .various .plan .box{
    width: 420px;
    margin: 0 15px;
    display: inline-block;
    vertical-align: top;
}
#p_reha .various .plan .box h4{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
#p_reha .various .plan .box dl{
    width: 170px;
    margin-bottom: 20px;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #004097;
    display: inline-block;
}
#p_reha .various .plan .box .left{
    margin-right: 34px;
    position: relative;
}
#p_reha .various .plan .box .left::after{
    content: '';
    display: inline-block;
    margin: auto;
    right: -22px;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    border: 1px solid;
    border-color: #FF0000 #FF0000 transparent transparent;
    transform: rotate(45deg);
    position: absolute;
}
#p_reha .various .plan .box dt{
    margin-bottom: 10px;
    padding: 10px 0;
    background: #004097;
    color: #FFF;
}
#p_reha .various .plan .box p{
    text-align: left;
}

/*通所リハビリ*/
#p_reha .bluebox{
    padding: 20px;
    color: #FFF;
    background: #014199;
}
#p_reha .daycare .left{
    width: 570px;
    float: left;
}
#p_reha h4.lead{
    margin-bottom: 20px;
    font-size: 26px;
    font-family: "Sawarabi Mincho";
    font-weight: 400;
    color: #336699;
}
#p_reha .daycare .right{
    width: 370px;
    float: right;
}
#p_reha .flow2 .inbox{
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #003E99;
}
#p_reha .flow2 .number{
    width: 80px;
    float: left;
    color: #BDCDE5;
    font-size: 70px;
    line-height: 1em;
    font-family: 'Lora', serif;
    font-weight: 400;
}
#p_reha .flow2 .number::first-letter{
    color: #E7E7E7;
}
#p_reha .flow2 .box{
    width: 840px;
    float: right;
}
#p_reha .flow2 .item dt{
    margin-bottom: 10px;
    font-weight: bold;
}
#p_reha .flow2 .left{
    width: 480px;
    float: left;
}
#p_reha .flow2 .right{
    width: 300px;
    float: right;
}
#p_reha .flow2 .arrow{
    width: 108px;
    height: 30px;
    margin: 0 auto 30px;
    background: url(../image/common/arrow.gif) no-repeat;
}
#p_reha .flow2 .caution{
    width: 860px;
    margin: 0 auto;
    color: #FF0000;
}
#p_reha .price h5{
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
}
#p_reha .price .stdt2{
    width: 960px;
    margin: 0 auto;
}
#p_reha .price .stdt2 th{
    width: 50%;
    letter-spacing: .5em;
}
#p_reha .schedule .stdt2{
    width: 960px;
    margin: 0 auto;
}

/*訪問リハビリ*/
#p_reha .visit .left{
    width: 600px;
    float: left;
}
#p_reha .visit .right{
    width: 314px;
    float: right;
}
#p_reha .visit .left .list{
    padding-top: 20px;
}
#p_reha .visit .list li{
    margin-bottom: 5px;
    padding-left: 1.5em;
    position: relative;
}
#p_reha .visit .list li::before{
    content: "";
    top: 7px;
    left: 8px;
    width: 8px;
    height: 8px;
    background: url(../reha/image/visit/list_pt.gif) no-repeat;
    position: absolute;
}


/* 交通事故・労働災害
------------------------------------------------ */
/*交通事故*/
#p_accident #traffic .inbox{
    height: 558px;
    margin-bottom: 0;
    padding-right: 360px;
    background: url(../accident/image/traffic_bg.jpg) no-repeat right bottom;
}
#p_accident #traffic .inbox .list{
    margin-left: 20px;
}
#p_accident #traffic .inbox .list li{
    width: 445px;
    margin-bottom: 10px;
    padding: 5px 40px;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #003E99;
    border-radius: 20px;
    position: relative;
}
#p_accident #traffic .inbox .list li:before{
    position: absolute;
    content: "";
    top: 10px;
    left: 16px;
    width: 16px;
    height: 15px;
    background: url(../accident/image/check_pt.jpg) no-repeat;
}
#p_accident #traffic .treatment{
    padding: 20px;
    background: #FFFAEA;
}
#p_accident #traffic .treatment .text dt{
    margin-bottom: 10px;
    font-weight: bold;
    color: #003e99;
}
#p_accident #traffic .treatment .text dd{
    margin-bottom: 5px;
    margin-left: 1em;
    padding: 5px;
    padding-left: 32px;
    position: relative;
}
#p_accident #traffic .treatment .text dd span{
    width: 24px;
    height: 24px;
    top: 3px;
    left: 0;
    background: #003e99;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #FFF;
    position: absolute;
}
/*労働災害*/
#p_accident #work .inbox{
    padding: 20px;
    border: 1px solid #A3D5EF;
}
#p_accident #work .left{
    width: 240px;
    float: left;
}
#p_accident #work .right{
    width: 566px;
    padding: 50px;
    float: right;
}

/* アクセス
------------------------------------------------ */
#p_access .list{
    margin-bottom: 10px;
}
#p_access .list li{
    width: 480px;
    display: inline-block;
    vertical-align: top;
}
#p_access .list li:first-child{
    margin-right: 20px;
}
#p_access .map{
    margin-bottom: 50px;
}
#p_access .parking{
    text-align: center;
}
#p_access .parking .item{
    width: 300px;
    margin: 0 12px;
    display: inline-block;
}
#p_access .parking .item dt{
    margin-bottom: 5px;
}