@import url("//share.cr-cms.net/hp_agency/hpagency.css");
body{
  font-size:16px;
  line-height:1.8;
  padding-top:0;
  margin:-20px 0 0 0;
  background-color:#FFF;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Verdana, "Yu Gothic","游ゴシック", Osaka, sans-serif;
}

/*リンクカラー*/
a{
  color:#3366ff;
}
a:hover{
  color:#ff6600;
}

/*コンテンツエリア余白設定*/
#contents{
  margin:30px auto 0 auto;
}

/*メインイメージ*/
#mainImage{
  padding-top:0;
  padding-bottom:0;
  background-image:none;
  /* background-color:#edf6fb; */
  background-color: #e6ebf5;
}
#mainImage_outer{
  background-image:none;
  /* background-color:#6dc6f3; */
  background: none;
}
#mainImage_body{
padding-bottom:0;
}
/*メインイメージ border削除*/
#mainImage_body img{
  border:none;
}
#mainImage_body{
  width:1080px;
}
.mainImage img{
  max-width:1080px;
}

/*グローバルナビゲーション*/
#topMenu{
  height:52px;
  background: none;
  background-color: #13448f;
  margin-bottom:0px;
}
#topMenu .topMenu li{
  height:52px;
  line-height:52px;
  width: calc(100% / 5);
}
#topMenu .topMenu li a{
  font-size:16px;
  font-weight:normal;
  height:52px;
  line-height:52px;
  color:#FFF;
  width:188px;
}
#topMenu .topMenu li a:hover{
  background-image:none;
  background-color:#0f2e5d;
  height:52px;
  line-height:52px;
  width:188px;
  color:#FFF;
  opacity:1;
}

/*グローバルナビゲーション天地幅修正*/
#topMenu_body{
  width: 940px;
  height:52px;
  background:none;
}
#topMenu li{
  background:none;
}
#topMenu_outer{
  height:52px;
  width: 940px;
}

/*トップメニュー*/
#topMenu .topMenu li a{
  font-size:16px;
}

/*ヘッダー部タイトル画像*/
#title{
  padding:25px 0 10px 0;
  margin:0  auto;
  width: 100%;
  background-image: none;
  background: #ffffff;
}

#title h1 {
  margin:20px 0 0 0;
  padding:0;
  text-align: left;
}
#title h1 a {
  margin:0;
  display: inline-block;
  height: 76px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
  width: 280px;
  padding:0;
  background:url(/materials/174149552226501.png) no-repeat;
  background-size: contain;
}

#title_body{
  margin:0;
}

/*ヘッダー部右背景画像*/
#title_outer{
  width: 1080px;
  background: url(/materials/174149658388301.png) right top no-repeat;
  background-size: 700px;
}

/*ディスクリプション*/
#title .description {
  font-size: 16px;
  letter-spacing: 0;
  color:#102a82;
  text-align:center;
  padding:10px 0 10px 0;
  padding: 0;
  margin-top: 30px;
}

/* トップの最新情報 #mainTopics
     最新情報一覧ページ #listTopics  */

#mainTopics .topics{
  margin-top:-15px;
}

/*日付*/
#mainTopics .topics li p.date ,
#listTopics .topics li p.date {
    font-size: 14px;
    color: #999;
}
/*リンクタイトル*/
#mainTopics .topics li h3 ,
#listTopics .topics li h3 {
    font-size: 16px;
    font-weight: normal;
}
/*リード文*/
#mainTopics .topics li p.description ,
#listTopics .topics li p.description {
    color: #999;
    font-size: 14px;
}
/*続き*/
#mainTopics .topics li p.more ,
#listTopics .topics li p.more {
    font-size: 14px;
}
/*一覧を見る*/
#mainTopics .listview {
     font-size: 14px;
}
#mainTopics .listview a{
  background-color:#13448f;
}

#mainTopics .listview a:hover{
  background-color:#0f2e5d;
}

/*h2*/
#mainArticles h2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #333;/*文字色*/
  border-bottom: solid 3px #000080
;/*下線*/
  font-size:24px;
  font-weight:normal;
  font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  width: 100%;
}

/*h3*/
.mainContents .article h3, #mainTopics h2, #mainServices h2, #listTopics h2, .mainContents div.gallery h3 {
  font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  color:#13448f
;
  font-size:22px;
  font-weight:normal;
  margin:35px 0 15px 0;
  border:none;
  background-image:none;
  position: relative;
  border-bottom:1px solid #0096d1;
  padding: 0.4em 1em;
  background-color: #edf6fb;
}


/*h4*/
.mainContents .article h4{
  font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight:normal;
  position: relative;
  padding: 0 .5em .5em 0.2em;
  border-bottom: 1px solid #000080;
  font-size:19px;
  overflow:hidden;
}
.mainContents .article h4::before{
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Verdana, "Yu Gothic","游ゴシック", Osaka, sans-serif;
  color: #000080;
  content: "◆";
  display: inline-block;
  font-size: 115%;
  margin-right: 5px;
}

/*h5*/
h5{
  color:#13448f;
  font-weight:normal;
  font-size:16px;
  margin:5px 0 0 0;
  border-bottom:1px dotted #bfbfbf;
}
h5::before{
    color: #13448f
;
    content: "●";
    display: inline-block;
    font-size: 90%;
    margin-right: 2px;
}

/*マウスホバー時*/
#mainArticles a:hover img,
#sideBanners  a:hover img,
div.freeHtml a:hover img,
div.image img.gallery:hover,
#title h1 a:hover,
#topMenu li a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*サイドコンテンツ*/
#side{
  margin:0 0 10px 0;
  text-align:center;
  padding:15px 0 0 0;
  border:1px solid #ddd;
 }
#side img{
  text-align:center;
  display:block;  
  padding:0;
  margin:0 auto;
}
#side p{
  margin:0 0 15px 0;
  text-align:center;
  font-size:16px;
}
#side strong{
  color:#13448f
;
}

/*サイドメニュー*/
#sideServices{
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Verdana, "Yu Gothic","游ゴシック", Osaka, sans-serif;
  width:248px;
  background:none;
  border:none;
  background-color:#fff;
  margin:35px 0;
}

#sideServices h2{
  border:none;
  background-color:#0096d1;
  background-image:none;
  font-weight:normal;
}

.sideServices h2{
  font-size:16px;
  border:none;
}
.sideServices ul li{
  border:none;
  border-bottom:1px solid #ccc;
  background-color:#fff;
}
.sideServices ul li a{
  background-image:none;
  background-color:#fff;
  border-color:#fff;
}
.sideServices ul li a::before{
    color: #999;
    content: "→";
    display: inline-block;
    font-size: 115%;
    margin-right: 2px;
}


#sideContents{
  font-size:16px;
}
#sideMobile{
  width:248px;
  font-size:16px;
}

#sideBlogDates{
  margin-bottom: 40px;
}

/*テーブル*/
table.table{
  border-collapse:collapse;
  width:100%;
}
table.table th,
table.table td{
  padding:7px;
  border:solid 1px #ccc;
}
table.table th{
  background:#e6ebf5;
  width:30%;
}

/*テーブル2*/
table.table2{
  border-collapse:collapse;
  width:100%;
}
table.table2 th,
table.table2 td{
  padding:5px;
  text-align:center;
  border:solid 1px #ccc;
}
table.table2 th{
  background:#e6ebf5;
}

/*テーブル3*/
table.table3{
  border-collapse:collapse;
  width:100%;
}
table.table3 th,
table.table3 td{
  padding:5px;
  text-align:left;
  border:solid 1px #ccc;
}
table.table3 th{
  background:#e6ebf5;
}

/*リスト*/
.mainContents ul.listmark{
  margin:20px 0 10px 0;
}

.mainContents ul.listmark li {
  display:inline-block;
  margin:0;
  padding:2px 25px 2px 19px;
  font-weight:normal;
  font-size:16px;
}

.mainContents ul.listmark li:before {
  content:  ""; 
  width: 16px;                /* 幅指定 */
  height: 16px;               /* 高さ指定 */
  display:  inline-block; 
  background-color: #13448f;  /* 背景色 */
  position:  relative;
  top: 2px;                   /* 位置指定 */
  border-radius:  50%;
  margin-right: 5px; 
}

/*リスト2*/
.mainContents ul.listmark2{
  margin:20px 0 10px 0;
}
.mainContents ul.listmark2 li {
  margin:0;
  padding:2px 0 2px 15px;
  font-weight:normal;
  font-size:16px;
}
.mainContents ul.listmark2 li:before {
  content:  ""; 
  width: 12px;                /* 幅指定 */
  height: 12px;               /* 高さ指定 */
  display:  inline-block; 
  background-color: #646ca4;  /* 背景色 */
  position:  relative;
  top: 0;                   /* 位置指定 */
  border-radius:  50%;
  margin-right: 5px; 
}
/*囲い*/
div.envelope {
    background-color: #ffe;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 5px 0 15px 0;
    padding: 10px 15px;
}

/*フッター*/
#footer{
  background-image:none;
  background-color:#13448f;
}
.footer .topMenu{
  background:none;
}
#footer li a{
  background:none;
  padding-left:18px;
  padding-top:3px;
}

#footer_outer{
  width:1080px;
}
.footer *{
  font-size:16px;
}
.footer p{
  font-size:16px;
  color:#fff;
}
.footer p a{
  color:#fff;
}
#footer li a{
  background-position:0 10px;
}
#footer li a:hover{
  color:#e6ebf5;
}
.footer .copyright{
  margin:120px 0 5px 0;
}

#bottomLink{
  display: none;
}







/*--------------------
Parts
---------------------*/
/*ポイント*/
ul.point {
	border: 4px solid #000080;
	border-radius: 20px;
	padding: 1em 2em;
}

ul.point li {
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 2px dotted #DDD;
	padding: 0.25em 0 0.25em 48px;
	background: url(/materials/174149408540701.png) left center no-repeat;
	background-size: 36px;
	margin-bottom: 0.5em;
}


#contents table.define{
  width: 100%;
  border-collapse: collapse;
}
#contents table.define th,
#contents table.define td{
  display: block;
  width: 100%;
  border: solid 1px #CCC;
  padding: 10px;
  box-sizing: border-box;
}
#contents table.define th{
  text-align: center;
  background: #e4edf9;
  border-bottom: none;
}


.side_logo{
  text-align: center;
  margin-bottom: 20px;
}
.side_logo img{
  max-width: 100%;
  width: 100px;
}





.clinic-menu .galleryGrid_body {
  background: #edf6fb;
  border-radius: 4px;
  border: 1px solid #47b1e6;
  padding: 0.3em;
  box-sizing: border-box;
}
.clinic-menu  .gallery_grid li.galleryGrid .comment {
  font-size: 18px;
  color:#47b1e6;
  font-weight:bold;
  line-height: 1.5;
  height: 2em;
  text-align: center;
}




/*横罫のみのテーブル*/
.article table.border-table {
  border-collapse: collapse;
  border-left: none;
  border-spacing: 0;
  border-top: 1px solid #ccc;
  margin: 0 0 1.5em 0;
  width: 100%;
}
.article table.border-table td,
.article table.border-table th {
  border-bottom: 1px solid #ccc;
  border-right: none;
  height: auto;
  padding: 8px 10px;
  box-sizing: border-box;
}
.article table.border-table th {
  width: 16em;
  background: #f7f7f7;
  color: #222;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}
.article table.border-table td{
  background: #fff;
  text-align: left;
}






#mainArticles_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mainArticles .article.col2 {
  width: 49%;
  padding: 20px 2%;
  box-sizing: border-box;
}


.mainArticles .article.col3 {
  width: 32%;
  padding: 20px 2%;
  box-sizing: border-box;
}

.about_bg {
  background: #edf6fb;
  border-radius: 0px;
  padding: 50px 30px;
}
.mainContents .article.col2 h3,
.mainContents .article.col3 h3{
  margin-top: 0;
  background: #FFF;
  padding: 4px 10px;
  line-height: 1.5;
  text-align: center;
  font-size: 20px;
}
.article.col2.about .article_body h4,
.article.col3.about .article_body h4 {
  order: 1;
}
.mainArticles .article img{
  max-width: 100%;
}



.gallery,.article {
  width: 100%;
}


.strong{
  text-align: center;
  font-size: 26px;
  font-style: italic;
  font-weight: bold;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.comment
{
    line-height: 18px;
    font-size: 12px;
}

.footer .topMenu {
    display: none;
}