@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

html {
  height: 100%;
}

body {
	color: #111;
	background-color: #FFFFFF;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	word-wrap: break-word;
	height: 100%;
}

.font_mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_garamond {
	font-family: 'Cormorant Garamond', serif;
}
.font_raleway {
	font-family: 'Raleway', sans-serif;
}

section,
article {
	display: block;
}

img {
	vertical-align: top;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

li {
	list-style-type: none;
}

a {
	color: #0066CC;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover {
	color: #0099CC;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}

.clfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.font_left{
    text-align: left;
}

/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	position: fixed;
	z-index: 300;
}

header h1 a img {
	display: block;
	position: absolute;
}

header .h_btn a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #FFF;
	letter-spacing: 1px;
	border: 5px solid #EEE;
	background-color: #0085B2;
}
header .h_btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border: 5px solid #0085B2;
}
header .h_tel a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #036;
	font-size: 20px;
	width: auto;
	font-weight: bold;
	letter-spacing: 1px;
}

header .h_tel a strong {
	font-size: 130%;
}

header .h_btn a i,
header .h_tel a i {
	padding-left: 5px;
	padding-right: 5px;
}
#g_navi ul li a.ac_menu {
	cursor: pointer;
	overflow: hidden;
}

.pankuzu {
	background-color: #F6F6F6;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 30px;
	color: #555;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

.pankuzu ul {
	width: 96%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.pankuzu li {
	display: inline-block;
}

.pankuzu li a {
	text-decoration: none;
	color: #999;
}

.pankuzu li a::after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}

.pankuzu li a:hover {
	color: #111;
}

.pankuzu li i {
	padding-right: 5px;
}


/*
メインコンテンツ
-------------------------------------------*/
.content {
	width: 100%;
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 50px;
}
.cont_wrap {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


#top_slide {
	padding-top: 100px;
	background-color: #000;
	padding-bottom: 5px;
}

#sub_top {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	height: 150px;
	line-height: 30px;
	padding-top: 270px;
	width: 100%;
	background-size: cover;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	color: #eee;
	font-size: 24px;
    font-weight: 600;
	letter-spacing: 0.8em;
    text-shadow: 
        3px 3px 3px rgba(0, 0, 0, 0.5),
        -3px 3px 3px rgba(0, 0, 0, 0.5),
        -3px -3px 3px rgba(0, 0, 0, 0.5),
        3px -3px 3px rgba(0, 0, 0, 0.5);
}

.content h2 {
	font-size: 36px;
	line-height: 30px;
	margin-bottom: 30px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0085B2;
	letter-spacing: 1px;
	color: #036;
	text-align: center;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
}
.content h2 span {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 50%;
	font-weight: normal;
}

.content h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 20px;
	background-color: #B0A19C;
	position: relative;
	margin-top: 40px;
	padding-top: 15px;
	padding-right: auto;
	padding-bottom: 15px;
	padding-left: auto;
	color: #ffffff;
    text-align: center;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    clear: both;
}

.content h3 span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

.download .content h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	color: #111;
    text-align: left;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;	clear: both;
}


.download .content h3::after {
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #0085B2;
	content: '';
}

.download.content h3 span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}

.content h4 {
	font-size: 20px;
	color: #0085B2;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.content h5{
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #0085B2;
    /* 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
    */
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #fff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;	clear: both;
}

.content h6{
    width: 60%;
	font-size: 22px;
	line-height: 25px;
    text-align: center;
	margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
	background-color: #88766F;
    /*     */
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	position: relative;
	margin-top: 60px;
	padding-top: 15px;
	padding-right: auto;
	padding-bottom: 15px;
	padding-left: auto;
	color: #fff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	clear: both;
}

.content h7 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 20px;
	background-color: #B7EFBB;
	position: relative;
	margin-top: 40px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	color: #000000;
    text-align: center;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    clear: both;
}

.content p {
	font-size: 20px;
	line-height: 1.8;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
}

.content .ul_news li {
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 3px;
    /*　block　
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #393535;
    */
	font-size: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.content .ul_news li span.news_date {
	color: #000;
	padding-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #393535;
}

.content .ul_news li span.news_icon {
	color: #FFF;
	padding: 5px;
	display: inline-block;
	padding-right: 5px;
	background-color: #FF6600;
	margin-right: 10px;
    line-height: 100%;
	font-weight: bold;
    vertical-align: 4px;
	font-size: 16px;
}

.content .ul_news li span.news_icon.cl_02 {
	background-color: #009999;
}

.content .ul_news li span.news_icon.cl_03 {
	background-color: #4169e1;
}

.content .ul_news li span.news_icon.cl_04 {
	background-color: #c71585;
}

.content .ul_news li span.news_icon.cl_05 {
	background-color: #696969;
}


.content .ul_news li span.ml {
    margin-left: 25px;
}

.content .ul_news p {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 20px;
	margin-left: 20px;
}


.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.img_center2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.img_center_tbox {
	display: block;
	margin:10px auto;
    text-align: center;
}

.img_center_tbox2 {
	display: block;
	margin:20px auto;
    text-align: center;
}

.img_center_tbox3 {
	display: block;
	margin:10px 0px 10px 65px;
    text-align: center;
}
@media screen and (max-width:460px){
    .img_center {
        width:95%
    }
    .img_center_tbox3 {
        display: block;
        margin:0px auto;
        text-align: center;
    }
    .content .ul_news li span.news_icon {
        font-size: 14px;
    }
}


.img_left {
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}
.img_right {
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

.content .img_left p {
	font-size: 12px;
	margin: 0px;
}

.m_left1 {
    margin-left: 20px;
}

.text_center{
    text-align: center;
}

.text_center_b{
    text-align: center;
    font-size: 20px；
}


.text_right{
    text-align: right;
    margin-right: 20px;
}

.text_center18{
    text-align: center;
    margin-right: 18px;
}
	
#spblock{
		display: none;
	}	
#spfotter{
		display: none;
}	


/* スマフォ　PC br分岐　*/
@media screen and (min-width: 640px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}

@media screen and (max-width: 640px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}



/*
お問い合わせ部分
-------------------------------------------*/
.box_contact {
	background-color: #F0F8FF;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*    block
.box_contact {
	background-color: #F0F8FF;
	padding-top: 70px;
	padding-bottom: 50px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../img/sankaku2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
*/

.box_contact.only_tel {
	background-image: none;
}

.box_contact h3 {
	color: #006384;
}

.box_contact p {
	margin-top: 10px;
	margin-bottom: 20px;
}
/* block  */

.box_contact .btn a {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 5px solid #0085B2;
	text-decoration: none;
	display: block;
	width: 90%;
	background-color: #0085B2;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 500px;
}
.box_contact .btn a i {
	padding-right: 10px;
	font-size: 120%;
}
.box_contact .btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border-top-color: #0085B2;
	border-right-color: #0085B2;
	border-bottom-color: #0085B2;
	border-left-color: #0085B2;
}

.box_contact .btn a {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 5px solid #0085B2;
	text-decoration: none;
	display: block;
	width: 90%;
	background-color: #0085B2;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 500px;
}
.box_contact .btn a i {
	padding-right: 10px;
	font-size: 120%;
}
.box_contact .btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border-top-color: #0085B2;
	border-right-color: #0085B2;
	border-bottom-color: #0085B2;
	border-left-color: #0085B2;
}


.box_contact .tel a {
	font-size: 30px;
	font-weight: bold;
	color: #0085B2;
	text-decoration: none;
}
.box_contact .tel a strong {
	font-size: 150%;
}
.box_contact .tel a i {
	padding-right: 10px;
	font-size: 120%;
}

@media screen and (min-width:960px){
	
.box_contact .box_in {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.box_contact .btn {
	float: left;
	width: 50%;
}

.box_contact .tel {
	float: right;
	width: 50%;
}
    

.box_contact.only_tel .tel {
	float: none;
	width: 100%;
}

}

@media screen and (max-width:480px){
.box_contact .btn a {
	font-size: 18px;
}
.box_contact .tel a {
	font-size: 24px;
}

}

/*-----トップへ戻るボタン------*/

.to_top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 200;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.to_top a {
	text-decoration: none;
	color: #FFF;
	text-align: center;
	display: block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: 10px;
	background-color: #0085B2;
	padding: 20px;
	height: 30px;
	width: 30px;
}
.to_top a:hover {

}

/*
フッター
-------------------------------------------*/

footer {
	background-color: #446987;
	color: #FFF;
	clear: both;
	width: 100%;
	display: block;
}

footer ul.f_bn {
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #446987;
}
footer .f_bn li {
	display: inline;
}
footer .f_bn li a {
	display: inline-block;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	margin-left: 10px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-right: 10px;
}

footer .f_bn li a:hover {
	background-color: #0085B2;
}

footer .f_bn li a i {
	padding-right: 5px;
	font-size: 200%;
}


footer ul.f_list {
	display: block;
	width: 33.3%;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
}

footer ul.f_list li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 2px;
}

footer ul.f_list li li a {
	padding-left: 25px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 14px;
}

footer ul.f_list li li a:hover {
	background-color: #0085B2;
}

footer ul.f_list li li a::before {
	content:"・";
	position: absolute;
	top: 5px;
	left: 5px;
}


address {
	font-size: 12px;
	font-style: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	clear: both;
	background-color: #003866;
}

footer .box_pr {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	background-color: #003866;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0085B2;
}

.box_pr ul li {
	display: inline;
	padding: 5px;
}

.box_pr ul li a {
	color: #FFF;
}

/*
各種テーブル
-------------------------------------------*/
.content table.table_01 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.content table.table_01 th,
.content table.table_01 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content table.table_01 th {
	font-size: 20px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
}
.content table.table_01 td {
	font-size: 20px;
	line-height: 30px;
	background-color: #FFF;
}

.content table.table_02 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 820px;
}
.content table.table_02 th,
.content table.table_02 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	padding: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-left-color: #BBB;
}
.content table.table_02 th {
	font-size: 20px;
	white-space: nowrap;
	letter-spacing: 1px;
	background-color: #F6F6F6;
	color: #006384;
}
.content table.table_02 td {
	font-size: 20px;
	line-height: 30px;
	background-color: #FFF;
}


.content table.table_02 .tr_gr th {
	background-color: #EEE;
}
.content table.table_02 .tr_gr td {
	background-color: #F9F9F9;
}

.content table.table_02 td .price {
	font-size: 150%;
	white-space: nowrap;
	color: #006384;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}


.small {
	font-size: 80%;
	color: #666;
}
.chui {
	color: #F03600;
}


.table_01 th span {
	font-size: 12px;
	color: #CCC;
}


.content table.table_03 {
	width: 96%;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 40px;
}
.content table.table_03 th,
.content table.table_03 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content table.table_03 th {
	font-size: 20px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
    text-align: left;
	width: 33%;
}
.content table.table_03 td {
	font-size: 20px;
	line-height: 30px;
	background-color: #FFF;
}


/*
FAQ
-------------------------------------------*/

.content dl.faq {
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.content dl.faq dt {
	font-size: 22px;
	line-height: 30px;
	position: relative;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #f0f8ff;
	color: #4682b4;
    font-weight: 600;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.content dl.faq dt span {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #c71585;
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
 	margin-left: -12px;
  border-right: 12px solid transparent;
  border-top: 20px solid #c71585;
  border-left: 12px solid transparent;
 	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq dd {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/*
FAQ　ハイパーサーミア
-------------------------------------------*/

.content dl.faq2 {
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.content dl.faq2 dt {
	font-size: 26px;
	line-height: 30px;
	position: relative;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #ff8000;
    font-weight: 600;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #20b2aa;
    
}
.content dl.faq2 dt span {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #c71585;
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq2 dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
 	margin-left: -12px;
  border-right: 12px solid transparent;
  border-top: 20px solid #c71585;
  border-left: 12px solid transparent;
 	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq2 dd {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 36px;
	font-size: 22px;
}

@media screen and (max-width:460px){
    .content dl.faq2 {
	margin-bottom: 10px;
	padding: 10px;
    } 
    .content dl.faq2 dt {
	font-size: 18px;
    }
.content dl.faq2 dd {
	font-size: 14px;
	padding-right: 10px;
    padding-left: 10px;
    }

}

   
/*
グーグルマップ
-------------------------------------------*/

.g_map_base {
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 80px;
	padding-left: 20px;
}

.g_map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
グーグルカレンダー
-------------------------------------------*/

.googleCalendar iframe {
  width: 100%;
  height: 400px;
}

@media all and (min-width: 768px) {
  .googleCalendar iframe {
	height: 600px;
  }
}



/*
スライダー
-------------------------------------------*/
.sp-thumbnail-container img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	object-fit: cover;
}
.sp-thumbnail-container:hover img,
.sp-thumbnail-container.sp-selected-thumbnail img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor: pointer;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#top_slide .top_catch {
	font-size: 5vw;
	line-height: 1.2;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 45%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	-webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	-ms-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
}
#top_slide .top_catch span {
	font-size: 110%;
}

#top_slide .top_catch2 {
	font-size: 2.5vw;
	line-height: 1.5;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 45%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	-webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	-ms-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
}
#top_slide .top_catch2 span {
	font-size: 165%;
}

#top_slide .top_catch2  a{
    text-decoration: none;
    color: #FFF;
}

#top_slide .top_catch2  a:hover{
    text-decoration: none;
    color: #FFF;
}

#top_slide .slide_btn a {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20%;
	font-size: 18px;
	color: #FFF;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #FFF;
	line-height: 40px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
#top_slide .slide_btn a:hover {
	background-color: #FFF;
	color: #111;
}



/*
トップピックアップバナー
-------------------------------------------*/

.pickup {
	background-color: #012;
	padding-top: 30px;
	padding-bottom: 30px;
}

.pickup ul {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.pickup ul li {
	width: 33%;
	max-height: 220px;
	position: relative;
}
.pickup ul li a .pu_icon {
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #0085B2;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}
.pickup ul li a div {
	position: absolute;
	top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
	height: auto;
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}
.pickup ul li a div .pu_title {
	display: block;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

.pickup ul li a img {
	-webkit-filter:brightness(0.5);
    -moz-filter:brightness(0.5);
    -ms-filter:brightness(0.5);
    filter:brightness(0.5)
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pickup ul li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.0);
    -moz-filter:brightness(1.0);
    -ms-filter:brightness(1.0);
    filter:brightness(1.0);
}

@media screen and (min-width:960px){
body {
	font-size: 20px;
}
.sm-slider, .sm-slider::after {
	top: 100px !important;
}
/*
ヘッダー
-------------------------------------------*/
header {
	height: 140px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	position: fixed;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


header h1 a img {
	top: 20px;
	left: 10px;
}

header .h_btn a {
	width: 160px;
	top: 14px;
	right: 10px;
	line-height: 38px;
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
}
header .h_tel a {
	top: 23px;
	right: 190px;
	line-height: 38px;
	padding-top: 4px;
}

header.fixed {
	height: 100px;
}

header.fixed h1 a img {
	height: 40px;
	top:5px;
}
header.fixed .h_btn a,
header.fixed .h_tel a {
	top: 5px;
}


.menu_btn,
.btn_close {
	display: none;
}

/*
PCグローバルナビ
-------------------------------------------*/
#g_navi {
	width: 99%;
	padding-left: 1%;
	display: block !important;
	height: 50px;
	position: absolute;
	z-index: 1000;
	left: 0px !important;
	bottom: 0px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
}

#g_navi ul.navi_base {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#g_navi ul li{
	display: inline;
}

#g_navi li a {
	width: 10%;
	padding-top: 10px;
	height: 40px;
	display: block;
	color: #036;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	position: relative;
	float: left;
}

#g_navi li a::before {
	display: block;
	height: 2px;
	position: absolute;
	top: 2px;
	width: 70%;
	left: 15%;
	background-color: #FFF;
	content: '';
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi li a:hover::before {
	background-color: #0085B2;
	top:0px;
}

#g_navi li a:hover,
#g_navi li a.active,
#g_navi ul li:hover > a {
	color: #fff;
    background-color:#001533;
}

#g_navi ul li:hover > a.ac_menu,
#g_navi li a.ac_menu:hover {
	position: relative;
}

#g_navi li a.ac_menu::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
 	margin-left: -15px;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #FFF;
  border-left: 15px solid transparent;
 	z-index: 300;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi ul li:hover > a.ac_menu::after,
#g_navi li a.ac_menu:hover::after {
  border-bottom: 20px solid #001533;
}

#g_navi ul li div {
	position: absolute;
	z-index: 2000;
	top: 50px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	width: 100%;
	height: auto;
	background-color: #001533;
}
#g_navi ul li ul{
  width: 96%;
  padding-left: 2%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#g_navi li ul li a {
	width: 21%;
	padding-left: 3%;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 25px;
	height: auto;
	color: #FFF;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#g_navi li ul li a::after {
	content: "+";
	color: #FFF;
	position: absolute;
	display: block;
	left: 15px;
	top: 8px;
	font-size: 9px;
}
#g_navi li ul li a:hover::after {
	color: #036;
}
#g_navi ul li ul li a:hover{
	color: #036;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
}
#g_navi li li a::before {
	display: none;
}

#g_navi ul li:hover div{
  visibility: visible;
  opacity: 1;
}

#g_navi div.ac_list {
	display: block !important;
}
    
#g_navi .tc_pink {
    color: #ed1e79;
    font-weight: 800;
    font-size: 20px;
}
#g_navi .tsmall {
    font-size: 12px;
}
    
#g_navi ul li:hover > a .tc_pink {
    color: #fff;
    font-weight: 800;
}

header.fixed #g_navi {
	height: 40px;
}

header.fixed #g_navi ul li div {
	top: 40px;
}

header.fixed #g_navi li a {
	padding-top: 10px;
	height: 30px;
}

header.fixed #g_navi li ul li a {
	padding-top: 9px;
	height: 22px;
}

/*
サブトップ
-------------------------------------------*/
#sub_top.company {
	background-image: url("../webp/top_head/sub_top_contact.webp");
}
#sub_top.contact {
	background-image: url("../webp/top_head/sub_top_contact.webp");
}
#sub_top.outpatient {
	background-image: url("../webp/top_head/sub_top_outpatient2.webp");
}
#sub_top.consultation {
	background-image: url("../webp/top_head/sub_top_outpatient.webp");
}
#sub_top.download {
	background-image: url("../webp/top_head/sub_top_download.webp");
} 
#sub_top.info {
	background-image: url("../webp/top_head/sub_top_info.webp");
} 
#sub_top.access {
	background-image: url("../webp/top_head/sub_top_access.webp");
}         
#sub_top.group {
	background-image: url("../webp/top_head/sub_top_group.webp");
}         
#sub_top.calendar {
	background-image: url("../webp/top_head/sub_top_calender.webp");
}     
#sub_top.column {
	background-image: url("../webp/top_head/sub_top_column.webp");
}
#sub_top.icontrol {
	background-image: url("../webp/top_head/sub_top_icontrol.webp");
}
#sub_top.sas1 {
	background-image: url("../webp/top_head/sub_top_sas1.webp");
}
#sub_top.sas2 {
	background-image: url("../webp/top_head/sub_top_sas2.webp");
}
#sub_top.vaccination {
	background-image: url("../webp/top_head/sub_top_vaccination.webp");
}
#sub_top.doc {
	background-image: url("../webp/top_head/sub_top_dock.webp");
}



.no_pc {
	display: none;
}

}
/*(/960～)*/


@media screen and (min-width:1200px){
header .h_btn a {
	right: 672px;
	margin-right: -600px;
}
header .h_tel a {
	right: 554px;
	margin-right: -400px;
}
header h1 a img {
	left:50%;
	margin-left: -600px;
}

}
/*(/1200～)*/

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

body {
	font-size: 18px;
}

img {
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	margin-left:auto;
	margin-right:auto;
}

.content h4 {
	margin-right: 10px;
	margin-left: 10px;
}

ul.works_list li {
	width: 33.3%;
}

#top_slide {
	padding-top: 50px;
}

#sub_top {
	height: 100px;
	padding-top: 120px;
	letter-spacing: 0.5em;
	font-size: 18px;
}


/*
メニューボタン
-------------------------------------------*/

.menu_btn {
	display: block;
	height: 30px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 5000;
	top: 5px;
	right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.menu_btn:hover {
	cursor: pointer;
}

.menu_btn span {
	width: 28px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14px;
	background-color: #555;
}
.menu_btn span {
    transition: all 0.3s;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);    
  }
.menu_btn span.top {
    transform: translateY(-8px);
	-webkit-transform: translateY(-8px);  
    -moz-transform: translateY(-8px);    
  }
.menu_btn span.bottom {
    transform: translateY(8px);
	-webkit-transform: translateY(8px);  
    -moz-transform: translateY(8px);    
}


.menu_btn:hover span.top {
    transform: translateY(-10px);
	-webkit-transform: translateY(-10px);  
    -moz-transform: translateY(-10px);    
}
.menu_btn:hover span.bottom {
    transform: translateY(10px);
	-webkit-transform: translateY(10px);  
    -moz-transform: translateY(10px);    
}


.menu_btn.opened  span.middle {
    background: rgba(255, 255, 255, 0);
	 transform: translateX(30px);
	 -webkit-transform: translateX(30px);  
    -moz-transform: translateX(30px);    
}
.menu_btn.opened  span.top {
    transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);  
    -moz-transform: rotate(-45deg) translateY(0px);    
}
.menu_btn.opened  span.bottom {
    transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px);  
    -moz-transform: rotate(45deg) translateY(0px);    
}

/*
グローバルナビ
-------------------------------------------*/
#g_navi {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	padding-top: 50px;
	overflow: auto;
	z-index: 3000;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#g_navi ul {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#g_navi ul li:first-child {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;
}

#g_navi ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}

#g_navi ul li a {
	color: #111;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: 22px;
	vertical-align: middle;
}
#g_navi ul li a:hover {
	color: #999;
}

body.fixed {
	overflow: hidden;
}

/*
アコーディオン
--------------------------------------------------*/


#g_navi ul li a.ac_menu {
	position: relative;
	background-image: none;
}
#g_navi ul li a.ac_menu::after {
	font-size: 11px;
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	color: #555;
}
#g_navi ul li a.ac_menu.active {
	color: #999;
}
#g_navi ul li a.ac_menu.active::after {
	content: "▲";
}
#g_navi div.ac_list {
	display: none;
}
#g_navi ul li ul li {
	border-bottom: none;
}
#g_navi ul li li:first-child {
	border-top: none;
}
#g_navi ul li ul li a {
	border-bottom: none;
}
#g_navi ul li ul li a::before {
	content: "・";
	padding-right: 5px;
	color: #999;
}

#g_navi ul li ul li a:hover {
	color: #999;
}
    
#g_navi .tc_pink {
    color: #ed1e79;
    font-weight: 800;
}


/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}


/*
ヘッダー
-------------------------------------------*/
.sm-slider, .sm-slider::after {
	top: 50px !important;
}

header {
	height: 52px;
}

header h1 a img {
	top: 5px;
	left:5px;
	height: 40px;
}

header .h_btn a {
	width: 120px;
	top: 5px;
	right: 55px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_tel a {
	top: 10px;
	right: 200px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_menu {
	display: none;
}

header #info {
	display: none;
}

/*
サブトップ
-------------------------------------------*/

#sub_top.company {
	background-image: url("../webp/top_head/sub_top_contact_sp.webp");
}
#sub_top.contact {
	background-image: url("../webp/top_head/sub_top_contact_sp.webp");
}
#sub_top.outpatient {
	background-image: url("../webp/top_head/sub_top_outpatient2_sp.webp");
}
#sub_top.consultation {
	background-image: url("../webp/top_head/sub_top_outpatient_sp.webp");
}
#sub_top.download {
	background-image: url("../webp/top_head/sub_top_download_sp.webp");
} 
#sub_top.info {
	background-image: url("../webp/top_head/sub_top_info_sp.webp");
} 
#sub_top.access {
	background-image: url("../webp/top_head/sub_top_access_sp.webp");
}         
#sub_top.group {
	background-image: url("../webp/top_head/sub_top_group_sp.webp");
}         
#sub_top.calendar {
	background-image: url("../webp/top_head/sub_top_calender_sp.webp");
} 
#sub_top.column {
	background-image: url("../webp/top_head/sub_top_column_sp.webp");
}
#sub_top.icontrol {
	background-image: url("../webp/top_head/sub_top_icontrol_sp.webp");
}
#sub_top.ward {
	background-image: url("../webp/top_head/sub_top_column_sp.webp");
}
#sub_top.sas1 {
	background-image: url("../webp/top_head/sub_top_sas1_sp.webp");
}
#sub_top.sas2 {
	background-image: url("../webp/top_head/sub_top_sas2_sp.webp");
}
#sub_top.vaccination {
	background-image: url("../webp/top_head/sub_top_vaccination_sp.webp");
}
#sub_top.doc {
	background-image: url("../webp/top_head/sub_top_dock_sp.webp");
}

    
.no_sp {
	display: none;
}

}
/*(/～960)*/


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

#top_slide .top_catch {
	font-size: 6vw;
	top: 44%;
}
#top_slide .slide_btn a {
	font-size: 16px;
	bottom: 10%;
	line-height: 32px;
	width: 260px;
	margin-left: -130px;
}
.pickup ul li {
	width: 100%;
	max-height: 130px;
	margin-bottom: 1px;
}
.pickup ul li a div {
		font-size: 12px;
}
	

header h1 a img {
	top:5px;
	height: 50px;
}

header .h_btn a {
	width: 50px;
	top: 10px;
	right: 50px;
	font-size: 18px;
	border-top-style: none !important;
	border-bottom-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
}
header .h_tel a {
	width: 50px;
	font-size: 18px;
	right: 45px;
}
header .h_tel a span,
header .h_btn a span {
	display: none;
}


.content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.content p {
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

ul.works_list {
	padding: 10px;
}

ul.works_list li {
	width: 50%;
}

ul.works_list li a {
	padding: 10px;
}

.img_left,
.img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

.box_contact p {
	font-size: 14px;
}

ul.f_bn li a span {
	display: none;
}

footer .f_bn li a i {
	padding-right: 0px;
}

footer .cont_wrap {
	display: none;
}

}


/*(/～751)PC電話リンクカット*/
@media (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}


/*(/～640)*/

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

input,
textarea {
	max-width: 300px !important;
}

.content table.table_01 th,
.content table.table_01 td {
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    font-size: 14px;
}

.content table.table_01 th {
	background-color: #F6F6F6;
}

.content table.table_03 th,
.content table.table_03 td {
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    font-size: 14px;
}

.content table.table_03 th {
	background-color: #F6F6F6;
}
    

#sub_top {
	font-size: 16px;
}

.content h2 {
	font-size: 20px;
}
    
.content h3 {
	font-size: 16px;
}
    
.download .content h3 {
	font-size: 16px;
}
    
    
    .content h4 {
	font-size: 16px;
}
    
.content h5 {
	font-size: 16px;
}


.content h6 {
	font-size: 16px;
    width: 90%;
    line-height: 15px;
    margin-left: auto;
    margin-right: auto;
}
    
.content h7 {
	font-size: 16px;
}

.content h8 {
	font-size: 16px;
}


.content p{
	font-size: 14px;
    }
.content .ul_news li {
	font-size: 14px;
}
.content .ul_news p {
	font-size: 14px;
}

}
/*(/～460)*/


/*
エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);  
    -moz-transform: translateY(20px); 
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
}
.effect.d_02 {
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);  
    -moz-transform: translateY(0px);    
}
.content p.check {
	color: #FF3333;
}
.content p.p_st {
	font-size: 20px;
	color: #CA28B1;
}

/*イメージの横・縦配置可変
---------------------------------------------------------------------------*/
 .flexbox {
     display: flex;
}

.flexbox h5{
	font-size: 18px;
	line-height: 30px;
    text-align: center;
	margin-bottom: 5px;
	background-color: #01154D;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #fff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    clear: both;
}

.flexbox p{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
}

 .fbox1 {
     width: 50%;
     margin: 10px 5px 5px 15px;
 }
 .fbox1 img{
     width: 100%;
 }

 .fbox2 {
     width: 50%;
     margin: 10px 15px 5px 5px;

 }
 .fbox2 img{
     width: 100%;
 }

.fbox1,.fbox2 p{
    font-size: 18px;
}

 .fbox3 img{
     width: 100%;
 }

 .fbox3 {
     width: 50%;
     margin: 5px 5px 5px 5px;
 }
 .fbox4 img{
     width: 100%;
 }

 .fbox4 {
     width: 50%;
     margin: 5px 5px 5px 5px;
 }

 .fbox5 img{
     width: 70%;
     display: block;
     margin:auto;
 }

 .fbox5 {
     width: 50%;
     margin: 5px 5px 5px 5px;
 }

 .fbox6 {
     width: 50%;
     margin: 10px 5px 5px 15px;
 }
 .fbox6 img{
     width: 100%;
 }

 .fbox7 {
     width: 50%;
     margin: 10px 15px 5px 5px;

 }
 .fbox7 img{
     width: 100%;
 }
 .fbox8 {
     width: 50%;
     margin: 0px;
	 padding: 20px;
	 background-color: #F1F1F1;

 }
 .fbox8 img{
     width: 100%;
 }

 .fbox9 {
     width: 50%;
     margin: 0px;

 }
 .fbox9 img{
     width: 100%;
 }




 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
     }
     .flexbox .fbox1 {
         width: 100%;
         margin: 10 auto;
     }
     .flexbox .fbox2 {
         width: 100%;
         margin: 10 auto;
     }
     .flexbox .fbox3 {
         width: 100%;
         margin: 10 auto;
     }
     .flexbox .fbox4 {
         width: 100%;
         margin: 10 auto;
     }
     .flexbox .fbox5 {
         width: 100%;
         margin: 10 auto;
     }
     
    .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 100%;
        text-align: center；
    }
 }

@media screen and (max-width:460px){
     .flexbox {
         display: block;
     }
     .flexbox .fbox1 {
         width: 95%;
         margin: 5px;
     }
     .flexbox .fbox2 {
         width: 95%;
         margin: 5px;
     }
    .fbox1,fbox2 p{
        font-size: 70%;
    }
     .flexbox .fbox3 {
         width: 95%;
         margin: 5px;
     }
     .flexbox .fbox4 {
         width: 95%;
         margin: 5px;
     }
     .flexbox .fbox8 {
         width: 95%;
         margin: 5px;
     }
     .flexbox .fbox9 {
         width: 98%;
         margin: 5px auto;
     }

    .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 95%;
        text-align: center；
    }
 }

/*
ハイパーサーミア
-------------------------------------------*/

#ht ul li{
    list-style-type: disc;
    margin-left: 70px;
} 



/*
文字装飾　カラー・下線他
-------------------------------------------*/
.font_color_orange {
    color: #E25114;
}

.font_color_red {
    color: #F80206;
}

.font_color_pink {
    color: #F02B99;
    font-weight: 600;
}

.font_color_blue {
    color: #2791C9;
    font-weight: 600;
}

.font_color_blue2{
    color: #0062AC;
    font-size: 23px;
    font-weight: 600;
}

.font_color_blue3{
    color: #3A5E76;
}

.font_color_blue4{
    color: #95B4C4;
}

.font_color_ublue {
    color: #63E5C2;
}

.font_color_green {
    color: #00873C;
}

.font_color_yellow {
    color: #ffff00;
}
.font_color_rpink {
    color: #ff9999;
}
.font_color_rpurple {
    color: #9999ff;
}
.font_color_brown {
    color: #B0A19C;
}
.font_color_brown2 {
    color: #87804D;
}


.font_b{
    font-weight: 600;
    font-size: 1.2em
}
.font_bold{
    font-weight: 600;
}

.flex_big {
	font-size: 28px;
	color: #000;
	font-weight:600;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 5px;
    line-height: 200%;
}

.flex_mbig {
	font-size: 26px;
	color: #000;
	clear: both;
	margin-top: 20px;
	margin-bottom: 0px;
    line-height: 200%;
}

.font_b_ul{
    font-weight: 600;
    text-decoration-line: underline;
}

.font_ul{
    text-decoration-line: underline;
}

.m_left2 {
    margin-left: 50px;
    padding-left: 50px;
}

.content .sas_big {
	font-size: 28px;
	color: #87804D;
    font-weight: 600;
	margin-top: 20px;
	margin-bottom: 0px;
    line-height: 180%;
}


@media screen and (max-width:460px){
    .flex_big {
        font-size: 16px;
        color: #000;
        font-weight:600;
        clear: both;
        margin-top: 20px;
        margin-right: 30px;
        margin-bottom: 0px;
        margin-left: 5px;
        line-height: 200%;
    }
    .flex_mbig {
        font-size: 16px;
        color: #000;
        clear: both;
        margin-top: 20px;
        margin-bottom: 0px;
        line-height: 200%;
    }
    .font_color_blue2{
        color: #0062AC;
        font-size: 14px;
        font-weight: 600;
    }
    .content .sas_big {
        font-size: 16px;
    }

}


/*
医療連携　
-------------------------------------------*/
.content  .font-size{
    42px;
    font-weight: 600;
}

/*
健康講座　
-------------------------------------------*/
.content .tf_font{
	font-size: 36px;
	color: #008080;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
    line-height: 50%;
    clear: both;
}

.content .tf_font a{
    text-decoration: none;
    color:#008080;
}

.content .tf_font a:hover{
    text-decoration: none;
}


.content .m_left{
    margin-left: 50px;
    margin-top: 0px;
	margin-bottom:20px;
    line-height: 150%;
}

/*
感染対策防止
-------------------------------------------*/

.icon_subtitle {
	font-size: 30px;
	color: #0085B2;
	text-decoration:underline #0085B2;
	letter-spacing: 0.1em;
	font-weight:600;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.icon_t {
    margin-top: 0px;
}

.icon_t_bcolor{
    background-color: #BDE7F2;
}

.icon_subtitle span{
    color: #59b395;
}

.info_ul_bold{
    font-weight: 600;
    text-decoration: underline;
}

.img_center{
    text-align: center;
    margin: 0px auto;
    padding: 0px 0px 10px 0px;
}


/*
入院関係　必要なものBOX
-------------------------------------------*/
.box_inp {
    margin: 2em 2em;
    background: #fff;
    border: solid 2px #e57b8a ;
}
.box_inp .box-title {
    font-size: 1.2em;
    background: #e57b8a;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_inp p {
    padding: 15px 20px;
    margin: 0;
}
.color_vpink{
    color:#e57b8a;
    font-weight: 600;
}

/*
入院関係　面会時間BOX
-------------------------------------------*/
.box_menkai {
    margin: 2em 5em;
    background: #fff;
    border: solid 2px #e57b8a;
}
.box_menkai .box-title {
    font-size: 1.2em;
    background: #e57b8a;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_menkai p {
    padding: 15px 0px;
    margin: 0;
    text-align: center;
}
.color_vpink{
    color:#e57b8a;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .box_menkai {
        margin: 2em 2em;
        background: #fff;
        border: solid 2px #e57b8a ;
    }
    .box_menkai .box-title {
        font-size: 1.2em;
        background: #e57b8a;
        padding: 4px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        letter-spacing: 0.05em;
    }
    .box_menkai p {
        padding: 15px 0px;
        margin: 0;
    }
}

/*
画像入替
-------------------------------------------*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    display: block !important; 
}
.sp {
    display: none !important; 
}
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
.pc {
    display: none !important;
    }
.sp { 
    display: block !important; 
    }
}

/*
1字下げインデント
-------------------------------------------*/
p.indent_1{
    padeing-left:1em;
    text-indent:-1em;
}

p.indent_2{
    padeing-left:1em;
    text-indent:-1em;
    line-height:130%;
    margin-left: 40px;
    padding-top:5px;
    padding-bottom:5px;
}

p.indent_3{
    padeing-left:1em;
    text-indent:-1em;
    line-height:130%;
    margin-left: 50px;
    padding-top:5px;
    padding-bottom:5px;
}



/*
入院面会1字下げインデント
-------------------------------------------*/
.menkai_in{
    margin-left:30px;
}
.menkai_in p.indent-1{
    padeing-left:1em;
    text-indent:-1em;
    line-height:120%;
    padding-top:0px;
    padding-bottom:0px;
}

/*
下4バナーマージン
-------------------------------------------*/
.tb_margin4b{
    margin-top: 10px;
}


/*
外来　専門外来
-------------------------------------------*/
.b_underline {
    font-weight: 600;
    text-decoration: underline;
}

/*
スマフォ専用ナビ
-------------------------------------------*/
@media screen and (max-width:640px){
    #spblock{
        display: block;
        width:100%;
        text-align: center;
        margin-bottom: 10px;
    }
    #spblock table{
        width:95%;
    }
    #spblock td{
        text-align: center;
        color:#ffffff;
        background-color:#0085B2;
        font-weight: 600;
    }
    #spblock table,td,th{
        border:2px #fff solid;
        background-color:#fff;
        margin: 0px auto;
        padding: 10px;
    }
    #spblock a{
        text-decoration: none;
        color:#ffffff;
    }
}

/*
スマフォ専用フッターナビ
-------------------------------------------*/
@media screen and (max-width:640px){
    #spfotter{
        display: block;
        width:100%;
        text-align: center;
        margin-bottom: 0px;
    }
    #spfotter table{
        width:100%;
    }
    #spfotter td{
        text-align: center;
        color:#ffffff;
        font-weight: 600;
        width:33%;
        font-size: 16px;
    }
    #spfotter td.tb1{
        background-color:#8D9B88 !important;
    }
    #spfotter td.tb2{
        background-color:#51626F !important;
    }
    #spfotter td.tb3{
        background-color:#9C895D !important;
    }
    #spfotter table,td,th{
        border:1px #fff solid;
        margin: 0px auto;
        padding: 10px;
    }
    #spfotter a{
        text-decoration: none;
        color:#ffffff;
    }
}

/*　Block　
@media (min-width: 640px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
*/
				

	
/*
医師紹介ページ
-------------------------------------------*/
				
.box_messege {
    background-color: #01154D;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    padding-right: 10px;
    padding-left: 15px;
	font-size: 18px;
    font-weight: 600;
	line-height: 30px;
	color: #fff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;}

/*
4col　flexbox
-------------------------------------------*/
.flex-4col{
    display: flex;
    lex-wrap: wrap;
}
.flex-4col .item {
  flex: 1;
}

 @media screen and (max-width: 767px) {
     .flex-4col {
         display: block;
     }
     .flex-4col .item {
         width: 100%;
         margin: 10 auto;
     }
}

/*イメージの横・縦配置可変 トップバナー画像2
---------------------------------------------------------------------------*/
 .flexbox_top {
     display: flex;
     width:1200px;
     margin: 0px auto;
}

 .flexbox_top .fbox1 {
     width: 50%;
     margin: 0px 0px 5px 0px;
 }
 .flexbox_top .fbox1 img{
     width: 100%;
 }

 .flexbox_top .fbox2 {
     width: 50%;
     margin: 0px 0px 5px 0px;
 }
 .flexbox_top .fbox2 img{
     width: 100%;
 }

.flexbox_top .fbox1,.fbox2 p{
    font-size: 18px;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.flexbox_top .fbox1 .fbox2 .pc {
    display: block !important; 
}
.flexbox_top .fbox1 .fbox2 .sp {
    display: none !important; 
}


 @media screen and (max-width: 767px) {
     .flexbox_top {
         display: block;
     }
     .flexbox_top .fbox1 {
         width: 100%;
         margin: 10 auto;
     }
     .flexbox_top .fbox2 {
         width: 100%;
         margin: 10 auto;
     }
      }

@media screen and (max-width:460px){
     .flexbox_top {
         display: block;
     }
     .flexbox_top .fbox1 {
         width: 95%;
         margin: 5px;
     }
     .flexbox_top .fbox2 {
         width: 95%;
         margin: 5px;
     }
    .flexbox_top .fbox1,.fbox2 p{
        font-size:70%;
    }
    .flexbox_top .fbox1 .sp img{
        width:100%;
    }
    .flexbox_top .fbox2 .sp img{
        width:100%;
    }
 
    /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
    .flexbox_top .fbox1 .fbox2 .pc {
        display: none !important;
    }
    .flexbox_top .fbox1 .fbox2 .sp {
        display: block !important; 
    }
 }

/*
3カラムメニュー
-------------------------------------------*/
.col3box{
	display: flex;
	flex-wrap:wrap;
    margin-left: 10px;
    margin-right: 10px;
}
.col3box li {
	width: calc(100%/3);/*←画像を横に3つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.col3box li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	/*border:solid 1px #ccc; ←画像を1pxのグレーの枠線で囲む指定の場合*/
}
@media screen and (max-width:640px){
    .col3box li{
        display: block;
        width:100%;
        text-align: center;
        margin: 5px;
    }
 }
    
/*
4カラムメニュー
-------------------------------------------*/
.col4box{
	display: flex;
	flex-wrap:wrap;
    margin-left: 10px;
    margin-right: 10px;
}
.col4box li {
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.col4box li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
    /*←画像を1pxのグレーの枠線で囲む指定の場合
	border:solid 1px #ccc;
    */
}
@media screen and (max-width:640px){
    .col4box li{
        display: block;
        width:100%;
        text-align: center;
        margin: 5px;
    }
 }
    
/*
5カラムメニュー
-------------------------------------------*/
.col5box{
	display: flex;
	flex-wrap:wrap;
    margin-left: 10px;
    margin-right: 10px;
}
.col5box li {
	width: calc(100%/5);/*←画像を横に5つ並べる場合*/
	padding:5px 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.col5box li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}
@media screen and (max-width:650px){
    .col5box li{
        display: block;
        width:100%;
        text-align: center;
        margin: 5px;
    }
 }

/*イメージの横・縦配置可変　30：70
---------------------------------------------------------------------------*/
 .flexbox37 {
     display: flex;
}

.flexbox37 .fb371 h4 {
	font-size: 22px;
	color: #3A5E76;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
    padeing-left:1em;
    text-indent:-1em;
}

.flexbox37 .fb372 h4 {
	font-size: 22px;
	color: #3A5E76;
	letter-spacing: 0.1em;
	padding: 5px 30px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
    padeing-left:1em;
    text-indent:-1em;
}

.flexbox37 .fb374 h4 {
	font-size: 22px;
	color: #3A5E76;
	letter-spacing: 0.1em;
	padding: 0px 30px;
	font-weight: bold;
	clear: both;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
    padeing-left:1em;
    text-indent:-1em;
}

.flexbox37 p{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 10px;
    padding-left: 30px;
    
}

.flexbox37 .fb374 p.indent1{
    padeing-left:1em;
    text-indent:-1em;
    line-height:150%;
    padding-top:0px;
    padding-bottom:0px;
    margin-left: 30px;
}

.flexbox37 .fb374 p.indent2{
    padeing-left:1em;
    text-indent:-1em;
    line-height:180%;
    padding-top:0px;
    padding-bottom:0px;
    margin-left: 50px;
}


 .fb371 {
     width: 32%;
     margin: 10px 0px 5px 15px;
     background-color: #F1F1F1; 
 }
 .fb371 img{
     width: 100%;
     margin-bottom: 10px;
 }
.fb371 .box_title {
    display: none;
}

.fb371 .box_title2 {
    display: none;
}


 .fb372 {
     width: 64%;
     margin: 10px 15px 5px 0px;
     background-color: #F1F1F1;
     border-radius: 0 15px 15px 0;
}
.fb372 img{
     width: 100%;
 }

 .fb373 {
     width: 64%;
     margin: 10px 0px 5px 15px;
 }
 .fb373 img{
     width: 100%;
     margin-bottom: 10px;
 }
.fb373 .box_title {
    display: none;
}

.fb373 .box_title2 {
    display: none;
}

 .fb374 {
     width: 64%;
     margin: 10px 15px 5px 0px;
     border-radius: 0 15px 15px 0;
}
.fb3734 img{
     width: 100%;
 }
.fb374 .box_title {
    width: 250px;
    font-size: 1.2em;
    background:  #B0A19C;
    text-align: center;
    color: #FFF;
    font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
    margin: 0 10;
    letter-spacing: 0.05em;
}

.fb374 .box_title2 {
    display: inline-block;
    font-size: 1.2em;
    background:  #B0A19C;
    text-align: center;
    color: #FFF;
    font-weight: bold;
	padding-left: 20px;
	padding-right: 10px;
    margin: 0 10;
    letter-spacing: 0.05em;
}
.fb374 .box_title3 {
    width: 250px;
    font-size: 1.2em;
    background:  #B0A19C;
    text-align: center;
    color: #FFF;
    font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
    margin: 0 10;
    letter-spacing: 0.05em;
}


 @media screen and (max-width: 767px) {
     .flexbox37 {
         display: block;
         margin-bottom: 30px;
     }
     .flexbox37 .fb371 h4 {	
         font-size: 16px;
         margin-top: 0;
     }
     .flexbox37 .fb372 h4 {	
         font-size: 16px;
         margin-top: 0;
         padding-top: 0;
         margin-bottom: 5px;
     }
     .flexbox37 .fb374 h4 {	 
	    font-size: 16px;
     }
     
     .flexbox37 p{
         font-size: 14px;
     }
	 
     .flexbox37 .fb371 {
         width: 95%;
         margin: 0 auto;
		 background-color: #F1F1F1; 
    }
      .flexbox37 .fb372 {
          width: 100%;
          margin: 0 auto;
          border-radius: 0;
     }
     .flexbox37 .fb373 {
         width: 95%;
         margin: 0 auto;
     }
     .fb373 img{
         margin-top: 3px;
 }

      .flexbox37 .fb374 {
          width: 100%;
          margin: 0 auto;
          border-radius: 0;
     }
     
    .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 100%;
        text-align: center；
    }
     .fb373 .box_title {
         display: inline-block;
         width:250px;
         font-size: 1em;
         background: #B0A19C;
         text-align: center;
         color: #FFF;
         font-weight: bold;
         margin: 0;
         letter-spacing: 0.05em;
     }
    
     .fb373 .box_title2 {
         display: inline-block;
         font-size: 0.7em;
         background: #B0A19C;
         text-align: center;       
         color: #FFF;
         font-weight: bold;
         margin: 0;
         letter-spacing: 0.05em;
     }

     .fb374 .box_title {
         display: none;
     }
     .fb374 .box_title2 {
         display: none;
     }
     .fb374 .box_title3 {
        font-size: 1em;
     }
 }

@media screen and (max-width:460px){
     .flexbox37 {
         display: block;
         margin-bottom: 40px;
     }
      .flexbox37 .fb371 {
          width: 95%;
          margin: 0 auto;
          padding: 0;
    }
     .flexbox37 .fb372 {
         width: 95%;
         margin: 0 auto;
         padding: 0;
     }
    
   .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 95%;
        text-align: center；
    }
     .fb373 .box_title {
         display: inline-block;
         font-size: 1em;
         background:  #B0A19C;
         text-align: center;
         color: #FFF;
         font-weight: bold;
         margin: 0 0 10;
         letter-spacing: 0.05em;
     }
     .fb373 .box_title2 {
         display: inline-block;
         font-size: 0.8em;
         background:  #B0A19C;
         text-align: center;       
         color: #FFF;
         font-weight: bold;
         margin: 0 0 10 0;
         letter-spacing: 0.05em;
     }

     .fb374 .box_title {
         display: none;
     }
     .fb374 .box_title2 {
         display: none;
     }
     .fb374 .box_title3 {
        font-size: 0.8em;
     }
 }

 
/*イメージの横・縦配置可変　70：30
---------------------------------------------------------------------------*/
 .flexbox73 {
     display: flex;
}

.flexbox73 .fb731 h4 {
	font-size: 22px;
	color: #3A5E76;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
    padeing-left:1em;
    text-indent:-1em;
}

.flexbox73 .fb732 h4 {
	font-size: 22px;
	color: #3A5E76;
	letter-spacing: 0.1em;
	padding: 5px 30px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
    padeing-left:1em;
    text-indent:-1em;
}

.flexbox73 p{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 5px;
    padding-left: 10px;
}

.flexbox73 p.indent_2{
    padeing-left:1em;
    text-indent:-1em;
    line-height:140%;
    margin-left: 20px;
    padding-top:5px;
    padding-bottom:5px;
}

.flexbox73 p.indent_3{
    padeing-left:1em;
    text-indent:-1em;
    line-height:130%;
    margin-left: 40px;
    padding-top:5px;
    padding-bottom:5px;
}

 .fb731 {
     width: 64%;
     margin: 10px 0px 5px 15px;
 }
 .fb731 img{
     width: 100%;
 }

 .fb732 {
     width: 32%;
     margin: 10px 15px 5px 0px;
     border-radius: 0 15px 15px 0;
}
.fb732 img{
     width: 100%;
 }

 @media screen and (max-width: 767px) {
     .flexbox73 {
         display: block;
     }
     .flexbox73 .fb731 h4 {	 
	    font-size: 16px;
     }
     .flexbox73 .fb732 h4 {	 
	    font-size: 16px;
     }
     
     .flexbox73 p{
         font-size: 14px;
     }
	 
     .flexbox73 .fb371 {
         width: 100%;
         margin: 0 auto;
     }
      .flexbox73 .fb372 {
         width: 100%;
         margin: 0 auto;
     }
    .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 100%;
        text-align: center；
    }
 }

@media screen and (max-width:460px){
     .flexbox73 {
         display: block;
     }
      .flexbox73 .fb731 {
         width: 100%;
         margin: 0px;
     }
     .flexbox73 .fb732 {
         width: 90%;
         margin: 0px auto;
     }
   .img_center_tbox {
        display: block;
        margin:10px auto;
        width: 95%;
        text-align: center；
    }
 }
 


/*外来先頭タイトル下線付き
-------------------------------------*/
.title_ul_500 {
    max-width: 500px;
    padding: 0px;
    margin-left: 20px;
    margin-bottom: 10px;
}
.title_ul_500 p{
    font-size: 26px;
    color:#3A5E76;
    font-weight: 600;
    margin: 0;
    line-height: 120%;
    position: relative; /*positionをrelativeに指定*/
}
.title_ul_500 p::after{
    position: absolute; /*positionをabsoluteに指定*/
    content: "";
    background-color: #3A5E76; /*下線の色*/
    width: 500px; /*線の幅*/
    height: 2px; /*線の太さ*/
    bottom: 6px; /*線のタテ位置*/
    left: 50%;  /*線のヨコ位置*/
    transform: translateX(-50%);　/*線のヨコ位置*/
}

@media screen and (max-width:460px){
    .title_ul_500 {
            margin: 5px;
            max-width: 250px;
    }
    .title_ul_500 p{
            font-size: 16px;
    }
    .title_ul_500 p::after{
        margin-left: 5px;
        width: 250px; /*線の幅*/

    }
}


/*外来上下点線ボーダー
-------------------------------------*/
.title_dott {
    border-bottom: dotted 2px #3A5E76;
    border-top:  dotted 2px #3A5E76;
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top:20px;
    margin-bottom: 25px;
}

.title_dott  p{
    font-size: 26px;
    font-weight: 600;
    margin: 0;
}
.title_dott  p .big{
    font-size: 32px;
    font-weight: 600;
    color:steelblue;
}

@media screen and (max-width:460px){
    .title_dott  p{
    font-size: 16px;
    }
.title_dott  p .big{
    font-size: 22px;
    }
}

/*リンクボタン
-------------------------------------*/
 a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: fit-content;:
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #B0A19C;
	color: #B0A19C;;
	transition: 0.5s;
}
a.btn_01:hover {
	color: #fff;
	background: #B0A19C;
}

/*boxデザイン
---------------------------------------------------------------------------*/

.box-01 {
    max-width: 1100px;
    margin: 0 auto;
    background-color: #F1F7F1;
    text-align-last: left;
}
.box-01 h2 {
	font-size: 26px;
	margin-bottom: 30px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #61C1BE;
    vertical-align:middle;
}

.box-01 > div {
    margin-bottom: .5em;
    color: #AABBA7;
    font-weight: 600;
    font-size: 1.05em;
}

.box-01 > p {
    margin: 0;
    color: #333;
}

.box_border1{
    width:65%;
    background-color: #FFFFFF;
    border:1px #8B7862 solid;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 30px;
}
 @media screen and (max-width: 767px) {
     .box_border1{
         width:90%;
         margin-top: 20px;
     }
     .text_c_riha{
         font-size: 18px;
     }
}

.box_border_va{
    width:80%;
    background-color: #FFFFFF;
    border:1px #8B7862 solid;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    margin-bottom: 30px;
    padding: 10;
}
.box_border_va p{
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
}
.box_border_va p.ml20{
    margin-left:3rem;
}

 @media screen and (max-width: 767px) {
     .box_border_va{
         width:90%;
         margin-top: 20px;
     }
     .box_border_va p.ml20{
         margin-left:1.5rem;
     }
}
     

.box_border2{
    width:95%;
    background-color: #FFFFFF;
    border:1px #8B7862 solid;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;

}

 @media screen and (max-width: 767px) {
     .box_border2{
         width:85%;
         margin-top: 20px;
     }
}
     

.box_border3{
    width:95%;
    background-color: #FFFFFF;
    border:3px #E5E5E5 solid;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
	padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 0 8px gray;
}
 @media screen and (max-width: 767px) {
     .box_border3{
         width:85%;
         margin-top: 20px;
     }
}


.box_border4{
    width:90%;
    background-color: #FFFFFF;
    border:1px #8B7862 solid;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;

}

 @media screen and (max-width: 767px) {
     .box_border4{
         width:85%;
         margin-top: 20px;
     }
}


.box_border2 h2{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #61C1BE;
	letter-spacing: 1px;
	color: #AB9E56;
	text-align: center;
	padding-right: auto;
	padding-bottom: 15px;
	padding-left: auto;
	clear: both;
}

.box_border3 h2{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #61C1BE;
	letter-spacing: 1px;
	color: #AB9E56;
	text-align: center;
	padding-top: 15px;
	padding-right: auto;
	padding-bottom: 15px;
	padding-left: auto;
	clear: both;
}


.box_bc1{
    width:95%;
    background-color: #F2F7F1;
    margin:30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
 @media screen and (max-width: 767px) {
    .box_bc1{
        width:100%;
		margin: 5px 0px;
    }
    .box_bc1 p{
        magin: 0px;
    }
}

.box_bc2{
    width:95%;
    background-color: #F1F1F1;
    margin:30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

 @media screen and (max-width: 767px) {
    .box_bc2{
        width:100%;
		margin: 5px 0px;
    }
    .box_cpbc2 p{
        magin: 0px;
    }
}


.box_bc3{
    width:97.5%;
    background-color: #FBF9F8;
    margin:5px 15px;
    padding-top: 5px;
    padding-bottom: 10px;
}

    .box_bc3 p{
        padding: 0px
    }


 @media screen and (max-width: 767px) {
    .box_bc3{
        width:100%;
		margin: 5px 0px;
    }
    .box_bc3 p{
        magin: 0px;
    }
     .box_border3 h2{
         font-size: 16px;
     }
}
.box_title {
    width: 120px;
    border: none;
    text-align: center;
    background-color: #7c6551;
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
}
/*予防接種　帯タイトルグリーン
-------------------------------------*/
.vtitle_green {
    background-color: #B7EFBB;
    padding: 0px;
    margin-top:20px;
    line-height: 30px;
    margin-bottom: 20px;
	margin-top: 40px;
    text-align: center;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    clear: both;
}
.vtitle_green p{
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}
@media screen and (max-width:460px){
    ｡table3{
        
    }
    .vtitle_green  p{
        font-size: 16px;
    }
}

/*予防接種　帯タイトルブルー
-------------------------------------*/
.vtitle_blue {
    background-color: #B4DFF2;
    padding: 0px;
    margin-top:20px;
    line-height: 30px;
    margin-bottom: 20px;
	margin-top: 40px;
    text-align: center;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    clear: both;
}
.vtitle_blue p{
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}
@media screen and (max-width:460px){
    .vtitle_blue p{
        font-size: 16px;
    }
}

/*スタイルのクリア　
-------------------------------------*/
.clear{
	clear:both;
}
/*区切りボーダー　
-------------------------------------*/
.boderline1{
	border-top: 1px solid #0066CC;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	clear:both;
}