@import url("//share.cr-cms.net/hp_agency/hpagency.css");

/*---------------------------
テンプレート
ノーマル01 ブルー 右メイン
----------------------------*/

body{
  font-size:16px;
  line-height:1.8;
  padding-top:0;
  background-color:#fff;
  color:#333;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Verdana, "Yu Gothic","游ゴシック", Osaka, sans-serif;
}

/*ヘッダー*/
#wrap{
  border-top:5px solid #0162b3;
}

/*リンクカラー*/
a{
  color:#006ab6;
}
a:hover{
  color:#52cbf5;
}

/*コンテンツエリア余白設定*/
#contents{
  margin:30px auto 20px auto;
}


/*パンくず*/
.pankuz p{
  font-size:16px;
}

/*マウスホバー時*/
#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;
}

.mainArticles .article{
  width:auto;
}

.article p {
    margin-bottom: 1em;
}

.comment{
  text-align:center;
  font-weight:bold;
  font-size:16px;
}

strong{
  color:#003366;
  font-weight:bold;
  font-size:1.2em;
  border-bottom:3px solid #e5f2ff;
}

/*----------------------------------------------------------
メインイメージ
----------------------------------------------------------*/
#mainImage{
  padding:12px 0;
  background:url(/materials/157975126423410.png) center bottom repeat-x;
}
#mainImage_outer{
  background:none;
}
#mainImage_body{
padding-bottom:0;
}
/*メインイメージ border削除*/
#mainImage_body img{
  border:none;
}
#mainImage_body{
  width:100%;
}
.mainImage img{
  max-width:100%;
}

/*----------------------------------------------------------
グローバルナビゲーション
----------------------------------------------------------*/
#topMenu{
  height:55px;
  margin:0;
  border-top:3px solid #ddd;
  border-bottom:3px solid #ddd;

background: #5b5b5b; /* Old browsers */
background: -moz-linear-gradient(top,  #5b5b5b 1%, #474747 48%, #3d3432 51%, #332c2a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5b5b5b 1%,#474747 48%,#3d3432 51%,#332c2a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5b5b5b 1%,#474747 48%,#3d3432 51%,#332c2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#332c2a',GradientType=0 ); /* IE6-9 */

}
#topMenu .topMenu li{
  height:55px;
  line-height:55px;
}

#topMenu .topMenu li a{
  font-size:16px;
  font-weight:normal;
  height:55px;
  line-height:55px;
  color:#fff;
}
#topMenu .topMenu li a:hover{
  background-image:none;
  background-color:#0162b3;
  height:55px;
  color:#fff;
  line-height:55px;
}

/*グローバルナビゲーション天地幅修正*/
#topMenu_body{
  width:940px;
  height:55px;
  background:url(/materials/157965988430401.png) right no-repeat;
}
#topMenu li{
  background:url(/materials/157965988430401.png) left no-repeat;
}
#topMenu_outer{
  height:55px;
  width:940px;
}

/*----------------------------------------------------------
タイトル部
----------------------------------------------------------*/

/*ヘッダー部タイトル画像*/
#title{
  padding:20px 0 0 0;
  margin:0 auto;
  width:980px;
  background-image:none;
}

#title h1 {
  margin:0;
  padding:0;
  text-align: left;
}
#title h1 a {
  margin:0;
  display: inline-block;
  height: 101px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
  width: 400px;
  padding:0;
  background:url(/materials/176053549918901.png) no-repeat;
  background-size: 100%;
}

#title_body{
  margin:0;
}

/*ヘッダー部右背景画像*/
#title_outer{
  width:940px;
  background: url(/materials/176059574337901.png) top 10px right 0 no-repeat;
  background-size: 500px;
}

/*ディスクリプション*/
#title .description {
  font-size: 15px;
  letter-spacing: 0;
  color:#333;
  font-weight:normal;
  text-align:left;
  padding:0;
  margin:5px 0 5px 0;
}


/*----------------------------------------------------------
最新情報
----------------------------------------------------------*/

/* トップの最新情報 #mainTopics
     最新情報一覧ページ #listTopics  */

#mainTopics .topics{
  margin-top:30px;
  border:1px solid #ccc;
}

#mainTopics .topics li{
  padding:20px 25px;
}

/*日付*/
#mainTopics .topics li p.date ,
#listTopics .topics li p.date {
    font-size: 16px;
    color: #999;
}

.mainTopics .topics li{
  border:none;
  border-bottom:1px solid #c2c2c2;
}

/*リンクタイトル*/
#mainTopics .topics li h3 ,
#listTopics .topics li h3 {
    font-size: 16px;
    font-weight: normal;
}

.mainTopics .topics li h3 a{
  color:#006ab6;
}
.mainTopics .topics li h3 a:hover{
  color:#52cbf5;
  text-decoration:underline;
}

/*リード文*/
#mainTopics .topics li p.description ,
#listTopics .topics li p.description {
    color: #999;
    font-size: 16px;
}
/*続き*/
#mainTopics .topics li p.more ,
#listTopics .topics li p.more {
    font-size: 16px;
}

.mainTopics .topics li .more a{
  color:#006ab6;
  text-decoration:underline;
}
.mainTopics .topics li .more a:hover{
  color:#52cbf5;
}

/*一覧を見る*/
#mainTopics .listview {
  font-size: 16px;
}
#mainTopics .listview a{
  background-color:#b9e7ff;
  color:#333;
  font-weight:normal;
}

#mainTopics .listview a:hover{
  background-color:#004294;
  color:#fff;
}

/*----------------------------------------------------------
見出し
----------------------------------------------------------*/

/*h2*/
#mainArticles h2 {
  color: #333;
  font-size:1.7em;
  font-weight:bold;
  letter-spacing: 0;
  margin-top:1.5em;
  padding: 0.8em 0;
  text-align:center;
  margin-bottom:0.5em;
  border-top:4px solid #0162b3;
}

/*h3*/
.mainContents .article h3, #mainTopics h2, #mainServices h2, #listTopics h2, .mainContents div.gallery h3 {
  color: #333;
  font-weight:bold;
  font-size:1.4em;
  margin:2em 0 1em 0;
  padding: 0.5em 0.7em;
  text-align:left;
  border:none;
  border-radius:8px;
  background: url(/materials/176059740188401.png) left top repeat;
}

.article h3 a {
    color: #333;
    text-decoration: none;
}

/*h4*/
.mainContents .article h4{
  font-weight:bold;
  font-size:1.2em;
  color:#01467f;
  margin:1.7em 0 1.3em 0;
  padding: 0.5em 0.8em;
  line-height: 1.3;
  display:inline-block;
  border-bottom: solid 2px #0162b3;
}

.mainContents .article h4.lead{
  background:none;
  border-bottom:none;
  font-size:1.5em;
  line-height: 1.6;
  color:#0162b3;
  margin:0;
}

/*h5*/
h5{
  color:#0162b3;
  font-weight:bold;
  font-size:1.1em;
  display:flex;
  margin:0.5em 0;
  border-bottom:1px solid #376bc5;
}

h5::before{
  color: #efd401;
  content: "◆";
  font-family: "メイリオ", sans-serif;
}


/*----------------------------------------------------------
サイドコンテンツ
----------------------------------------------------------*/
#side{
  margin:0 0 30px 0;
  text-align:center;
  padding:15px 0 0 0;
  border:1px solid #ddd;
 }
#side h2 img{
  width: 100%;
  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:#333;
  border-top:1px dotted #ccc;
  display:block;
  padding:5px;
  font-size:1em;
  background-color:#e1e9f0;
  margin:0 0 20px 0;
  border-bottom:none;
}

#side span.bold{
  font-weight:bold;
}

#side span.tel{
  font-size:20px;
  font-weight:bold;
}

#side span.bold{
  font-weight:bold;
}

#side span.txt{
  font-size:14px;
  font-weight:normal;
}

/*サイドメニュー*/
#sideServices{
  width:248px;
  background:none;
  border:none;
  margin:35px 0;
}

#sideServices h2{
  border:none;
  font-size:18px;
  background-color:#fff;
  background-image:none;
  font-weight:bold;
  color:#01467f;
  border-bottom:2px solid #0162b3;
}
.sideServices h2{
  font-size:16px;
  border:none;
  padding:5px 10px;
}
.sideServices ul{
  width:248px;
  padding:0 0 5px 0;
}
.sideServices ul li{
  border:none;
  width:246px;
  border:1px solid #ccc;
  background-image:none;
  margin:3px 0;
}
.sideServices ul li a{
  background-image:none !important;
  background-color:#e1e9f0;
  border-color:#fff !important;
  padding:10px 6px;
  text-decoration:none;
  line-height:20px;
  display:block;
  width:232px;
  color:#0162b3;
  border-style:solid;
}
.sideServices ul li a:hover{
  background-color:#0162b3;
  color:#fff;
}
.sideServices ul li a::before{
    color: #000;
    content: "→";
    display: inline-block;
    font-size: 115%;
    margin-right: 2px;
}

#sideContents{
  font-size:16px;
}
#sideMobile{
  width:248px;
  font-size:16px;
}

/*ブログ*/
.sideBlogCategories , .sideBlogDates{
  margin:35px 0;
}
.sideBlogCategories h2, .sideBlogDates h2{
  font-size:16px;
  border:none;
  padding:10px;
  padding-left:12px;
  background-color:#b9e7ff;
  background-image:none;
  color:#333;
}

.sideBlogCategories ul{
  width:248px;
  padding:0 0 5px 0;
}

.sideBlogCategories ul li{
  border:none;
  width:248px;
  border-bottom:1px dotted #ccc;
  background-color:#fff;
}
.sideBlogCategories ul li a{
  background-image:none;
  background-color:#fff;
  border-color:#fff;
  padding:8px 6px 8px 0;
  text-decoration:none;
  line-height:20px;
  color:#333;
  display:block;
  border-style:solid;
}
.sideBlogCategories ul li a:hover{
  color:#999;
}

.sideBlogCategories ul li a::before{
  color: #999;
  content: "→";
  display: inline-block;
  font-size: 115%;
  margin-right: 2px;
}

.sideBlogDates dl dt a{
  color:#333;
  text-decoration:none;
}
.sideBlogDates dl dt a:hover{
  color: #999;
}
.sideBlogDates dl{
  border-bottom:1px dotted #ccc;
}
.sideBlogDates dd{
  margin-left:0;
}
.sideBlogDates ul{
  width:248px;
  padding:0 0 5px 0;
}

.sideBlogDates ul li{
  border:none;
  width:248px;
  background-color:#fff;
}
.sideBlogDates ul li a{
  background-image:none;
  background-color:#fff;
  border-color:#fff;
  padding:4px 6px 4px 0;
  text-decoration:none;
  line-height:20px;
  color:#333;
  display:block;
  border-style:solid;
}
.sideBlogDates ul li a:hover{
  color:#999;
}

.sideBlogDates ul li a::before{
  color: #999;
  content: "→";
  display: inline-block;
  font-size: 115%;
  margin-right: 2px;
}

/*リンクボタン*/
a.linkbtn {
  background-color: #efd401;
  border-radius: 4px;
  color: #333;
  display: inline-block;
  margin: 18px 0;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
}
a.linkbtn:hover {
  background-color: #d5bd03;
  color:#333;
}



/*-------------------------------------------
table
-------------------------------------------*/
.article table p {
    margin: 0;
}
.article table:not(.contactTable) {
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-spacing: 0;
    border-top: 1px solid #ccc;
    margin: 10px auto;
}
.article table:not(.contactTable) td,
.article table:not(.contactTable) th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
}
.article table:not(.contactTable) th {
    background-color: #f7f7f7;
    text-align: center;
}

/*-------------------------------------
テーブル
---------------------------------------*/

/*テーブル*/
table.table{
  border-collapse:collapse;
  width:100%;
  margin:0 0 15px 0 !important;
}
table.table th,
table.table td{
  padding:6px;
  border:solid 1px #ccc;
}
table.table th{
  background:#e1e9f0 !important;
  width:30%;
}

/*テーブル 2種類の警護方式*/
table.table2{
  border-collapse:collapse;
  width:100%;
  margin:0 0 20px 0;
  
}
table.table2 th,
table.table2 td{
  padding:4px 2px !important;
  border:solid 1px #ccc;
  text-align:left;
}
table.table2 th{
  background:#e1e9f0 !important;
  text-align:center;
  width:100px;
}
table.table2 th.heigh{
  background:#efd401 !important;
}
table.table2 th.low{
  background:#0162b3 !important;
  color:#fff;
}
table.table2 td {
  vertical-align: top;
}

/*----------------------------------------------------------
問い合わせページ
----------------------------------------------------------*/

/* 問い合わせフォーム */
p.contact-note {
    font-size: 16px;
    color: #666;
}
table.contactTable th, table.companyTable th, table.contactTable td, table.companyTable td {
    padding: 16px;
}
table.contactTable label {
  font-size: 100%;
  width: 100%;
  display: inline-block;
}
table.contactTable tr th {
  width:35%;
  background-color:#e1e9f0;
}
table.contactTable input.button,
input[type="button"] {
  background-image: none;
  background-color: #efd401;
  border:none;
  color: #333;
  display: block;
  font-size: 16px;
  height: 50px;
  font-weight:normal;
  margin: 0 auto 10px;
  outline: none;
  width: 250px;
  letter-spacing: 5px;
  text-align:center;
}

table.contactTable .textField{
  width:400px;
}
input[type="button"] {
  background-color: #666;

}
table.contactTable input.button:hover,
input[type="button"]:hover {
  background-image: none;
  background-color: #d5bd03;
  cursor: pointer;
  color:#333;
}
input[type="button"]:hover {
  background-color: #d5bd03;
  color:#333;
}

table.contactTable input[type="button"] {
    width: 250px;
    height: 50px;
    margin: 1em auto;
    box-sizing: border-box;
}

/*お問い合わせページリストデザイン*/
ol.pp {
padding-left: 2em;
}
ol.pp li {
list-style-type: decimal;
padding: 5px;
}

ul.notes {
list-style-type: none;
margin-left:1em;
margin-bottom:1em;
font-weight:bold;
}
ul.notes li::before {
content: "◆";
margin-left: -1em;
font-family: "メイリオ", sans-serif;
}

ul.ps {
list-style-type: none;
margin-left:1em;
color:#666;
}
ul.ps li::before {
content: "※";
margin-left: -1em;
font-family: "メイリオ", sans-serif;
}

ul.maru {
  list-style-type: none;
  margin-left:1.2em;
  font-weight:bold;
  color:#333;
}
ul.maru li::before {
  content: "●";
  margin-left: -1em;
  font-family: "メイリオ", sans-serif;
}


/*----------------------------------------------------------
新着一覧
----------------------------------------------------------*/
#listTopics .mainTopics .topics{
  border-top:none;
}


/*----------------------------------------------------------
その他
----------------------------------------------------------*/

/*よくある質問*/
ul.faq {
  padding: 0;
  margin-left: 50px;
  border-bottom:1px dotted #666;
}
ul.faq li.qus ,
ul.faq li.ans {
  display: block;
  font-size: 100%;
  line-height: 1.6;
  margin-bottom: 20px;
}
ul.faq li.qus{
  font-weight:bold;
  font-size:120%;
}
ul.faq li.qus::before ,
ul.faq li.ans::before {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 100%;
    height: 32px;
    line-height: 32px;
    margin: 0 12px 0 -44px;
    text-align: center;
    width: 32px;
}
ul.faq li.qus::before {
    background-color: #efd401;
    content: "Q";
}
ul.faq li.ans::before {
    background-color: #0162b3;
    content: "A";
}

/* 流れ */
table#flowTbl {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    margin: 10px auto;
    width: 98%;
}
#flowTbl td {
    border: 2px solid #0162b3;
    display: block;
    height: auto;
    margin-bottom: 50px;
    padding: 2%;
    background:#fff;
    position: relative;
    text-align: center;
}
#flowTbl td:after {
    color: #01467f;
    content: "▼";
    font-size: 48px;
    left: 0;
    right:0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 90%;
    transform: scaleY(0.5);
}
#flowTbl tr:last-child td {
    margin-bottom: 0;
    background:#fff;
}
#flowTbl tr:last-child td:after {
    display:none;
}
#flowTbl td strong {
    color: #66481f;
    display: block;
    font-size: 130%;
    text-align:center;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 0px;
}

/*サイト案内*/
.serviceList{
}
.serviceList ul.galleryGrids li.galleryGrid .galleryGrid_outer{
  margin:0 4px 10px;

background: #444444; /* Old browsers */
background: -moz-linear-gradient(top,  #444444 0%, #333333 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #444444 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #444444 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 ); /* IE6-9 */

background: #0162b3; /* Old browsers */
background: -moz-linear-gradient(top,  #0162b3 0%, #01467f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0162b3 0%,#01467f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0162b3 0%,#01467f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0162b3', endColorstr='#01467f',GradientType=0 ); /* IE6-9 */

}
.serviceList ul.galleryGrids li.galleryGrid .image{
  padding:8px 4px 0;
}
.serviceList ul.galleryGrids li.galleryGrid .image img{
  max-width:100%;
  border-bottom:solid 3px #efd401;
}
.serviceList ul.galleryGrids li.galleryGrid .comment{
  color:#fff;
}

/*事例*/
.jirei{
  padding:2em;
  border-radius:15px;
  margin:0 0 2em 0 !important;
  background:#f8f7ed url(/materials/176060957607501.png) right top no-repeat;
}
/*----------------------------------------------------------
フッター
----------------------------------------------------------*/
#footer{
  background-image:none;

background: #0162b3; /* Old browsers */
background: -moz-linear-gradient(top,  #0162b3 0%, #01467f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0162b3 0%,#01467f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0162b3 0%,#01467f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0162b3', endColorstr='#01467f',GradientType=0 ); /* IE6-9 */
}
.footer .topMenu{
  background:url(/materials/176060140898901.png) bottom left repeat-x;
}
#footer li a{
  background:url(/materials/176060144311201.png) no-repeat;
  padding-left:18px;
  padding-top:3px;
  color:#fff;
}

#footer li a:hover{
  color:#ddd;
}

#footer_outer{
  width:940px;
}
.footer *{
  font-size:16px;
}
.footer p{
  font-size:16px;
  color:#fff;
}
.footer p a{
  color:#fff;
}
.footer p a:hover{
  color:#0099ff;
}
#footer li a{
  background-position:0 10px;
}
.footer .copyright{
  margin:60px 0 5px 0;
}


/*----------------------------------------------------------
画面下部固定のリンクパーツ
----------------------------------------------------------*/
#bLink {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  height: 100px;
  overflow: hidden;
  padding: 12px 0;
  background: #efd401;
  box-sizing: border-box;
  border-top: 1px solid #d5bd03;
}
#bLink_outer {
  display: flex;
  width: 960px;
  margin: auto;
  justify-content: space-between;
  align-items: center;
}
#bLink p.bTel {
  display: inline-block;
  width: 540px;
  margin: 0;
}
#bLink p.bMail {
  display: inline-block;
  width: 340px;
  margin: 0;
}
#bLink p.bTel img, #bLink p.bMail img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
/* ボタンサイズ分の画面下部余白 */
#wrap {
  margin-bottom: 100px;
}

/*-------------
バッジ非表示
---------------*/
.recaptcha_policy {
padding: 0;
margin: 0;
text-align: center;
font-size: 11px !important;
color: #444 !important;
}
.recaptcha_policy a {
font-size: 11px !important;
color: #111 !important;
}
.grecaptcha-badge { visibility: hidden; }

/*編集画面*/
.ams-build .freeHtml_body {
    min-height: 40px;
}