/* =======================================
	共通
======================================= */

body {
    background-color: #fff; color: #111; font-size: 95% ; margin-top:0px; font-weight: 500;
    font-family:  -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, 
    "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 
    "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", 
    "MS PGothic", sans-serif;
   }
   
   #headerTop {display: none;}
   
   .content h1,.content p {line-height: 1.6;}
   .content h2, .content h1.contentTitle, .content h1.entryPostTitle,.sideTower .localHead {
       border-top: 1px solid #ccc !important;
       border-bottom: 2px solid #31acbf;
   }
   .content h3 {padding: 8px 15px;background-color: #f0f0f0;}
   /*#headerTop #site-description {height: 0;}*/
   a:hover img {
       opacity: 0.8;
       transition: 0.4s ;
       filter: alpha(opacity=80);
       -moz-opacity: 0.7;
   }
   
   .content #topFreeArea {
       border-bottom: 1px solid #fff;
       box-shadow: 0 2px 1px #fff;
       }
   
   
   /* ---------------------------------
       印刷用（共通）
   --------------------------------- */
   /* print setting */
   @media print {
       body,#wrap,#container {
           margin: 0; padding: 0; width: 100%;
       }
       #headerTop,#header,#panList,#gMenu,#pagetop,
       #sideTower,#footMenu,#footer,#siteBottom {
           display:block !important;
       }
   }
   
   /* print setting 
   @media print {
       body {
       -webkit-print-color-adjust: exact;
       top:0 !IMPORTANT;
       left:0 !IMPORTANT;
       width:200mm !IMPORTANT;
       height:290mm !IMPORTANT;
       }
         .mbscroll{
        overflow: auto;
        white-space: nowrap;
       }
       }
   */
   
   /* ---------------------------------
       ヘッダー（共通）
   --------------------------------- */
   #header #site-title a img { max-height:100%;margin-top: 3px; }
   #header #site-title {width: 300px;}
   /*#headerTop {border-top: 10px solid #0cb500; background-color: #b45312;}*/ 
   #headerTop #site-description { color: #fff;text-align: right;}
   #panList { font-size:12px; }
   
   
   #header #headContact #headContactTel {
       display: none;
   }
   
   #header #headContact #headContactTime {
       font-size: 12px;
       margin-top: 50px;
       margin-right: 10px;
       font-size: 14px;
   }
   
   /* ---------------------------------
       ナビメニュー（共通）
   --------------------------------- */

/* 建築士サポートセンター（元HOMEボタン）の背景色 */

   #gMenu li#menu-item-9049 a {
	background: linear-gradient(#fcc600, #c94708) !important;
    }

    #gMenu li#menu-item-9049 a:hover {
	background: #c94708 !important;
    }

   #gMenu {
   background: -webkit-gradient(linear, 0 0, 0 bottom, from(#31acbf), to(#1b8724));
   background: -moz-linear-gradient(#31acbf, #1b8724);
   background: linear-gradient(#31acbf, #1b8724);
   border-color:#31acbf;
   box-shadow: none;
   }
   
   #gMenu .menu {
    border-left: 1px solid #318d9c;
   }
   
   #gMenu .menu li a { 
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#31acbf), to(#1b8724));
    background: -moz-linear-gradient(#31acbf, #1b8724);
    background: linear-gradient(#31acbf, #1b8724);
    border-color:#318d9c;
    box-shadow: none;
    padding: 12px 6px;
   }
   
   #gMenu .menu li.current_page_item > a, #gMenu .menu li > a:hover {
       background-color: #31acbf;
   }
   
   #gMenu .menu li:hover li a {
    color:#fff;
    background: rgba(0,0,0,0.6);
   }
   
   #gMenu .menu .sub-menu li a:hover {
    background: rgba(12, 12, 12, 0.8);
   }
   
   #gMenu .menu li a strong {
    color:#fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
   }
   
   /*IE11だけに適用されるCSSハック*/
   @media all and (-ms-high-contrast:none){
       *::-ms-backdrop, 
       #gMenu .menu li a { 
           padding: 12px 2px;
       }
       #gMenu .menu li a strong  {
           letter-spacing: -1px;
       }
     }
   
   #gMenu .menu > li > a span {
    color: #ffe192;
   }
   
   /*マウスオーバーとアクティブページの色*/
   #gMenu .menu > li.current_page_item > a,
    #gMenu .menu > li.current-menu-item > a,
    #gMenu .menu > li.current_page_ancestor > a,
    #gMenu .menu > li.current-page-ancestor > a,
    #gMenu .menu > li > a:hover {
       background: #31acbf !important;
       border-right: 1px solid #318d9c !important;
   }
   
   
   /* ---------------------------------
       スライダー（共通）
   --------------------------------- */
   #topMainBnr #topMainBnrFrame {
    margin: 0;
   /* border-bottom: 15px solid #960000;*/
    background-color: #fff;
   }
   #topMainBnrFrame {width: 100%;height: auto;}
   #topMainBnrFrame .flex-control-nav { bottom:10px; }
   #topMainBnrFrame .flexslider.slide .flex-direction-nav li .prev {z-index:1;}
   #topMainBnr img {
       width:100% !important;
       max-width: 100% !important;
       height: auto !important;
   }
   #topMainBnrFrame a.slideFrame:hover { border:none;}
   #topMainBnrFrame .slideFrame { border:none;}
   #topMainBnrFrame .slideFrame img {left: 0px;}
   #topMainBnr {padding:0;}
   #topMainBnr,
   #topMainBnrFrame {
       background-color:transparent;
       box-shadow:none;
       border:none;
   }
   #topMainBnrFrame .slides img,
   #topMainBnrFrame.flexslider .slides img {
       width: 100% !important;
       max-width: 100% !important;
   }
   
   #topMainBnr .flex-direction-nav li .prev {
       left: 0;
       display: none;
   }
   
   #topMainBnr .flex-direction-nav li .next {
       right: 0;
       display: none;
   }
   
   /* ---------------------------------
       投稿ページ（共通）
   --------------------------------- */
   .content .entry-meta {
       display: none;
   }
   
   .content h1.entryPostTitle {
       margin-bottom: 30px;
   }
   /* ---------------------------------
       サイドバー（共通）
   --------------------------------- */
   .subBtn{
     margin: 0 auto;
     padding: 20px 0 0;
   /*  background-color: #F5F2ED;*/
   }
   
   .subBtn img{
     margin: 8px 0;
   }
   
   .group{
     margin: 0 auto;
     padding: 20px 0;
   /*  background-color: #F5F2ED;*/
   }
   
   .group img{
     margin: 5px 0;
   }
   
   .sideTower .sideWidget .textwidget {
     padding-top: 0;
     padding-bottom: 0;
   }
   
   /* サイドバナー（会誌） */
   .sideTower .sideWidget #kaishi {
     text-align: center;
     background-color: #F2ECD5;
     padding: 25px 5px;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
   }
   
   /* サイドバナー（会員ログイン） */
   .sideTower .sideWidget #mLogin {
     text-align: center;
     border: 4px solid #ccc;
     padding: 20px 5px;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
   }
   
   .sideTower .sideWidget #kaishi h1,.sideTower .sideWidget #mLogin h1 {
     padding-bottom: 10px;
   }
   
   /* サイドバナー（ログインボタン） */
   .sideTower .sideWidget #mLogin a.mLoginBtn {
       width: 60%;
       display: block;
       margin: 0 auto;
       padding: 8px;
       text-decoration: none;
       color: #FFF;
       font-size: 1.1em;
       font-weight: 400;
       border: solid 1px #0080ab;
       border-radius: 5px;
       box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
       text-shadow: 0 1px 0 rgba(0,0,0,0.2);
       background: -moz-linear-gradient(top, #66CCCC, #0095C6);
       background: -webkit-linear-gradient(top, #66CCCC, #0095C6);
       background: linear-gradient(to bottom, #66CCCC, #0095C6);
   }
   
   .sideTower .sideWidget #mLogin a.mLoginBtn:hover {
     opacity: 0.8 ;
     transition: 0.4s;
     box-shadow: none;
     text-shadow: none;
   }
   
   /* サイドバナーメニューのデザイン（グラデバージョン）
   .sideTower .sideWidget li {
       border: 1px solid #ccc;
       border-bottom: none;
       margin: 0;
       background: -webkit-linear-gradient(top, #whitesmoke 0%, whitesmoke 100%);
       background: linear-gradient(to bottom, whitesmoke 0%, #dadada 100%);
       text-shadow: 1px 1px 1px whitesmoke;
     line-height: 1.5;
   }
   
   .sideTower .sideWidget li a {
       color: #222;
       font-weight: 600;
   }
   */
   
   /* ---------------------------------
       新着情報（共通）
   --------------------------------- */
   
   
   #info {
     width: 670px;
        float:left; 
       margin: 0px 20px 0px 0px;
       padding-top:25px;
     font-size: 15px;
   }
   
   #info ul li {
       list-style-type:none;
       border-bottom:1px dotted #ccc;
       line-height:1.6;
       padding-bottom:10px;
   }
   
   
   .cs-date {
       font-size:12px;
       color:#999;
   }
   
/* カテゴリー */
.cs-shikai,.cs-sanjyo,.cs-gyosei,.cs-etc {
       color: #FFFFFF;
       display: inline-block;
       padding: 0px 4px;
       margin: 0px 8px 2px 2px;
       font-size: 11px;
       width: 60px;
       text-align: center;
       text-indent: 0em;
}
/* カテゴリーカラー */
.cs-shikai {background-color: #008DBD;}
.cs-sanjyo {background-color: #669C29;}
.cs-gyosei {background-color: #cbbd1e;}
.cs-etc {background-color: #cf5a16;}
   
   /*2行目以降字下げ*/
   @media screen and (min-width: 670px) {
   #info ul li {text-indent: -10.8em;margin-left: 170px;padding-left: 10px;margin-right: 10px;}
   }
   
   @media screen and (max-width: 669px) {
   #info {	width: auto;}
   #info ul li {text-indent: 0em;margin-left: 0px;}
   }


/*SNS投稿時のタグ関連制御*/
.content .subPostListSection {
    display: none;
}

.content .entry-utility {
    display: none;
}
   
   /* ---------------------------------
       新着情報アーカイブ（共通）
   --------------------------------- */
   .content .infoList ul li {
       border-bottom: 1px dotted #afb0af;
       padding: 12px 0px 2px;
       display: block;
   }
   .content .infoList .infoDate {color: #343434;width: 90px;display: inline-block;}
   .content .infoList .infoCate {
       background-color: #c4c6c5;
       color: #fff;
       line-height: 35px;
       border-radius: 3px;
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
       font-size: 12px;
       padding: 2px 4px;
       width: 70px;
       display: inline-block;
       text-align: center;
       line-height: 1;
       float: left;
     display:none;
       }
   .content .infoList ul li .infoTxt a {color: #619c17;background-image:none;padding-left:0px;}
   
   .nav-next,.nav-previous {
    width: 48%;
}

   /* ----PC-----*/
   @media (min-width: 769px) {.content .infoList ul li .infoTxt {
   display: block;
   }
   .content .infoList ul li .infoTxt a {display:inline-block;}
   }
   /* ----mobile----*/
   @media (max-width: 768px) {}
   
   /* 特定の記事を非表示 */
   .content .infoList li#post-8126 {display:none;}
   
   /* ---------------------------------
       会誌（共通）
   --------------------------------- */
   
   .content .info-cat-kaishi ul {margin-left:45px;}
   
   /* ---------------------------------
       フッター（共通）
   --------------------------------- */
   #powerd { display:none; }
   
   #footMenu {
       padding: 8px 0px;
   }
   
   #footer {
       border-top: none;
       background: #f7f7f7;
       background: -moz-linear-gradient(top, #efebeb  10%, #bcbdbc 100%);
       background: -webkit-linear-gradient(top, #efebeb  10%,#bcbdbc 100%);
       background: linear-gradient(to bottom, #efebeb  10%,#bcbdbc 100%);
       filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#efebeb ', endColorstr='#bcbdbc',GradientType=0 );    
   }
   #siteBottom {
       border-top: none;
       background-color: #bcbdbc;
       padding: 0 0 20px;
   }
   #footer dl#footerOutline dt {
       font-weight: 700;
   }
   .content .mainFoot {
       display: none;
   }
   
   #footer .madr {margin: 2px 0 3px 0;}
   
   /* ---------------------------------
       MW WP Form（共通）
   --------------------------------- */
   
   
   .mw_wp_form_g-standard .notes {
       color: #0f0f0f;
       display: initial;
       font-size: 16px;
       margin: 5px 0 0;
   }
   
   
   .g-standard-description {
       font-size: 12px;
       margin-bottom: -20px;
   }
   
   .nodisplay {display:none;} 
   
   .mw_wp_form .horizontal-item:first-child {
       margin-right: 14px;  
   }
   
   .mw_wp_form .horizontal-item + .horizontal-item {
       margin-left: 0px;
       margin-right: 14px;
   }
   
   .mw_wp_form_g-standard label {
     text-indent: -1.5em;
     margin-left: 1.5em;
   }
   
   
   ::placeholder{
     color:#BBB
   }
   
   /* ---------------------------------
       ボタン（共通）
   --------------------------------- */
   /* 背景イエロー */
   .content a.btnYellow{
       position: relative;
       display: inline-block;
       font-weight: bold;
       padding: 15px 30px;
       text-decoration: none;
       text-align: center;
       color: #fff;
       background-color: #ffb100;
       transition: .4s;
   }
   
   .content a.btnYellow:after {
     position: absolute;
     content: "\f105";
     font-family: 'FontAwesome';
     right: 10px;
   }
   
   .content a.btnYellow:hover {
       background-color: #EBEBEB;
       color: #ffb100;
   }
   
   /* 背景ブルー */
   .content a.btnBlue{
       position: relative;
       display: inline-block;
       font-weight: 400;
       padding: 10px 30px;
       text-decoration: none;
       text-align: center;
       color: #fff;
       background-color: #0188b1;
      border-radius: 5px;
      transition: .4s;
   }
   
   .content a.btnBlue:after {
     position: absolute;
     content: "\f105";
     font-family: 'FontAwesome';
     right: 10px;
   }
   
   .content a.btnBlue:hover {
       background-color: #EBEBEB;
       color: #2C7FC0;
   }
   
   /* 背景ブルー(小) */
   .content a.btnBlues{
       position: relative;
       display: inline-block;
       font-weight: 400;
       padding: 2px 20px 2px 10px;
       text-decoration: none;
       text-align: center;
       color: #fff;
       background-color: #0188b1;
      border-radius: 5px;
      transition: .4s;
      font-size:12px;
   }
   
   .content a.btnBlues:after {
     position: absolute;
     content: "\f105";
     font-family: 'FontAwesome';
     right: 10px;
   }
   
   .content a.btnBlues:hover {
       background-color: #EBEBEB;
       color: #2C7FC0;
   }
   
   /* 枠線イエロー */
   .content a.btnBDyellow {
     display: inline-block;
     padding: 6px 15px;
     text-decoration: none;
     color: #ffb100;
     border: solid 2px #ffb100;
     border-radius: 5px;
     transition: .4s;
   }
   
   .content a.btnBDyellow:hover {
     background: #ffb100;
     color: white;
   }
   
   /* 枠線ブルー */
   .content a.btnBDblue {
     display: inline-block;
     padding: 8px 15px;
     text-decoration: none;
     color: #0188b1;
     font-weight: 400;
     border: solid 2px #0188b1;
     border-radius: 5px;
     background-color: #f6fdff;
     transition: .4s;
   }
   
   .content a.btnBDblue:hover {
     background: #0188b1;
     color: white;
   }
   
   /* 枠線ピンク */
   .content a.btnBDpink {
       display: inline-block;
       padding: 8px 15px;
       text-decoration: none;
       color: #a0459e;
       font-weight: 400;
       border: solid 2px #ad5ea3;
       border-radius: 5px;
       background-color: #f3dcee;
       transition: .4s;
   }
   
   .content a.btnBDpink:hover {
     background: #ad5ea3;
     color: white;
   }
   
   /*マーカー風ライン*/
   .marker01 {
   background:linear-gradient(transparent 75%, #ff9393 75%);
   }
   
    .ulinePink {
      background: linear-gradient(transparent 70%, #f8cfe4 70%);
   }
   /* 疑似li */
.plist {
  text-indent: -0.6em;
  padding-left: 1.6em;
}

.plist::before {
  content: "\25CF";
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 10px;
}
   
   /* -------------------------------
       テーブル（共通）
   ------------------------------- */
   
   /*#content table th { background-color: #71a8b9;font-weight: 400;color: #fff;}*/
   #content table th { background-color: #d6e0e9;font-weight: 400;}
   #content table {font-size:1em}
   .content table.mobile-block th {
       box-shadow: inset 1px 1px 0px #fff;
   }
   
   /* 偶数行の背景色を変更 */  
   #content table.bgE tr:nth-child(even) td {   
     background-color: #f1f7f9;   
   }   
     
   /* 奇数行の背景色を変更 */  
   #content table.bgO tr:nth-child(odd) td {   
     background-color: #f1f7f9;   
   }   
     
   /* 任意の行数毎に背景色を変更(この例だと4nと指定しているので4行ごと) */  
   #content table.bg4 tr:nth-child(4n) td {   
     background-color: #f1f7f9;   
   }  
   
   .cell {}
   .cell .center {text-align: center;}
   .cell .right {text-align: right;}
   .cell .middle {vertical-align: middle;}
   .cell .double {border-bottom:3px #ccc double;}
   .cell .nowrap {white-space: nowrap}
   
 /* Tableの線を消す */
.no_border,.no_border th,.no_border td {border:none!important;}
   
   /* ---------------------------------
       オリジナル（共通）
   --------------------------------- */
   
   .clear { clear: both; }
   .clearfix {min-height: 1px;}
   .clearfix:after {
     content: "."; 
     display: block;
     clear: both;
     height: 0;
     visibility: hidden;
   }
   .left {	text-align: left; }
   .center {text-align: center;}
   .right {text-align: right;}
   
   .font1em {font-size:1em !important;}
   .font8px {font-size:8px;}
   .font9px {font-size:9px;}
   .font10px {font-size:10px;}
   .font11px {font-size:11px;}
   .font12px {font-size:12px;}
   .font13px {font-size:13px;}
   .font14px {font-size:14px;}
   .font15px {font-size:15px;}
   .font16px {font-size:16px;}
   .font18px {font-size:18px;}
   .font20px {font-size:20px;}
   .fontB {font-weight:700;}
   .att_red { color: #f00;font-weight: 600;}
   .att_green { color: #3A9923;font-weight: 600;}
   .att_blue { color: #32acbf;font-weight: 600;}
   .red { color: #F00;}
   .blue { color:#1D73E1;}
   
   #content h1.ex {
     font-size: 20px;
     color: #7E4E12;
     line-height: 1.5;
   }
   
 .content h2.bex {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#31acbf), to(#fff));
    background: -moz-linear-gradient(#31acbf, #fff);
   }
   
   /* 1文字字下げ */
   .jisage {
     text-indent: -1em;
     padding-left: 1em;}
     
    /* 1文字字下げ margin入り */
   .jisage1 {
     text-indent: -1em;
     padding-left: 1em;
     margin-left: 1em;
   }
     
   /* 2文字字下げ */
   .jisage2 {
     text-indent: -2em;
     padding-left: 1em;
     margin-left:2em;
   }
   
   .jisage3 {
     text-indent: -3em;
     padding-left: 1em;
     margin-left:3em;
   }
   
   .jisage4 {
     text-indent: -4em;
     padding-left: 1em;
     margin-left:4em;
   }
   
   .mleft1em {margin-left: 1em;}
   
   /* アンダーライン */
   .uline {text-decoration:underline;}
   

   /* 取消線 */
   .torikeshi {text-decoration: line-through 1px #22222290; }
   
  .content .guideDl {margin: 35px 0;}
  
   .content .guideDl dl {
     margin:0px 0px 20px 25px;
     display: flex;
     flex-wrap: wrap;
   }
   .content .guideDl dt {
     margin: 0 20px 0 0;
     border: none;
     font-weight: normal;
     width:auto;
     color: #111;
   }
   .content .guideDl dd {
       margin:0;
       border: none;
       width:85%;
   }
  
  /* 引用 */ 
   .scBox {
  border: 1px solid #ccc;
  padding: 50px 50px 30px 50px;
  border-radius: 15px;
  background: #fcfcfc;
  margin: 30px auto;
}

/* リストの様な表 */
.guideDl2 {margin:25px 0px 25px 20px;}
.guideDl2 dl {
  margin: 0 0 5px 0;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  width:100%;
}
.guideDl2 dt {
  font-weight: normal;
  white-space: nowrap;
  padding: 10px 0;
  color:#000!important;
  margin-bottom:0;
}
.guideDl2 dd {
  margin: 0;
  padding: 10px 0;
}
/* サイズ */
.guideDl2 dt {width: 14%;}
.guideDl2 dd {width: 86%;}
/* border */ 
.guideDl2.brd dt,.guideDl2.brd dd {border-bottom: 1px dotted #ccc;}

/* リスト表カラム下に */
.flcolumn {flex-direction: column;}
.guideDl2 .flcolumn dd {
  padding-left: 4.4em;
  margin-top: -10px;
}

.double-border {
    text-decoration:underline double blue
}


  /* Hを使った時のpやulのインデント */ 
.hText p {margin-left:10px;}
.hText ul {margin:25px 0px 25px 40px;}
/*
.hText ul {margin:25px 0px 25px 10px;}
.hText li {list-style: none;}*/


/* ページ内リンク調整 */
a.jump_point {
  height: 1px;
  display: block;
  padding-top: 40px;
  margin-top: -40px;
}

/* 整形用 */
.mleft0 {margin-left:0px!important;}
.mleft10 {margin-left:10px!important;}
.mleft20 {margin-left:20px!important;}
.mleft30 {margin-left:30px!important;}
.mleft40 {margin-left:40px!important;}
.mleft50 {margin-left:50px!important;}

.mtop-40 {margin-top:-40px!important;}
.mtop-30 {margin-top:-30px!important;}
.mtop-20 {margin-top:-20px!important;}
.mtop-10 {margin-top:-10px!important;}
.mtop0 {margin-top:0px!important;}
.mtop10 {margin-top:10px!important;}
.mtop20 {margin-top:20px!important;}
.mtop30 {margin-top:30px!important;}
.mtop40 {margin-top:40px!important;}
.mtop50 {margin-top:50px!important;}

.mbtm0 {margin-bottom:0px!important;}
.mbtm10 {margin-bottom:10px!important;}
.mbtm20 {margin-bottom:20px!important;}
.mbtm30 {margin-bottom:30px!important;}
.mbtm40 {margin-bottom:40px!important;}
.mbtm50 {margin-bottom:50px!important;}

.mright0 {margin-right:0px!important;}
.mright10 {margin-right:10px!important;}
.mright20 {margin-right:20px!important;}
.mright30 {margin-right:30px!important;}
.mright40 {margin-right:40px!important;}
.mright50 {margin-right:50px!important;}

.margin10 {margin:10px!important;}
.margin20 {margin:20px!important;}
.margin30 {margin:30px!important;}
.margin40 {margin:40px!important;}
.margin50 {margin:50px!important;}

.m0a { margin: 0 auto!important;}

/* 疑似li */
.plist {
  text-indent: -0.6em;
  padding-left: 1.2em !important;
}

.plist::before {
  content: "\25CF";
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 8px;
}
   
   /* -------------------------------
       マーク（共通）
   ------------------------------- */
   
   .mMAIL:before{
       font-family: "FontAwesome";
       content: '\f003';
       font-weight: normal;
       padding: 0 0.3em;
   }
   
   .mTEL:before{
       font-family: "FontAwesome";
       content: '\f095';
       font-weight: normal;
       font-size: 1.2em;
       padding: 0 0.3em;
   }
   
   .mFAX:before{
       font-family: "FontAwesome";
       content: '\f1ac';
       font-weight: normal;
   /*	font-size: 1.1em;*/
       padding: 0 0.3em;
   }
   
   .mURL:before{
       font-family: "FontAwesome";
       content: '\f015';
       font-weight: normal;
       font-size: 1.2em;
       padding: 0 0.3em;
   }
   
   
   a[href$=".pdf"]::before{
       font-family: "FontAwesome";
       content: '\f1c1';
       font-weight: normal;
       font-size: 1.2em;
       padding: 0 0.3em;
       color: #d64317;
   }
   
   a[href$=".docx"]::before, a[href$=".doc"]::before {
       font-family: "FontAwesome";
       content: '\f1c2';
       font-weight: normal;
       font-size: 1.2em;
       padding: 0 0.3em;
       color: #4675de;
   }
   
   a[href$=".xlsx"]::before, a[href$=".xls"]::before, a[href$=".xlsm"]::before {
       font-family: "FontAwesome";
       content: '\f1c3';
       font-weight: normal;
       font-size: 1.2em;
       padding: 0 0.3em;
       color: #1cab20;
   }
   
   
   p.mMAIL,p.mTEL,p.mURL,p.mFAX{
       line-height: 1;
       font-size: 1em;
   }
   
   .exclamation:before{
     content: '';
     display: inline-block;
     width: 25px;
     height: 25px;
     background-image: url(/wp/wp-content/uploads/2020/01/kiken.png);
     background-size: contain;
     vertical-align: middle;
     background-repeat: no-repeat;
   }
   
   /*別窓で開く*/
   
   a[target="_blank"]:not(.noicon):after {
       content: "\f08e";
       font-family: FontAwesome;
       font-style: normal;
       font-weight: normal;
       font-size: 12px;
       text-decoration: none;
       margin: 0 3px;
   }
   
.mv::before {
    font-family: "FontAwesome";
    content: '\f03d';
    font-weight: normal;
    font-size: 1.2em;
    padding: 0 0.3em;
    color:#068eae;
/*    color: #2d4265;*/
}


   /* -------------------------------
       画像（共通）
   ------------------------------- */
   
   img.floatL { float:left; }
   img.mid { vertical-align:middle; }
   img.LR5px{ margin: auto 5px; }
   img.LR10px{ margin: auto 10px; }
   img.LR20px{ margin: auto 20px; }
   img.img_grow {
       box-shadow: 0px 0px 6px #333;
       text-align: center;
       margin-top: 10px;
       border-radius: 5px;
       
   }
   
   /* ---------------------------------
       ページINDEX（共通）
   --------------------------------- */
   
   .pageIndex {
       position: relative;
       width: 70%;
       margin: 0 auto 40px;
       padding: 70px 30px 30px;
       background-color: #eee;
       border-radius: 10px;
       -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
   /*    border: 1px solid #e0e0e0;
       box-shadow: 0px 0px 3px #999;
       -webkit-box-shadow: 0px 0px 3px #999;
       -moz-box-shadow: 0px 0px 3px #999;*/
   }
   
   .pageIndex .index {
        position: absolute;
       margin: 0 auto;
       padding: 8px 30px;
       background: #0089b1;
       color: white;
       font-size: 1.3em;
       letter-spacing: 2px;
       display: inline-block;
        top: 20px;
        left: -15px;
        background-image: linear-gradient(-45deg, #02afe2 25%, #0089b1 25%,
         #0089b1 50%, #02afe2 50%, #02afe2 75%,#0089b1 75%, #0089b1 );
       background-size: 5px 5px;
   }
   
   .pageIndex .index::before {
     position: absolute;
     content: '';
     top: 100%;
     left: 0;
     border: none;
     border-bottom: solid 10px transparent;
     border-right: solid 15px rgb(149, 158, 155);
   }
   
   .content .pageIndex ul {
       margin-bottom: 0;
   }
   
   .content .pageIndex li {
       margin-bottom: 6px;
       font-size: 1.05em;
   }
   
   .content .pageIndex ul ul {
       margin-top: 0;
       margin-bottom: 0;
   }
   .content .pageIndex ul ul li {
       margin-bottom: 5px;
   }
   
   
   
   /* =======================================
       PC用
   ======================================= */
   
   
   @media (min-width: 769px) {
   .nopc { display:none; }
   }
   
   @media print, screen and (min-width: 970px) {
   
   /* -------------------------------
       ナビメニュー（PC）
   ------------------------------- */
   /* メニューの横幅 */
   #gMenu #gMenuInner.innerBox {
    width: 1100px;
   /*  margin: 0 auto !important;*/
   }
   /*
   メニューの横幅を100perからautoにする
   #gMenu .menu > li {
       width: auto !important;
   } 
   #gMenu .menu li:first-child {width: 60%}
   */
   
   #gMenu .menu > li {
    width: auto;
    white-space: nowrap;
    background: none;
    zoom: 1;
    }
   
   /* サブメニューデザイン */
   #gMenu .sub-menu li a {
    font-size: 15px;
    background-color: rgba(24, 24, 24 ,0.9);
    color:#fff;
    border-bottom:#333;
    padding:10px 7px;
   }
   
   /* メニュー横幅変更 */
    #header #headerInner.innerBox,
    #gMenu #gMenuInner.innerBox {
        width: 94%;
        max-width: 1500px;
        margin: 0px auto;
    }
    
    #gMenu .menu li a strong {
        font-size: 1.1vw;
    }
   
   /* -------------------------------
       レイアウト（PC）
   ------------------------------- */
   /* サイト全体の横幅 */
   .innerBox { width: 1000px;}
   
   /* メインエリアの横幅 */
   #main #container #content { width:690px; }
   
   /* サイドバーの横幅 */
   #main #container #sideTower {width:270px;}
   
   /* スライドの高さ */
   #topMainBnrFrame { min-height: 200px; }
   
   .w100per {
     width: 100%;
     margin: 0 auto;
   }
   .w1100 {
     width: 1100px;
     margin: 0 auto;
   }
   .w1000 {
     width: 1000px;
     margin: 0 auto;
   }
   .w950 {
     width: 950px;
     margin: 0 auto;
   }
   .w900 {
     width: 900px;
     margin: 0 auto;
   }
   .w850 {
     width: 850px;
     margin: 0 auto;
   }
   .w800 {
     width: 800px;
     margin: 0 auto;
   }
   .w750 {
     width: 750px;
     margin: 0 auto;
   }
   .w700 {
     width: 700px;
     margin: 0 auto;
   }
   .w600 {
     width: 600px;
     margin: 0 auto;
   }
   .w500 {
     width: 500px;
     margin: 0 auto;
   }
   .w400 {
     width: 400px;
     margin: 0 auto;
   }
   
   
   /* -------------------------------
       テーブル（PC）
   ------------------------------- */
   
   #content table.per100 { width:100%;}
   #content table.per90 { width:90%;}
   #content table.per80 { width:80%;}
   #content table.per70 { width:70%;}
   #content table.per60 { width:60%;}
   #content table.per50 { width:50%;}
   
   
   /* ---------------------------------
       ページINDEX（PC）
   --------------------------------- */
   
   .content .pageIndex ul {
       margin-left: 10%;
   }
   
   .content .col2 ul {
       margin-left: 20px;
   }
   
   .content .col2 li {
       margin: 4px 2%;
       width: 46%;
       float: left;
   }
   
   /* ---------------------------------
       フッター（PC）
   --------------------------------- */
   #footerSiteMap {
       float: right;
   }
   
   #footerSiteMap .menu li {
       display: inline-block;
       width: 30%;
       margin-bottom: 4px;
   }
   
   
   }/* PC用ここまで970px*/
   
   
   /* =======================================
       モバイル用（スマホ・タブレット）
   ======================================= */
   
   @media (max-width: 480px) {
     
    .scBox {padding: 50px 28px 30px 28px;}
    .guideDl2 dl {display: block;}
    .guideDl2 dt {width: 100%;font-weight: 600;padding:0;}
    .guideDl2 dd {width: 100%;padding-bottom:15px;}
     
   }/* モバイル用480pxここまで */
   
   
   @media (max-width: 969px) and (min-width: 768px) {
   
   #gMenu .menu li a { padding: 12px 0.3vw;}
   #gMenu .menu li a strong { font-size: 1.2vw;}
   
      .content .guideDl dl {
    margin: 0px 0px 17px 25px;
}

   }
   

   @media (max-width: 769px) {
   
   /* モバイルで画像を折り返す */
   #content img.spBL {
    float: none;
    display: block;
    margin: 10px auto;
   }
   
   
   
   /* -------------------------------
       ヘッダー（モバイル）
   ------------------------------- */
   #header {padding: 0;}
   #header #site-title {padding: 5px 0; margin: 0 auto; text-align: center;}
   #header #site-title a img { max-width: 90%; margin: 0 auto; }
   #header #headContact { text-align: center; width: 100%;}
   #header #headContact #headContactTel {
       font-size: 1.8em;
       line-height: 1.5;
       margin-bottom: 0;
   }
   #header #headContactTime a img { width: 100%;margin-top: 10px;}
   
   .nosp { display:none; }
   #content img.fclear { display:block;float: none;margin: auto;text-align:center; }
   
   #header #headContact #headContactTime {
       text-align: right;
       margin-top: 10px;
   }
   
   /* -------------------------------
       ナビメニュー（モバイル）
   ------------------------------- */
   #gMenu .menu {
       border-left: none
   }
   #gMenu .menu li a { 
       background: #022d26;
       border-color: #ffffffb5;
       padding : 10px 1em;
   }
   
   /* -------------------------------
       テーブル（モバイル）
   ------------------------------- */
   .mbscroll{
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
   }
   .mbscroll::-webkit-scrollbar{
    height: 5px;
   }
   .mbscroll::-webkit-scrollbar-track{
    background: #F1F1F1;
   }
   .mbscroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
   }
     
   
   
   /* -------------------------------
       サイドバー（モバイル）
   ------------------------------- */
   #main #container #sideTower {text-align: center;}
   #sideTower .widget_media_image {
       box-shadow: none;
   }
   
   /* -------------------------------
       ページINDEX（モバイル）
   ------------------------------- */
   
   .pageIndex {
       width: 80%;
       margin: 10px auto;
       padding: 60px 5% 10px;
   }
   
   
   /* ---------------------------------
       フッター（モバイル）
   --------------------------------- */
   
   #footerSiteMap .menu li {
       display: inline-block;
       line-height: 1;
       margin-bottom: 0;
   }
   
   
   .content .guideDl dl {
    margin: 0px 0px 20px 25px;
}
   
   }/* モバイル用768pxここまで */