/*ページ全体の構成*/
        body{
            color: #4e5a64;
            font-size: 16px;
            font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, Arial, 'ＭＳ Ｐゴシック', sans-serif;
            margin: 0;
        }
        a:link {
            color: #555;
            text-decoration: none;
        }
        a:hover {
            color: #999;
            background-color:rgba(150, 150, 150, .5);
            text-decoration: none;
        }
        a:visited {
            color: #555;
            text-decoration: none;
        }
        ul{
            padding: 0;
            margin: 0;
        }
        li{
            list-style: none;
        }
        /*全体の設定*/
        .wrap{
            width: 100%;
            display: block;
            background: #e0dede;
        }
        /*ヘッダーの設定*/
        .wrapHeader {
            width: 100%;
            color: #fff;
            text-align: center;
            /*ヘッダーの背景設定*/
            background:linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),url('img/head1.jpg') center center / 100% auto no-repeat fixed;
            padding-bottom: 0rem;
            background-size: cover;
            font-family: 'object-fit: cover;';/*IE対策*/
            position: relative
        }
        @media all and (-ms-high-contrast: none){/* IE対策 */
            .wrapHeader-sitenameWrap-{
                position: relative;
                top: 30px;
            }
        }
        /*背景動画*/
        .video-container {
            height: 38em;   /*ヘッダーの高さ範囲*/
            position: relative;
            overflow: hidden;
        }
        .video-sidebar {
            margin:0;
            padding:0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(20, 20, 20, 0.0); 
        }
        video {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height:100%;
            margin:0;
            padding:0;
        }
        
        .logo{min-width:150px;
              width:30%;
              height:;
              font-size:40px;
              font-weight:bold;
              text-align:left;
              font-family: 'Logo', sans-serif;
              margin:0;
              padding:0;
        }
        @media screen and (max-width : 1024px){
            .logo{
              min-width:;
              width:100%;
              height:;
              font-size:30px;
              font-weight:bold;
              text-align:center;
              font-family: 'Logo', sans-serif;
              margin:0;
              padding:0;
             }
            }

@media screen and (max-width : 1024px){
        .video-container {
            height: 32em;   /*ヘッダーの高さ範囲*/
            position: relative;
            overflow: hidden;
        }}
        
        /*背景スライド画像*/
         /*=== 画像の表示エリア ================================= */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 100%;
  height     : 70em;
  margin     : -10% 0 0 0;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : 100%;
  height     : auto;
  opacity    : 0;
  animation  : slideAnime 20s ease infinite;
}

@media screen and (max-width : 1024px){
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 100%;
  height     : 70em;
  margin     : -10% 0 0 0;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : auto;
  min-width  :100%;
  height     : 40em;
  opacity    : 0;
  animation  : slideAnime 20s ease infinite;
}
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 4s }
.slide img:nth-of-type(3) { animation-delay: 8s }
.slide img:nth-of-type(4) { animation-delay: 12s }
.slide img:nth-of-type(5) { animation-delay: 16s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   5% { opacity: 1 }
  20% { opacity: 1 }
  25% { opacity: 0 }
 100% { opacity: 0 }
}
        
        
         /*ナビリスト*/
        .wrapHeader-Nav{/*ナビの全体の設定*/
            width: 100%;
            background: linear-gradient(rgba(224, 234, 242, 0.9), rgba(224, 234, 242, 0.9));
            color: #222;
            margin-bottom: 0px;
            position: fixed;
            top: 0;
            z-index: 10000;
        }
        .wrapHeader-NavList{/*ナビのリストの設定*/
            width: 70%;
            margin: 0 auto;
            font-size: 18px;
            line-height:70px;
            display: flex;
            justify-content: space-around;
            font-family: 'Quicksand', sans-serif;
        }
        .wrapHeader-NavList li{/*ナビの部品の設定*/
            width: 100%;
            text-align: center;
        }
        .wrapHeader-NavList li a{/*ナビのリンクの設定*/
            width: 100%;
            margin:0;
            padding:0;
            color: #666;
            display: block;
        }
        .wrapHeader-NavList li a:hover{/*ナビカーソルon時*/
            background: #c2c2c2;
            transition: 0.8s;
            color: #20303c;
        }
        /*ナビ1024px以下の表示*/
        @media screen and (max-width : 1024px){
            .wrapHeader-Nav{
                display: none;
            }
        }
        /*ハンバーガーメニューの設定*/
        @media screen and (min-width : 1023px){
            #nav-drawer {
                display: none;
            }
        }
        @media screen and (max-width : 1024px){
            #nav-drawer {
                display: block;
                position: fixed;
                z-index:999;
                top: 0px;
                right: 0px;
                margin: 0  0 0 auto;/*IE対策の右寄せ*/
            }
            .nav-unshown {/*チェックボックス等は非表示に*/
            display:none;
            }
            #nav-open { /*アイコンのスペース*/
            display: inline-block;
            width: 30px;
            margin: 0 30px 0 0;
            }
            /*ハンバーガーアイコンをCSSだけで表現*/
            #nav-open span, #nav-open span:before, #nav-open span:after {
                position: absolute;
                height: 4px;/*線の太さ*/
                width: 30px;/*長さ*/
                background: #ddd;
                display: block;
                content: '';
                cursor: pointer;
            }
            #nav-open span:before {
                bottom: -8px;
            }
            #nav-open span:after {
                bottom: -16px;
            }
            /*閉じる用の薄黒カバー*/
            #nav-close {
                display: none;/*はじめは隠しておく*/
                position: fixed;
                z-index: 99;
                top: 0;/*全体に広がるように*/
                left: 0;
                width: 100%;
                height: 100%;
                background: black;
                opacity: 0;
                transition: .3s ease-in-out;
            }
            /*ハンバーガーメニュー展開後の中身*/
            #nav-content {
                overflow: auto;
                position: fixed;
                top: 0;
                left: 0;
                z-index: 9999;/*最前面に*/
                width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
                max-width: 330px;/*最大幅*/
                height: 100%;
                background: #fff;/*背景色*/
                transition: .3s ease-in-out;/*滑らかに表示*/
                -webkit-transform: translateX(-105%);
                transform: translateX(-105%);/*左に隠しておく*/
            }
            /*チェックが入った後の表示*/
            #nav-input:checked ~ #nav-close {
             display: block;/*カバーを表示*/
             opacity: .5;
            }
            #nav-input:checked ~ #nav-content {
                -webkit-transform: translateX(0%);
                transform: translateX(0%);/*中身を表示（右へスライド）*/
                box-shadow: 6px 0 25px rgba(0,0,0,.15);
            }
            /*展開後のリストのスタイル*/
            .nav-drawerList{
                list-style: none;
                text-align: center;
                padding: 0;
            }
            .nav-drawerList-item{
                line-height: 1.5;
            }
            .nav-drawerList-item a{
                width: 100%;
                padding: 20px 0;
                color: #4e5a64;
                display: block;
            }
            .nav-drawerList-item a:hover{/*ナビカーソルon時*/
                background: #c2c2c2;
                transition: 0.8s;
            }
            .sns {/*SNSアイコン*/
                display:flex;
                justify-content: center;
           }
            .snsIcon{
                width: 38px;
                margin: 0 0 0 10px;
            }
        }
        /*サイトのタイトルの設定*/
        .wrapHeader-sitename{/*サイトのタイトル全体の設定*/
            position: absolute;
            top: 0;
            bottom: 0;
            right: auto;
            left: 0;
            width: 60%;
            height: 250px;
            margin: auto;
            text-align: left;
        }
        .wrapHeader-sitenameWrap{/*サイトタイトル・ナビ領域の設定*/
            margin: 0 0 0 20%;
            padding:50px;
            background-color: rgba(20, 20, 20, 0.3); 
        }
        .wrapHeader-sitenameWrap-title{/*サイトのタイトルの設定*/
            font-size: 3rem;
            font-family: 'Teko', sans-serif;
        }
        .wrapHeader-sitenameWrap-subtitle{/*サイトサブタイトルの設定*/
            font-size: 1.2rem;
            font-family: 'Noto Sans SC', sans-serif;
            margin-bottom: 20px;
        }
        .wrapHeader-sitenameWrap-subscription{/*サイトのタイトル説明部分の設定*/
            font-size: 0.8rem;
        }
        .wrapHeader-sitenameWrap-subscription a{/*サイトのタイトル説明部分の設定*/
            border:0;
            text-decoration:none;
            color:#eee;
            font-weight:bold;
            padding:0;
            margin:0;
        }
        .wrapHeader-sitenameWrap-subscription .hi{/*サイトのタイトル説明部分の設定*/
            width: 0.8rem;
        }
        /*サイトのタイトルの1024px以下の設定*/
        @media screen and (max-width : 1024px){
            .wrapHeader-sitename{
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                width: 90%;
                height: 350px;
                margin: auto;
                text-align: center;
            }
            .wrapHeader-sitenameWrap{
                margin: 0;
                padding: 20px 5%;
            }
            .wrapHeader-sitenameWrap-title {
                font-size: 3em;
            }
        }
    /*Movie部分の設定*/
    .wrapMovie { /*Movie部分の全体設定*/
        width: 100%;
        margin: 0 auto;
        padding-bottom: 10px;
        background:#eee;
    }
    .wrapMovie-title {/*Movie部分のタイトル設定*/
        padding: 50px 0;
        margin: 0 auto 50px;
        text-align: center;
        font-size: 3rem;
        color: #666;
        background:#DCE4E9;
        font-family: 'Quicksand', sans-serif;
    }
    .wrapMovie-list{/*Movie部分の作品覧部分設定*/
        width: 80%;
        margin: 0 auto;
        text-align:center;
    }
    .wrapMovie-list img.madori{
        max-width:600px;
        width:98%;
        max-height:500px;
        padding:1%;
        margin:0 auto;
        }
    .haf{margin:0;
         padding:0;
         width:50%;
         text-align:left;
         float:left;
         height:500px;
         }
    .che{vertical-align: top;
         text-align:left;}
    .ches{vertical-align: top;
         text-align:center;}
    
    .roompic{float:none;
             width:100%;}
    .gmap {width:95%;
           height:400px;
           border:0;}
             
    .nextButton {/*もっとみるボタン*/
        text-align: center;
        margin:40px 0;
    }
    .nextButton a {
        color: #888;
        display: inline-block;
        padding: 15px 30px;
        font-size: 18px;
        border: 1px solid #999;
    }
    /*１０２４px以下の設定*/
    @media screen and (max-width : 1024px){/*1024px以下の時の設定*/
        .wrapMovie {
            background: #eee;
            margin: 0;
        }
        .wrapMovie-title {
        margin: 0 auto 20px;
        }
        .wrapMovie-list{/*全体の設定*/
            width: 100%;
            margin: 0 auto;
        }
        .wrapMovie-list img.madori{
        width:90%;
        }
        .haf{margin:0 auto;
         padding:0;
         width:90%;
         text-align:center;
         float:none;
         height:auto;
         }
    }
     /*About領域の設定*/
    .wrapAbout{/*About領域の全体設定*/
        width: 100%;
        color: #fff;
        text-align: center;
        /*ヘッダーの背景設定*/
        background:linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),url('img/head3.jpg') center center / 100% auto no-repeat fixed;
        padding-bottom: 45rem;
        background-size: cover;
        font-family: 'object-fit: cover;';/*IE対策*/
        position: relative;
        padding-bottom: 150px;
        text-align: center;
    }
    .wrapAbout-title{/*About領域のタイトル部分*/
        padding: 50px 0 0;
        margin: 0 auto 50px;
        text-align: center;
        font-size: 3rem;
        color: #fff;
        font-family: 'Quicksand', sans-serif;
    }
    .wrapAbout-info{/*About領域黒い枠の中の全体設定*/
        background:linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
        width: 50%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .wrapAbout-infoTitle {/*About領域黒い枠の中のサイトタイトル設定*/
        font-size: 4rem;
        padding: 20px 0;
        font-family: 'Teko', sans-serif
    }
    .wrapAbout-infoText {/*About領域黒い枠の中の説明設定*/
        width: 55%;
        margin: 0 auto;
        text-align: center;
        line-height: 3;
    }
    .wrapAbout-infoText img {/*Team画像*/
        width: 60%;
        height: 100%;
    }
    .wrapAbout-infoText b {/*Team画像*/
        text-align: center;
        font-size: 2rem;
        line-height: 1;
        font-weight:bold;
    }
    .sns {/*SNSアイコン*/
            display:flex;/*About領域黒い枠の中のSNS設定*/
            justify-content: center;
        }
        .snsIcon{
            width: 38px;
            margin: 0 0 10px 10px;
        }
    @media screen and (max-width : 1024px){/*1024px以下の時の設定*/
        .wrapAbout{

            padding: 0 0 50px 0;
        }
        .wrapAbout-title{
            color: #eee;
        }
        .wrapAbout-info {
            width: 80%;
            margin: 0 auto;
            display: block;
            padding:20px;
        }
        .wrapAbout-infoText {
            line-height: 1.7;
        }
        .wrapAbout-infoText-button {
        display: block;
        background: #4e5a64;
        border-radius: 25px;
        margin: 0 0 0 auto;
        }
    }
     /*Team領域の設定*/
    .wrapTeam{/*Team領域の全体設定*/
        width: 100%;
        color: #fff;
        text-align: center;
        /*ヘッダーの背景設定*/
        background:linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),url('img/team.jpg') center center / 100% auto no-repeat fixed;
        padding-bottom: 45rem;
        background-size: cover;
        font-family: 'object-fit: cover;';/*IE対策*/
        position: relative;
        padding-bottom: 150px;
        text-align: center;
    }
    .wrapTeam-title{/*Team領域のタイトル部分*/
        padding: 50px 0 0;
        margin: 0 auto 50px;
        text-align: center;
        font-size: 3rem;
        color: #fff;
        font-family: 'Quicksand', sans-serif;
    }
    .wrapTeam-info{/*Team領域黒い枠の中の全体設定*/
        background:linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
        width: 50%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .wrapTeam-infoTitle {/*Team領域黒い枠の中のサイトタイトル設定*/
        font-size: 4rem;
        padding: 20px 0;
        font-family: 'Teko', sans-serif
    }
    .wrapTeam-infoText {/*Team領域黒い枠の中の説明設定*/
        width: 55%;
        margin: 0 auto;
        text-align: center;
        line-height: 3;
    }
    .wrapTeam-infoText img {/*Team画像*/
        width: 60%;
        height: 100%;
    }
    .wrapTeam-infoText b {/*Team画像*/
        text-align: center;
        font-size: 2rem;
        line-height: 1;
        font-weight:bold;
    }
    .wrapTeam-infoText .sponsor{
        padding:0 0 40px 0;
    }
    .wrapTeam-infoText .sponsor img {/*Team画像*/
        width:49%;
    }
    .sns {/*SNSアイコン*/
            display:flex;/*Team領域黒い枠の中のSNS設定*/
            justify-content: center;
        }
        .snsIcon{
            width: 38px;
            margin: 0 0 10px 10px;
        }
    @media screen and (max-width : 1500px){/*1500px以下の時の設定*/
        .wrapTeam-infoText .sponsor img {/*Team画像*/
        width:65%;
        padding:10px 5%;
        }
    }
    @media screen and (max-width : 1024px){/*1024px以下の時の設定*/
        .wrapTeam{

            padding: 0 0 50px 0;
        }
        .wrapTeam-title{
            color: #eee;
        }
        .wrapTeam-info {
            width: 80%;
            margin: 0 auto;
            display: block;
            padding:20px;
        }
        .wrapTeam-infoText {
            line-height: 1.7;
        }
        .wrapTeam-infoText-button {
        display: block;
        background: #4e5a64;
        border-radius: 25px;
        margin: 0 0 0 auto;
        }
        .wrapTeam-infoText .sponsor img {/*Team画像*/
        width:42%;
        padding:10px 5%;
        }
    }
    /*Works*/
    .wrapWorks{/*Works全体の設定*/
        width: 100%;
        display: flex;
    }
    .wrapWorks-title{/*Worksタイトル部分の設定*/
        width: 50%;
        text-align: center;
        background: #4e5a64;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wrapWorks-title p{/*Worksタイトル部分の設定*/
        font-size: 3rem;
        color: #fff;
        font-family: 'Quicksand', sans-serif;
    }
    .wrapWorks-list{/*Works項目全体の設定*/
        width: 50%;
        background: #eee;
    }
    .wrapWorks-listItem {
        width: 70%;
        margin: 0 auto;
        padding: 70px 0;
    }
    .wrapWorks-listItem-card {
        background:rgba(0,0,0,0);
        display: flex;
        margin: 0 0 20px;
    }
    .wrapWorks-listItem-card:hover {
        background:#ddd;
    }
    .wrapWorks-listItem-cardDate {/*Works項目日付の設定*/
        margin-right: 50px;
    }
    .wrapWorks-nextButton {/*Works項目タイトルの設定*/
        text-align: center;
        margin: 20px 0;
    }
    .wrapWorks-nextButton a {/*次へ進ボタン*/
        color: #20303c;
        display: inline-block;
        padding: 5px 30px;
        font-size: 18px;
        border: 1px solid #20303c;
    }
    /*1024px以下の設定*/
    @media screen and (max-width : 1024px){
        .wrapWorks{
            display: block;
            margin-bottom: 50px;
        }
        .wrapWorks-title{
            width: 100%;
        }
        .wrapAbout-infoText{
            width: 100%;
        }
        .wrapTeam-infoText{
            width: 100%;
        }
        .wrapWorks-list{
            width: 100%;
        }
        .wrapWorks-listItem{
            width: 80%;
            padding: 70px 0 20px;
        }
        .wrapWorks-listItem-card{
            display: block;
        }
        .wrapWorks-listItem-cardDate{
            margin: 0 0 10px 0;
            font-weight: bold;
        }
        .wrapWorks-nextButton{
            padding: 20px 0;
        }
    }

.safety {width:70%;
         margin:0 auto;}
.safetya {width:50%;
         margin:0 auto;}
    @media screen and (max-width : 1024px){
.safety {width:90%;
         margin:0 auto;}
.safetya {width:90%;
         margin:0 auto;}
}

.h7 {font-size:25px;}

         
         
    /*CONTACT*/
    .wrapContact{/*Contact部分全体の設定*/
        padding: 50px 0 ;
        background: #e0dede;
        text-align: center;
    }
    .wrapContact-title{/*Contact部分タイトルの設定*/
        margin-bottom: 50px;
        font-size: 38px;
        font-weight: 700;
        font-family: 'Quicksand', sans-serif;
        text-align: center;
        position: relative;
    }
    .wrapContact-company {/*CONTACT会社名*/
        font-family: 'Teko', sans-serif;
        font-size: 5vw;
    }
    .wrapContact-address {/*CONTACT住所*/
        margin-bottom: 10px;
    }
    .wrapContact-tel {/*CONTACT電話*/
        font-size: 30px;
        margin-bottom: 5px;
        font-family: 'Quicksand', sans-serif;
    }
    .wrapContact-fax{/*CONTACTfax部分*/
        font-size: 30px;
        margin-bottom: 5px;
        font-family: 'Quicksand', sans-serif;
    }
    .wrapContact-mail{/*CONTACTメール部分*/
        font-size: 30px;
        margin-bottom: 5px;
        font-family: 'Quicksand', sans-serif;
    }
    @media screen and (max-width : 1024px){/*1024px以下の設定*/
        .wrapContact{/*Contact部分詳細全体の設定*/
            padding: 50px 0 50px 0;
        }
        .wrapContact-company {/*Contact部分会社名の設定*/
            font-size: 15vw;
        }
        .wrapContactCddress .wrapHeader-SNSiconItem{
            justify-content: center;
        }
    }
    /*footer*/
    .wrapFooter {/*footer部分の設定*/
        text-align: center;
        padding: 25px 0 25px;
        font-size: 12px;
        background: #20303c;
        color: #fff;
    }
    @media screen and (max-width: 1024px){/*footer部分の設定*/
        .wrapHeader-lastfooter{
            padding: 20px 0 20px;
            color: #fff;
        }
    }


p.dai{font-weight:bold;
      text-align:left;}
p.ndai{font-weight:;
      text-align:left;
      padding-left:2em;}
p.ncon{font-weight:;
      text-align:left;
      padding-left:4em;
      padding-bottom:1em;}

iframe {
 border: none;
 margin: 0px;
 width: 100%;
 max-width:450px;
 height: 500px;
 overflow: hidden;
}