body{
            background-size: auto;
        }
        h3 {
            padding: 0.25em 0.5em;/*上下 左右の余白*/
            color: #494949;/*文字色*/
            background: transparent;/*背景透明に*/
            border-left: solid 5px #172A88;/*左線*/
            }

        .fadeIn {
          opacity: 0;
          transition: 2s;
        }
        .fadeIn.is-show {
          opacity: 1;
        }
        
        .fadeIn_left {
          opacity: 0;
          transform: translate(-50%, 0);
          transition: 1s;
        }
        .fadeIn_left.is-show {
          transform: translate(0, 0);
          opacity: 1;
        }

        .fadeIn_right {
          opacity: 0;
          transform: translate(50%, 0);
          transition: 1s;
        }
        .fadeIn_right.is-show {
          transform: translate(0, 0);
          opacity: 1;
        }


        /*===========
        .imgBox
        ===========*/

        .imgBox {
          text-align: left;
          margin: 50px 0;
        }
        .imgBox img {
          max-width: 100%;
          height: auto;
          vertical-align: top;
        }

        /*===========
        .txtBox
        ===========*/

        .txtBox {
          text-align: center;
        }
        .txtBox p {
          font-size: 60px;
          font-weight: bold;
          padding: 2em 0;
          margin: 0;
        }

        /*===========
        base
        ===========*/

        html {
          margin: 0;
          padding: 0;
        }
        body {
          font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
          font-size: 16px;
          letter-spacing: .025em;
          line-height: 1.8;
          margin: 0;
          padding: 0;
        }
        * {
          box-sizing: border-box;
        }
        .section {
          max-width: 100%;
          margin: 0 auto;
          padding: 20px 20px 500px;
          overflow-x: hidden;
        }
        .section p._a {
          font-size: 12px;
          font-weight: bold;
          margin: 30px 0 0;
        }
        .section p._a .link {
          display: inline-block;
          color: #607D8B;
          padding-left: 1.3em;
          text-indent: -1.3em;
        }
        .section p._a .link:before {
          content: '';
          display: inline-block;
          width: 5px;
          height: 5px;
          border-top: 2px solid #607D8B;
          border-right: 2px solid #607D8B;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          margin-right: 10px;
            }
              #header{
              position: relative;/*背景を設定するdivの基点とするためrelativeをかける*/
                          width: 100%;
              height:100vh;
                overflow: hidden;/*はみ出しているところを隠す*/
            }

            #header-img{
              position: fixed;/*背景を固定するためfixedをかける*/
              z-index: 1;/*#container,#footerよりも下に配置するために数値を小さくする*/
                top: 0;/*topの位置がJSで変化*/
              /*以下画面で背景画像を表示させるための指定*/
                width: 100%;
              height:100vh;
              background: url("images/img-001.jpg") no-repeat top center;/*背景画像の設定*/
              background-size:cover;
              transform-origin:center;/*変化する基点を中心からに設定*/
            }

            #container,
            #footer{
              position: relative;/*#header-imgよりも配置を上にするためにrelativeをつける*/
              z-index: 2;/*#header-imgよりもz-indexの値を大きな数値にして上に表示*/
            }

        /*========= レイアウトのためのCSS ===============*/
        #header h1{
          color: #fff;
          font-size: 3rem;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          text-shadow:1px 1px 0 #fff, 2px 2px 0#9E9E9E;
          /*天地中央に配置*/
          position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;/*#header-imgよりも手前に配置*/
        }

        #container h2{
          font-size:1.2rem;
        }

        #container p{
          margin-top:20px;  
        }

        #footer{
          background:#333;
          color:#fff;
          display: block;
          text-align: center;
          padding:20px;
        }

        section{
          background: #fff;
          padding:30px;
        }

        section:nth-of-type(2n+1){
          background:#fff;
        }
        .vertical {
	       -ms-writing-mode: tb-rl;
	       writing-mode: vertical-rl;
        }
        
        .text3 {
	       font-family: serif;
        }
        .google_map{
            position:relative;
            width:100%;
            height:0;
            padding-top:75%;
        }
        .google_map iframe{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
        }
        .img_wrap{
            margin: 0 auto;
            overflow: hidden;
        }
        .img_wrap img{
            width: 100%;
            cursor: pointer;
            transition-duration: 0.3s;
        }
        .img_wrap:hover img{
            opacity: 0.6;
            transition-duration: 0.3s;
        }
        /*下線アニメ*/
      .Item{
        text-decoration: none;
        color: #172A88;
        font-size: 17px;
        }
        .Item-Text{
        position: relative;
        z-index: 1;
        }
        .Item-Text:after{
        content: '';
        position: absolute;
        left: 0;
        bottom: -10px;/*テキストからの距離*/
        width: 0%;/*初期状態では下線非表示*/
        height: 2px;/*下線の高さ*/
        background: #172A88;/*下線の色*/
        z-index: -1;
        transition: all 0.4s;/*アニメーション速度*/
        }
        .Item:hover .Item-Text:after{
        width: 100%;/*hover時に表示*/
        }
        /*新着*/
        dl {
            background-color: #eee;
            padding: 10px;
        }