@charset "UTF-8";
/*-------------------------------------------------------body class---------------------*/
    body  {
            margin: 0;
            padding: 0;
            line-height:1.4;
            font-family: "Yu Gothic","Meiryo","sans-serif";
            /*--font-size: 14px;--*/
            text-align: center;
            background-image: url(../smartphone/001_001.jpg);
            /*--background-color: #000000;--*/
          }



/*=======追加2026.01.28機能停止してある=====*/
/*--.container {--*/
  /*--width: 100vw;}--*//*===スマホの画面横幅いっぱいに表示する=====*/

/*====================================================================*/
/*=====全体枠=====*/
/*====================================================================*/
     .waku10000 { /*==このページの全体の外枠を設定してある==*/
                   margin: 0 auto;
                   width: 400px;
                   height: 2700px;
                   /*--border-color: #ffffff;--*/
                   /*--border-style: solid;--*/
                   /*--border-width: 3px;--*/
                   background-image: url(../smartphone/001_002.jpg);
                   /*--background-color: #b0c4de;--*/
               }
/*-------------------------------------------------------------------*/
     .waku10010 { /*==waku10000内の上段、中断の区切り線 高さ10px==*/
                   margin: 0 auto;
                   padding: 0;
                   width: 400px;
                   height: 10px;
                   background-color: #A60302;/*--メタリックレッド--*/
                }
/*====================================================================*/
/*=====1枠目=====*/
/*====================================================================*/
     .waku21000 { /*==waku21000内の中枠を設定：背景にバックホウの画像を表示==*/
                   margin: 0 auto;
                   position: relative;
                   width: 400px;
                   height: 600px;
                   /*--background-color: #f6f7f9;--*/
                   background-image: url(001_011.png);/*---バックホウの画像---*/
                }
/*-------------------------------------------------------------------*/
     .waku21110 { /*==waku20100内の上段の空白の設定：高さ5px==*/
                   margin: 0 auto;
                   padding: 0;
                   width: 400px;
                   height: 5px;
                   /*--background-color: #ffd700;--*/
                }
/*-------------------------------------------------------------------*/
     .waku21120 { /*==藤森建設工業の文字上下のゴールドの線==*/
                   margin: 0 auto;
                   padding: 0;
                   width: 350px;
                   height: 3px;
                   background-color: #ffd700;/*--ゴールドの色--*/
                }
/*-------------------------------------------------------------------*/
          .moji101  { /*==文字の設定（藤森建設工業）==*/
                     margin: 0;
                     padding: 0;
                     font-size: 30px;/*--文字の大きさ--*/
                     font-weight: bold;/*--文字の太さ--*/
                     color: #ffffff;/*--文字の色--*/
                    }
/*-------------------------------------------------------------------*/
          .moji102  { /*==英文字の設定(Thank you for visiting me)==*/
                     margin: 0;
                     padding: 0;
                     font-family:"Helvetica","Helvetica Neue","Arial","Yu Gothic","Meiryo","sans-serif";
                     font-size: 22px;
                     color: #ffffff;
                     font-style: italic;
                     font-weight: bold;
                    }
/*-------------------------------------------------------------------*/
     .waku21130 { /*--waku20100の中の枠で（Thank you for visiting me）下の空白）高さ80px--*/
                   margin: 0 auto;
                   padding: 0;
                   width: 400px;
                   height: 80px;
                   /*--background-color: #ffff00;--*/
                }
/*-------------------------------------------------------------------*/
          .moji103  { /*---文字の設定（災害に強い町を）---*/
            margin: 0;
            padding: 0;
            font-size: 33px;/*--文字の大きさ--*/
            font-weight: bold;/*--文字の太さ--*/
            color: #ffffff;/*--文字の色--*/
            text-shadow:2px 2px 0 #0200f2, -2px -2px 0 #0200f2,
              -2px 2px 0 #0200f2, 2px -2px 0 #0200f2,
              0px 2px 0 #0200f2,  0 -2px 0 #0200f2,
              -2px 0 0 #0200f2, 2px 0 0 #0200f2;/*--文字の縁取り--*/
            }
/*-------------------------------------------------------------------*/
     .waku21140 { /*--中の空白枠（一緒に造りませんか）文字下の空白--*/
                   margin: 0 auto;
                   padding: 0;
                   width: 400px;
                   height: 48px;
                   /*--background-color: #ffff00;--*/
                }
/*-------------------------------------------------------------------*/
          .moji104  { /*---1行目の文字 ---*/
                     margin: 0;
                     padding: 0;
                     font-size: 20px;
                     color: #ffffff;
                     /*--font-style: italic;--*/
                     font-weight: bold;
                     text-align: left;/*--文字列の左寄せ--*/
                     text-indent: 10px;/*--左からのシフト10px--*/
                    }
          .moji105  { /*---折り返し2行目の文字 ---*/
                     margin: 0;
                     padding: 0;
                     font-size: 20px;
                     color: #ffffff;
                     /*--font-style: italic;--*/
                     font-weight: bold;
                     text-align: left;
                     text-indent: 35px;/*--左からのシフト35px（上段と文字位置を合わせつため）--*/
                    }
          .iro01 { /*--●文字の色を変える<span>で使用--*/
                  color: #ff6e86;/*--ピンク系の色--*/
                 }
/*-------------------------------------------------------------------*/
     .waku21200 { /*--最下段の白抜き枠：住所、電話番号を書く--*/
                   margin: 0 auto;
                   padding: 0;
                   width: 370px;
                   height: 82px;
                   background-color: #fff;/*--白色--*/
                }
/*-------------------------------------------------------------------*/
     .waku21210 { /*--waku20200上段の空白--*/
                   margin: 0 auto;
                   padding: 0;
                   width: 400px;
                   height: 35px;
                   /*--background-color: #fff;--*/
                }
/*-------------------------------------------------------------------*/
     .waku21211 { /*--waku20200上段の空白--*/
                   margin: 0 auto;
                   padding: 0;
                   width: 370px;
                   height: 10px;
                   /*--background-color: #fff;--*/
                }
/*-------------------------------------------------------------------*/
          .moji110  { /*---住所、受付の文字---*/
                     margin: 0;
                     padding: 0;
                     font-size: 14px;
                     font-weight: 600;/*--boldより少し弱め--*/
                     color: #000;
                    }
          .moji111  { /*---電話番号の文字---*/
                     margin: 0;
                     padding: 0;
                     font-size: 18px;
                     font-weight: 600;/*--boldより少し弱め--*/
                     color: #000;
                    }
/*====================================================================*/
/*=====２枠目=====*/
/*====================================================================*/
     .waku22000 { /*--２段目の全体枠--*/
                   margin: 0 auto;
                   position: relative;
                   text-align: left;
                   width: 400px;
                   height: 600px;
                   /*--background-color: #e0e000;--*/
                   background-image: url(001_021.png);/*--デジタル社員画像（美咲さん）--*/
                }
/*-------------------------------------------------------------------*/
          .moji201  {/*--美咲がご案内文字--*/
                        margin: 0px;
                        font-size: 18px;
                        font-weight: 600;
                        color: #ffffff;
                        /*--line-height: 1.5;--*/
                        padding-top: 7px;
                        padding-left: 5px;
                        /*--padding-right: 15px;--*/
                       }
/*-------------------------------------------------------------------*/
     .waku22010 { /*--オーディオの枠--*/
                   margin: 0 auto;
                   /*--text-align: left;--*/
                   width: 330px;
                   height: 36px;
                   background-color: #0078ff;
                   opacity: 0.8;/*--透明度--*/
                   position: absolute;
                   top: 315px;
                   left: 5px;
                }

     /*==再生・停止ボタン　Java Scliptで定義===*/
     .play-btn1 {
                 font-size: 20px;
                 font-weight: 500;
                 padding: 3px 24px;
                 border-radius: 12px;
                 border: none;
                 background: #0078ff;
                 color: #adff2f;/*--white;--*/
                 cursor: pointer;
                 position: absolute;
                 top: 0px;
                left: 210px;
                }

     .play-btn1 :active {
                       background: #005fcc;
                        }
     /*=====================================*/
/*-------------------------------------------------------------------*/
     .waku22020 { /*--藤森建設工業の文字の枠--*/
                   margin: 0 auto;
                   padding: 0;
                   width: 300px;
                   height: 30px;
                   background-color: #0000b4;/*--濃いブルー色--*/
                   opacity: 1.0;/*--透明度（1.0：不透明）--*/
                   text-align: center;
                   position: absolute;
                   top: 350px;
                   left: 50px;
                }

          .moji202  {/*--藤森建設工業の文字--*/
                        margin: 0px;
                        font-size: 22px;
                        font-weight: 600;
                        color: #fff;
                        text-shadow: 
                                    0 0 10px #87ceeb,
                                    0 0 20px #87ceeb,
                                    0 0 40px #87ceeb;
                        animation: neonFlicker 1.5s infinite alternate;
                       }
/*-------------------------------------------------------------------*/
     .waku22030 { /*--音声録音の原稿枠--*/
                   margin: 0 auto;
                   padding: 0;
                   width: 390px;
                   height: 218px;
                   background-color: #0000b4;/*--濃いブルー色--*/
                   opacity: 0.2;/*--透明度--*/
                   text-align: left;
                   position: absolute;
                   top: 380px;
                   left: 5px;
                }
/*-------------------------------------------------------------------*/
          .moji203  {/*--音声録音の原稿文字 --*/
                        margin: 0px;
                        font-size: 8px;
                        font-weight: bold;
                        color: #ffe4e1;
                        text-indent: 1em;
                        padding-top: 5px;
                        padding-left: 10px;
                        padding-right: 8px;
                       }
/*-------------------------------------------------------------------*/

/*====================================================================*/
/*=====３枠目=====*/
/*====================================================================*/
     .waku23000 { /*--３段目全体枠---*/
                   margin: 0 auto;
                   position: relative;
                   text-align: left;
                   width: 400px;
                   height: 600px;
                   /*--background-color: #f6f7f9;--*/
                   background-image: url(001_031.png);
                }
     .waku23010 { /*--３段目枠内の上の空きスペース--*/
                   margin: 0 auto;
                   width: 400px;
                   height: 5px;
                   /*--background-color: #fff;--*/
                }
     .waku23020 { /*--FUJIMORI ロゴの枠、背景白--*/
                   margin: 0 auto;
                   text-align: center;
                   width: 170px;
                   height: 28px;
                   background-color: #fff;
                }

     .image201  { /*--FUJIMORI ロゴの大きさ設定--*/
                  width: 150px;
                  height: suto;
                  text-align: center;
                }
     .waku23030 { /*--FUJIMORI ロゴ下の空き--*/
                   margin: 0 auto;
                   width: 400px;
                   height: 80px;
                   /*--background-color: #fff;--*/
                }

          .moji301  { /*---【社訓】と【経営理念】の文字---*/
                     margin: 0;
                     font-size: 16px;
                     font-weight: 700;/*--bold--*/
                     padding-top: 10px;
                     padding-bottom: 3px;/*--文章の下側の空き--*/
                     color: #000;
                    }
          .moji302  { /*---【社訓】の内容文字---*/
                     margin: 0;
                     padding: 0;
                     font-size: 16px;
                     font-weight: 700;/*--bold--*/
                     color: #000;
                     line-height: 1.2;/*--折り返し行の間隔--*/
                     text-indent: 1em;/*--文章先頭の字下げ（1em:1文字下げる）--*/
                     padding-top: 0px;/*--文章の上側の空き--*/
                     padding-left: 30px;/*--文章の左側の空き--*/
                     padding-right: 15px;/*--文章の右側の空き--*/
                    }
          .moji303  { /*---【経営理念】の内容文字---*/
                     margin: 0;
                     padding: 0;
                     font-size: 16px;
                     font-weight: 700;/*--bold--*/
                     color: #000;
                     padding-top: 0px;/*--文章の上側の空き--*/
                     padding-left: 30px;/*--文章の左側の空き--*/
                    }
     .waku23040 { /*--経営理念の下の空き--*/
                   margin: 0 auto;
                   width: 400px;
                   height: 70px;
                   /*--background-color: #fff;--*/
                }

     .waku23050 { /*--最新技術の枠--*/
                   margin-left: 10px;
                   width: 315px;
                   height: 30px;
                   background-color: #98613f;
                }
          .moji305  { /*---キャッチコピー文字---*/
                     margin: 0;
                     padding: 0;
                     font-size: 20px;
                     color: #ffffff;
                     /*--font-style: italic;--*/
                     font-weight: bold;
                     text-align: left;/*--文字列の左寄せ--*/
                     text-indent: 10px;/*--左からのシフト10px--*/
                    }
     .waku23060 { /*--空き--*/
                   margin: 0 auto;
                   width: 400px;
                   height: 10px;
                   /*--background-color: #fff;--*/
                }
     .waku23070 { /*-自然と闘わない。山も川も　の枠---*/
                   margin-left: 10px;
                   width: 350px;
                   height: 30px;
                   background-color: #98613f;
                }


/*====================================================================*/
/*=====４枠目=====*/
/*====================================================================*/
     .waku24000 {/*---４枠目全体枠---*/
                   margin: 0 auto;
                   position: relative;
                   text-align: left;
                   width: 400px;
                   height: 600px;
                   /*--background-color: #f6f7f9;--*/
                   background-image: url(../smartphone/001_041.jpg);
                }

/*-----------------*/
     .waku24010 { /*--オーディオの枠--*/
                   margin: 0 auto;
                   /*--text-align: left;--*/
                   width: 330px;
                   height: 36px;
                   background-color: #0078ff;
                   opacity: 0.8;/*--透明度--*/
                   position: absolute;
                   top: 5px;
                   left: 10px;
                }
     /*==再生・停止ボタン　Java Scliptで定義===*/
     .play-btn2 {
                 font-size: 20px;
                 font-weight: 500;
                 padding: 3px 24px;
                 border-radius: 12px;
                 border: none;
                 background: #0078ff;
                 color: #adff2f;/*--white;--*/
                 cursor: pointer;
                 position: absolute;
                 top: 0px;
                 left: 150px;
                }

     .play-btn2 : active {
                         background: #005fcc;
                        }
     /*=====================================*/

/*-----------------*/
     .image404  {/*---美咲さんの画像(01)---*/
                   width: 150px;
                   height: 150px;
                   position: absolute;
                   top: 0px;
                   left: 250px;
                }

/*-----------------*/
     .image405  {/*---美咲さんの画像(02)---*/
                   /*--width: 390px;--*/
                   /*--height: 218px;--*/
                   position: absolute;
                   top: 466px;
                   left: 2px;
                }
/*------------------*/
     .waku-link {/*---リンクの枠及び文字を初期の状態に保つ---*/
                   text-decoration: none;/*--- 下線を消す ---*/
                   color: inherit;       /*--- 文字色を継承する ---*/
                   display: block;       /*--- リンクエリアをブロック化して全体に広げる ---*/
                }
/*------------------*/
     .waku24050 { /*--次のページ枠（リンク枠）--*/
                   margin: 0 auto;
                   padding: 0;
                   width: 286px;
                   height: 30px;
                   background-color: #000;/*--黒色--*/
                   opacity: 1.0;/*--透明度--*/
                   text-align: left;
                   position: absolute;
                   top: 425px;
                   left: 104px;
                   border-color: #daa520;
                   border-style: ridge;

                }
     .moji405   { /*--次のページ文字---*/
                   margin: 0 ;
                   padding-top: 3px;
                   padding-left: 10px;
                   padding-right: 0;
                   font-size: 20px;
                   font-weight: 700;
                   color: #fff;
                   text-shadow: 
                                0 0 10px #00ffff,
                                0 0 20px #00ffff,
                                0 0 40px #00ffff,
                                0 0 80px #00ffff;
                }

/*------------------*/
     .waku24060 { /*--SBCラジオ枠（リンク枠）--*/
                   margin: 0 auto;
                   padding: 0;
                   width: 286px;
                   height: 30px;
                   background-color: #000;/*--黒色--*/
                   opacity: 1.0;/*--透明度--*/
                   text-align: left;
                   position: absolute;
                   top: 470px;
                   left: 104px;
                   border-color: #daa520;
                   border-style: ridge;
                }
     .moji406   { /*--SBCラジオ文字---*/
                   margin: 0 ;
                   padding-top: 3px;
                   padding-left: 10px;
                   padding-right: 0;
                   font-size: 20px;
                   font-weight: 700;
                   color: #fff;
                   text-shadow: 
                                0 0 10px #00ffff,
                                0 0 20px #00ffff,
                                0 0 40px #00ffff,
                                0 0 80px #00ffff;
                }
/*---------------------*/


/*====================================================================*/
/*=====５枠目=====*/
/*====================================================================*/
     .waku25000 {/*---５枠目全体枠---*/
                   margin: 0 auto;
                   position: relative;
                   text-align: left;
                   width: 400px;
                   height: 255px;
                   /*--background-color: #f6f7f9;--*/すまほで
                   /*--background-image: url(../smartphone/001_041.jpg);--*/
                }

/*---------------------*/
     .waku25010 {/*---作業中のお知らせ枠---*/
                   margin: 0 auto;
                   position: relative;
                   text-align: left;
                   width: 400px;
                   height: 120px;
                   /*--background-color: #f6f7f9;--*/
                }
          .moji501  { /*---【改造のお知らせ】---*/
                     margin: 0;
                     font-size: 22px;
                     font-weight: 700;/*--bold--*/
                     color: #9932cc;
                     text-align: center;
                     padding-top: 7px;
                     padding-bottom: 3px;/*--文章の下側の空き--*/
                    }

          .moji502  { /*---現在、ホームページの改造・・・---*/
                     margin: 0;
                     font-size: 16px;
                     font-weight: 700;/*--bold--*/
                     color: #9932cc;
                     text-align: center;
                     /*--padding-top: 7px;--*/
                     padding-bottom: 3px;/*--文章の下側の空き--*/
                     padding-left: 25px;
                     padding-right: 25px;

                    }

/*---------------------*/

     .waku25020 {/*---音声生成コマーシャル枠---*/
                   margin: 0 auto;
                   position: relative;/*--position: absolute;を持つ子要素の基準点（親）--*/
                   width: 400px;
                   height: 135px;
                   background-color: #000;
                }

     .image508  { /*--ナレーション画像--*/
                  width: 400px;
                  height: suto;
                  text-align: center;
                }

          .moji505  { /*---「無料ナレーションサービス」文字---*/
                     margin: 0;
                     font-size: 18px;/*--文字サイズ--*/
                     font-weight: 700;/*--bold 文字の太さ--*/
                     color: #fff;/*--文字色：白--*/
                     position: absolute;/*--自由配置（絶対配置）のプロパティ--*/
                     top: 43px;/*--枠上からの距離--*/
                     left: 143px;/*--枠左からの距離--*/
                    }

     .waku-link2 {/*---リンクの枠及び文字を初期の状態に保つ---*/
                   text-decoration: none;/*--- 下線を消す ---*/
                   color: inherit;       /*--- 文字色を継承する ---*/
                }


/*===========================================*/
/*-----------------------------------------------------------------------------------------*/