@charset "utf-8";

.page header {position:static;width: 100%;overflow: hidden;z-index: 1;background-color: #fff;text-align: left;height: 128px;}
.page header .h-logo{padding: 0;margin: 0;}
.page header .h-logo img{padding:0;margin: 18px 0 0 18px;}

.page #g-navi{text-align:right !important;padding: 0 230px 0 0;margin-top: -50px;position:relative;z-index: 1 !important;background: #fff;line-height: 1 !important;}
.toppage #g-navi{text-align:center !important;padding:0;margin: 10px 0 25px 0;position:relative;z-index: 1 !important;background: #fff;line-height: 1 !important;}

.h-menu{padding: 0;margin: 0;}
.h-menu li{display: inline-block;vertical-align: middle;padding: 0;margin: 0;position: relative;}
.h-menu a{display: block; color:#4ca5a0 !important;padding: 10px 24px;margin: 0;}

.h-menu .oya{}
.h-menu .ko{padding: 0 !important;margin: 0 !important;color: #fff !important;}

/* ▼サブメニュー */
.h-menu ul:before{
  content: "";
  position: absolute;
  top: -8px;
  left: 20%;
  margin-left: -8px;margin-top: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #7cd8d1;
}

.h-menu li:hover ul {
display: block;
text-align:;
height: auto;
}

.h-menu ul {
margin: 0 0 0 0 !important;
padding: 15px 5px 5px 15px;
display: none;/* 標準では非表示にする */
position: absolute;
z-index: 1000 !important;
width:160px !important;
background: #4ca5a0;
background: linear-gradient(90deg, rgba(131,219,211,1) 0%, rgba(95,206,200,1) 100%);
border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;
text-align: left;
}

.h-menu ul li{list-style-type:none !important;margin:0 !important;padding:0 !important;}/*リセット*/
.h-menu ul li{padding-left:12px !important;position:relative;letter-spacing:0;line-height: 1;font-size: 12.5px;
height:auto;margin-bottom:10px !important;
}
.h-menu li ul li a{color:#fff !important;}
.h-menu li ul .ko{color:#fff !important;}
.h-menu li ul li:before{content:"〉";position:absolute;top:0;left:0;color:#fff;font-size:8px !important;}

/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width:1250px){
.page .h-menu a {padding: 10px 14px 0 14px;}
.page #g-navi{text-align:right !important;padding: 0 230px 0 0;margin-top: -50px;position:relative;z-index: 1 !important;}
.page .h-menu li{font-size:13px;padding: 5px 0 0 0;}

.page .h-menu ul {margin: 7px 0 0 0 !important;padding: 20px 5px 0px 10px;}
.page .h-menu ul li{padding-left:10px !important;}

.toppage .h-menu a{display: block; color:#4ca5a0 !important;padding: 10px 20px;margin: 0;}
}
@media screen and (max-width:1080px){
.page #g-navi{display:none !important;}
.page .h-menu li{display:none !important;}
.page header {position:static;width: 100%;overflow: hidden;z-index: 1;background-color: #fff;text-align: left;padding: 0;margin: 0;}
.page header {background:#fff;top: 0;left: 0;height: 56px;padding: 0;margin: 0;}
.page header .h-logo img{padding:0;margin: 12px 0 0 12px;width: 200px;}
}

@media screen and (max-width:768px){
.toppage #g-navi{display:none !important;}
}

@media screen and (max-width:480px){
.page header .h-logo img{margin: 16px 0 0 10px;}

}

/*--------------------------------------------------------------------------------*/

/* ページのヘッダ背景 */
.page #pageheader{
width: 100%;position:relative;height: ;
background:#E5F7F6;
z-index:-1;position:relative;
}
/* ページタイトル */
.page .pagetitle{
width:100%;
text-align:center;position: relative;
z-index:0 !important;height:265px;
}

.title-box{
position: absolute;
 top: 45%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
width: 90%;
height: auto;display: block;
}

.page .pagetitle h1{font-size: 32px;line-height:1.3;color:#4CC1B8;font-weight: bold;letter-spacing: 0.1em !important;padding-top:40px;font-family: 'ChikugoM', sans-serif;}
.page .pagetitle .subtitle{font-size: 12px;margin-top:8px;color:#4CC1B8;font-weight: normal;letter-spacing: 0.1em;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
.page .pagetitle{}
}

@media screen and (max-width:768px){
.page header {height: 55px;}
.title-box{
position: static;
 top: 0; left: 0;
 transform: translateY(0) translateX(0);
width: 90%;
height: auto;display: block;
margin: 0 auto;
padding:30px 0 95px 0;
}
.page #pageheader{height: auto;padding:;}
.page .pagetitle{height:auto;}
.page .pagetitle h1{font-size: 26px;line-height:1.2;letter-spacing: 0.1em !important;}

}
@media screen and (max-width:600px){
.title-box{padding:30px 0 95px 0;}
}
/*--------------------------------------------------------------------------------*/

/* ページのリアルタイム部分 */
.page .realtime-box{
position: absolute; bottom: 0;
right: 0;
border-top: none;
margin: 0;padding: 0;
background-color: #fff;
}
.page .realtime-box{z-index: 1;text-align:left;background:rgba(255,255,255,0.8);color:#4ca5a0;font-size:12px;padding: 0;
border-radius: 10px 0 0 0;-webkit-border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;line-height:1 !important;
}
.page .realtime-box .title{display: inline-block;vertical-align: middle;font-size: 12px;text-align:left;padding: 0 5px 0 15px;margin: 0 10px 0 0;line-height:1.2 !important;}
.page .realtime-box .box{display: inline-block;vertical-align: middle;font-size: 10px;font-weight:bold;line-height:1 !important;}

.page .realtime-box .shinryou{margin: 0 0 0 15px;background:transparent url(../images/ishi.png) no-repeat left center;background-size: 20px auto;padding:10px;line-height:1 !important;}
.page .realtime-box .l-box{display: inline-block;vertical-align: middle;padding: 0 8px 0 25px;font-weight:normal;text-align:left;line-height:1;}

.page .realtime-box .r-box{display: inline-block;vertical-align: middle;padding: 0 3px 0 0;
font-size: 12px;color:#333;text-align:left;line-height:1;font-weight:normal;}
.page .realtime-box .now{font-size: 8px;color:#F4A693;margin:0 !important;font-weight:normal;line-height:1 !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:1000px){
}

@media screen and (max-width:768px){
.page .realtime-box .shinryou{
padding: 10px 0 ;background:transparent url(../images/ishi.png) no-repeat left  center;background-size: 16px auto;display: inline-block;}
}
@media screen and (max-width:400px){
.page .realtime-box .r-box{font-size: 3.2vw;}
}

/*--------------------------------------------------------------------------------*/


.conts .all-width{padding:70px 0 0 0;margin:0 auto;line-height:2.0;width: 1000px;min-width: 1000px;
text-align:left;}

#breadcrumbs{font-size:12px;padding:0 15px;line-height:1.5;}
#breadcrumbs .all-width{text-align:left;}


#breadcrumbs ul {padding:20px 20px 0 0;}
#breadcrumbs ul li{display:inline-block;line-height:1.3;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
.conts .all-width{display: block;padding: 50px 0 0 0;width:92%;min-width:92%;}
}
@media screen and (max-width: 600px){
#breadcrumbs{font-size:10px;}
}
/*--------------------------------------------------------------------------------*/


/*▼中面設定*/
.conts{background-color:#fff;font-size: 15px;}

/* 見出しh2〜h6 */
.conts h2{
position: relative;
padding: 0.5rem 1.5rem;
border-bottom: 2px solid  #AFE7E3;
font-size: 24px;
font-weight:bold;
line-height: 1.3;
margin:35px 0 30px 0;
text-align: center;
}

.top-h{margin:0 0 30px 0 !important;}

.conts h3{
position: relative;
padding: 5px 0 5px 0.5em ;
font-size: 21px;
margin:45px 0 20px 0;
line-height: 1.4;
text-align: left;font-weight:normal;color: #46B6D0;
border-top: 1px solid  #46B6D0;border-bottom: 1px solid  #46B6D0;
}

.conts .bg-box h3{
position: relative;
padding: 5px 0 5px 0.5em ;
font-size: 21px;
margin:10px 0 20px 0;
line-height: 1.4;
text-align: left;font-weight:normal;color: #46B6D0;
border-top: 1px solid  #46B6D0;border-bottom: 1px solid  #46B6D0;
}



.conts h4{color: #46B6D0;font-size: 20px !important;letter-spacing:0.05em;line-height: 1.3;margin:45px 0 15px 0;position: relative;padding-left: 0.5em;border-left: 6px solid  #46B6D0;}


.background1{
padding: 0 0 10px 0;
  background: linear-gradient(to right,rgb(197, 243, 243),rgb(255, 223, 234));
  background-size: 100% 20%;
  background-repeat: no-repeat;
  background-position: bottom;
}

/*投稿記事枠画像最大値*/
.conts img{
max-width: 100%;
height: auto !important;
padding-bottom: 2px;
}

/*投稿記事枠画像の回り込み*/
.alignleft{
float: left;
margin: 3px 20px 3px 0;
}
.aligncenter{
display: block;
margin: 0 auto 10px auto;
}
.alignright{
float: right;
margin: 3px 0 3px 20px;
}
.alignnone{display: block;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 700px) {
.conts h2{font-size: 22px !important;margin: 10px auto 40px;padding: 0.5rem 0;}
.conts h3{font-size: 18px !important;}
}
@media screen and (max-width: 480px) {
.conts h2{font-size: 20px !important;}
.conts h3{font-size: 18px !important;}
.conts h4{font-size: 16.5px !important;}
}

/*--------------------------------------------------------------------------------*/

/*リスト*/
.conts ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 2em;
}
.conts ul li {
position: relative;line-height: 1.8;
padding-left: 1.6em;line-height: 1.6;
margin-bottom: 0.8em;
}
.conts ul li:before {
content: "●";
color:#3DADCA;
position: absolute;
left: 0;
top: 0;
font-weight: bold;
}

/*ページ内カテゴリ名のulli設定を削除*/
.conts .category ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 0;
}
.conts .category ul li {
position: relative;line-height: 1;
padding-left: 0;
}

.conts .category ul li:before {
content: "";
color:none;
position: static;
left: 0;
top: 0;

}

/*ナンバー付リスト*/
.conts ol {
counter-reset: ordered_num;
background: none;
overflow: hidden;
margin-bottom: 1.2em;
}
.conts ol li {
text-indent: -1.7em;
padding-left: 1.7em;
margin-bottom: 0.5em;line-height:1.6;
}
.conts ol li:before {
counter-increment: ordered_num;
content: counter(ordered_num);
font-weight:normal;
background-color: #46B6D0;
display: inline-block;
color: #fff;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
margin-right: 0.6em; 
text-indent: 0;
text-align: center;
vertical-align:middle; 
margin-bottom:0.3em;
}


/* テーブル */
table {
width: 100%;
padding: 0;
margin-bottom: 2.5em;
border-collapse: collapse;
vertical-align: top;
border: 1px solid #B2B2B2;line-height:1.6;font-size:16px;
}
table caption {
font-weight: bold;
background-color: transparent;
text-align: center;
padding: 0.7em 0.7em;
 font-size: 20px;
}
table th, table td {
border: 1px solid #B2B2B2;
padding: 1.2em 1.2em;font-size: 1.2rem;font-size:15px !important;
}
table th {
background: #F1FAF9;
font-weight: normal;
width: 30%;
}
table thead th {
font-size: 0.9rem;
background-color:  ;
color: #fff;
}
.table_line {
border: none;
}
.table_line th {
background: none;
border-left: 0;
border-right: 0;
text-align: left;
background:#fff;
color: ;
}
.table_line td {
border-left: 0;
border-right: 0;
vertical-align: middle;
}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 540px) {
table th, table td {font-size:13px !important;}
table th {white-space: normal;}
}
/*--------------------------------------------------------------------------------*/

/*背景色枠*/
.bg-box{padding:30px 40px;background-color:#FDFAF1;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
.bg-box{padding:20px 25px;}
}
/*--------------------------------------------------------------------------------*/

/*お問い合わせフォーム*/
.formbox textarea{width:100%;height: 7em;}
.formbox .wpcf7-text{width:60%;}
.formbox input,textarea{
padding: 6px;
border: 1px solid #ddd;
font-size: 16px ;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.formbox select{font-size: 17px !important;}
.formbox input[type="submit"]{
-webkit-appearance: none;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.formbox dl{margin: 25px 0 15px 0;}
.formbox dl dd{margin: 0 0 15px 0;}
.formbox .formbuttan{text-align: center;margin: 20px 0;}
.formbox .formbuttan input{
color: #fff;padding: 12px 0 !important;border:none; width: 350px !important;font-size:14px !important;
border-radius: 10px;-webkit-border-radius:10px;-moz-border-radius: 10px;
background: linear-gradient(90deg, rgba(131,219,211,1) 0%, rgba(95,206,200,1) 100%);letter-spacing: 0.2em;
box-shadow:3px 3px #ededed;
}
.formbox .formbuttan input:hover{
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
cursor:pointer;text-decoration: none !important;
box-shadow: unset;
transform: translate(3px,3px);
}

.formbox .zipcode input{width:100px !important;}
.hissu{ background-color: #D63638 !important;font-size: 12px !important ;margin-left: 8px !important ; color: #fff !important ;padding:2px 6px !important;line-height: 1 !important ;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
/*お問い合わせフォーム*/
.formbox .wpcf7-text{width:100%;}
.formbox .formbuttan input{width: 100% !important;padding: 14px 0 !important;}
.formbox .formbuttan input:hover{ width: 100% !important;}
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/


/*アーカイブ（カテゴリ一覧）ページ*/
.listbox{
width:100% !important; display: inline-block;vertical-align: top;
margin: 0 0 15px 0;padding: 0 0 15px 0;border-bottom: 1px solid #444
}
.listbox .thumb{float: left;width:140px !important;}
.listbox .thumb img{padding: 0 1em 2px 0;width: 100% !important; height:80px !important; display: inline-block;vertical-align: top;object-fit: cover; }
.listbox .title{font-size: 14px;line-height: 1.3; margin: 0 0 5px 0;}
.listbox .title br{display: none;}
.listbox .excerpt{font-size: 12px;line-height: 1.3;line-height: 1.3;}
.listbox a{text-decoration:none;}
.listbox .date{font-size: 12px;color: #666;display: inline-block;margin-top:-10px;margin-right:10px;vertical-align: middle;}

.listbox .category{display: inline-block;vertical-align: top;}
.listbox .category a{
color: #fff;
border:1px solid #46B6D0;background:#fff;
display: inline-block;
min-width:70px;
line-height:1;
font-size:8px;
text-align:center;
vertical-align:top;
color:#46B6D0 !important;padding: 4px !important;}

.listbox ul{
background: none !important;
list-style-type: none !important;
list-style-position: outside !important;
padding: 0 !important;
margin-bottom: 0 !important;
}
.listbox ul li{
position: relative;line-height: 1.3 !important;
padding-left: 0 !important;
margin-bottom: 0 !important;
}
.listbox ul li:before{
content: "" !important;
color:#0E2358 !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
}

.nav-links a{margin: 0 5px !important;}
/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 600px){
.listbox .title{line-height: 1.3; line-height: 1.3;margin: 0 0 5px 0;}
}
@media screen and (max-width: 480px){
.listbox{width:100% !important; display: inline-block;vertical-align: top;}
.listbox .title{font-size: 15px;line-height: 1.3; margin: 0 0 5px 0;}
.listbox .thumb{float: left;width: 130px !important;}
.listbox .thumb img{padding: 0 0.8em 2px 0;width: 100% !important; height:85px !important; display: inline-block;vertical-align: top;object-fit: cover; }
.listbox .date{font-size: 12px;margin-top:-5px;}
}
/*--------------------------------------------------------------------------------*/

/*ページャー*/
.pager{width: 100%;
text-align: center !important;
font-size: 11px;
padding:0;margin-top: 0;
}
.pager a{color: #000;}
.pager h2{display: none !important;}

.wp-pagenavi {text-align: center;display: block;margin-top: 5px;}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: none;
padding: 2px 3px;
margin: 0px;font-size: 11px;display: inline-block;
}

.p-footer {margin: 10px 0 0 0;}
.p-footer .date {margin-right: 5px;font-size: 11px;display: inline-block; vertical-align: middle;}
.p-footer .category{display: inline-block;vertical-align: middle;margin-right: 10px;line-height:0;font-size:11px;}
.p-footer .category ul li{background: #B5DAEF;padding:0;margin:0;}
.p-footer .category a{display: block;text-decoration:none;line-height:0;}
.p-footer .tag {padding: 0 8px;display: inline-block;font-size: 11px;line-height: 1.3;border-left: 1px solid #000;vertical-align: middle;}

.page .conts video {max-width: 100%;margin: 0 auto;display: block;}
.page .conts iframe{max-width: 100%;margin: 0 auto;display: block;}

.page .btn{color: #fff;letter-spacing: 0.1em;text-align: center;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; 
box-shadow:3px 3px #ededed;padding: 10px !important;font-size: 14px;display: inline-block;}
.page .btn a{color: #fff;padding:10px 30px !important;}
.page .btn:hover {
box-shadow: unset;
transform: translate(3px,3px);
}




.bottom-waku {border: 2px solid #AFE7E3;text-align: center;margin-top: 80px;padding: 30px;line-height: 1.6;}
.bottom-waku .title {margin-bottom: 15px;font-size:18px;font-weight: bold;}
.bottom-waku .tel,.bottom-waku .fax {color:#4ca5a0;font-size:24px;font-weight: bold;letter-spacing: 0.2em;margin-bottom: 15px;line-height: 1.4;}

.bottom-waku .tel::before {
content: '';
display: inline-block;
width: 8px;
height:20px;
background-image: url(../images/tel-green.png);
background-size:cover;
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 9px;margin-top: -5px;
}


.bottom-waku .fax::before {
content: '';
display: inline-block;
width: 16px;
height:18px;
background-image: url(../images/fax-green.png);
background-size:cover;
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 9px;margin-top: -6px;
}
.bottom-waku .btn {display:inline-block;padding:10px 30px !important;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
.page .btn{width:100%;}

.bottom-waku {border: 2px solid #AFE7E3;text-align: center;margin-top: 80px;padding: 20px;line-height: 1.2;font-size:12px;}
.bottom-waku .title {margin-bottom: 15px;font-size:16px;font-weight: bold;}
.bottom-waku .tel {color:#4ca5a0;font-size:24px;font-weight: bold;letter-spacing: 0.05em;margin-bottom: 15px;}
.bottom-waku .btn {display:inline-block;padding:10px 30px !important;font-size:12px;}
}

/*--------------------------------------------------------------------------------*/

/*links*/
.page #links{position:relative;padding:60px 0 0 0 !important;font-family: 'ChikugoM', sans-serif;margin:0 auto !important;display:block;}
.page #links a{color:#434343;}
.page #links .box{display: inline-block;vertical-align:middle;border:1px solid #D8D8D8;width:240px;height:70px;background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,248,248,1) 100%);margin: 0 4px 16px 4px;text-align:center !important;line-height:1.3 !important;}
.page #links .box p{margin:25px 0;display:inline-block;}




/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:900px){
.page #links .box{width:31%;height:70px;margin: 0 1% 16px 1%;}
}
@media screen and (max-width:768px){
.page #links{position:relative;padding:60px 0 20px 0 !important;}
.page #links .box{width:48%;height:70px;margin: 0 1% 16px 1%;}
}
@media screen and (max-width:600px){

}
@media screen and (max-width:450px){
.page #links .box{width:100%;height:50px;margin: 0 0 12px 0;}
.page #links .box p{margin:15px 0;}
.page #links .box .no3{margin:6px 0 !important;}
}
/*--------------------------------------------------------------------------------*/


/*数字で見るひだまりクリニック*/
.page .graphic{position:relative;padding:0 !important;font-family: 'ChikugoM', sans-serif;
background-image: none;
}

.page .graphic .box{border:1px solid #D8D8D8 !important;background-color:#fff;display: inline-block !important;
vertical-align: top;width: 100%;margin:1.2%;padding:50px 50px 40px 50px;text-align:center;}
.page .graphic .box p{display: inline-block !important;}
.page .graphic .box h2{margin-top:0px;}
.page .graphic .box img{width:700px;height:auto;}


/* テーブル */
.page .graphic table {
width: auto;
padding: 0;
margin-bottom: 1.5em;
border-collapse: collapse;
vertical-align: top;
border: 1px solid #B2B2B2;line-height:1.6;font-size:16px;
display: inline-block;
}

.page .graphic table th, table td {
border: 1px solid #B2B2B2;
padding: 0.2em 0.2em;font-size:12px;text-align: center;
}


.page .graphic .table02 th, .table02 td {
border: 1px solid #B2B2B2;
padding: 0.8em 0.8em;font-size:16px;text-align: center;
}

.chart-ul{text-align: left;font-size:12px;}
.chart-ul li {
padding-left: 1.6em;line-height: 1.2 !important;
margin-bottom: 0.3em !important;
}

/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width:768px){
.page .graphic .box{width: 100%;margin:5px 0;padding:25px 10px;}
}

/*--------------------------------------------------------------------------------*/

.page .page-links {text-align:center;text-align:left;}

.page .page-links .btn{
color: #fff;
letter-spacing: 0.1em;
text-align: center;
border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; 
box-shadow:3px 3px #ededed;
font-size: 18px;display: inline-block;
width: 48%;
padding:30px 30px !important;
margin:30px 1% 10px 1% !important;
line-height:1;
}
.page .page-links .btn a{color: #fff;}
.page .page-links .btn:hover {
box-shadow: unset;
transform: translate(3px,3px);
}

.page .page-links .btn .arrow{background:transparent url(../images/w-arrow.png) no-repeat right center;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 900px){
.page .page-links .btn{width:100% !important;font-size: 16px;margin:10px 0 10px 0 !important;padding:30px 15px !important;}
.page .page-links .btn .arrow{background:transparent url(../images/w-arrow.png) no-repeat right center;}
}
@media screen and (max-width: 480px){
.page .page-links .btn{font-size: 4vw;}
}
/*--------------------------------------------------------------------------------*/

.page .qanda {}

.page .qanda h3{
position: relative;
padding: 5px 0 12px 0 ;
font-size: 21px;
margin:45px 0 20px 0;
line-height: 1.4;
text-align: left;font-weight:normal;color: #46B6D0;
border-top: 0px solid  #46B6D0;border-bottom: 1px solid  #46B6D0;
}
.page .qanda .q-bg{background:#46B6D0;color:#fff;padding:4px 8px 6px 8px;margin:0 10px 0 0;}
.page .qanda .a-bg{background:#EC6D34;color:#fff;padding:4px 8px;margin:0 10px 0 0;}


.chart-container{margin:0 auto;position: relative; width:auto; height: 300px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.chart-container{margin:0 auto;position: relative; width:100%; height: 250px;}
}
/*--------------------------------------------------------------------------------*/

.large{font-size:22px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
.alignleft{float:none;display:block;margin:0 auto 10px auto;}
.large{font-size:18px;}
}
/*--------------------------------------------------------------------------------*/


