@charset "UTF-8";

.sPhone,.pc {
	display: none !important;
}

#container {
	width: 980px;
	margin: 0px auto 0px;
	background: #fff;
}

/* header nav -> menu_tablet.css */
/* fadeBtn.js -> opacity:0.5値で現在ページを判定 */
#leftHead ul li:nth-of-type(1) a {
  opacity: 0.5;
}

/* --- centerBox ---- */
#centerBox {
	width: 900px;
	margin: 0px auto;
  }
  #centerBox a {
    color: #55A7D7;
    }
    #centerBox a:hover {
      color: #bbb;
  }

  /* main */
  h2#main {
    width: 900px;
    height: 153px;
    margin: 30px auto 0px;
    position: relative;
  }
  h2#main img.frame {
    display: block;
    width: 900px;
    height: auto;
    position: absolute;
    z-index: 3;
  }
  h2#main img.main_image {
    display: block;
    width: 900px;
    height: 153px;
    position: absolute;
    z-index: 2;
  }

  /* catch */
  #catch {
    width: 890px;
    height: 240px;
    margin: 0px auto;
    }
    #catch h2 {
      width: 110px;
      height: 240px;
      float: left;
    }
    #catch p.left {
      width: 390px;
      height: 150px;
      margin-top: 70px;
      color: #595757; /* light gray 80% */
      font-size: 12px;
      text-align: justify;
      text-justify: inter-ideograph;
      letter-spacing: 0.1em;
      line-height: 2em;
      float: left;
    }
    #catch p.right {
      width: 390px;
      height: 150px;
      margin-top: 70px;
      color: #595757; /* light gray 80% */
      font-size: 12px;
      text-align: justify;
      text-justify: inter-ideograph;
      letter-spacing: 0.1em;
      line-height: 2em;
      float: right;
  }

  /* staff */
  #staff h2 {
    width: 860px;
    height: 40px;
    /*margin: 0px auto 30px;*//* original */
		margin: 0px auto 0px; /* oka sign */
    text-align: center;
    color: #55A7D7; /* light blue （nav）*/
    font-size: 108%;
    letter-spacing: 0.1em;
    text-indent: -0.1em;
    line-height: 40px;
    border-top: 1px solid #BDDBF3;
    border-bottom: 1px solid #BDDBF3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    clear: both;
  }
  /* oka sign */
	#staff h5 {
		width: 860px;
		height: auto;
		margin: 0.5em auto 30px;
		line-height: 1.4em;
		font-weight: normal;
		font-size: 88%;
		opacity: 0.8;
		text-align: right;
		}
		#staff h5 img.sign {
			display: inline-block;
			vertical-align: middle; 
			width: auto;
			height: 1.2em; 
			padding-bottom: 0.2em;
	}
  /* oka sign end */
  #staff ul.intro {
    width: 840px;
    min-height: 140px;
    margin: 0px auto 30px;
    color: #595757; /* light gray 80% */
    font-size: 12px;
    letter-spacing: 0.1em;
    justify-content: space-around;
    flex-wrap: wrap;
    display: flex;
    }
    #staff ul.intro li.name {
      width: 320px;
      height: auto;
      text-align: right;
      flex-direction: column;  /* 垂直方向に並べる */
      justify-content: center; /* 垂直方向 中央 */
      display: flex;
      }
      /* staff name */
      #staff ul.intro li.name span.staff_name {
        width: 100%;
        height: auto;
        }
        #staff ul.intro li.name span.staff_name span.fullName {
          display: block;
          width: 100%;
          height: auto;
          margin-bottom: 0.3em;
          color: #55A7D7; /* light blue（ nav ）*/
        }
        #staff ul.intro li.name span.staff_name span.managerial {
          display: block;
          width: 100%;
          height: auto;
          color: #595757; /* light gray 80% */
          font-size: 82%;
        }
        /* staff photo */
        #staff ul.intro li.photo {
          width: 140px;
          min-height: 140px;
          margin: 0 30px;
          /* career間延び用 */
          flex-direction: column;  /* 垂直方向に並べる */
          justify-content: center; /* 垂直方向 中央 */
          display: flex;
          }
          #staff ul.intro li.photo img {
            display: block;
            width: 140px;
            height: 140px;
        }
        /* staff career */
        #staff ul.intro li.career {
          width: 320px;
          min-height: 140px;
          text-align: left;
          flex-direction: column;  /* 垂直方向に並べる */
          justify-content: center; /* 垂直方向 中央 */
          display: flex;
          }
          #staff ul.intro li.career dl dt {
            text-indent: -0.5em; /* []を大文字でフォントのバランス調整した為の微調整 ※ 半角[]だと行高さが不均等 */
            padding-bottom: 0.2em;
            font-weight: normal;
            font-size: 92%;
            color: #55A7D7; /* light blue（ nav ）*/
            }
            #staff ul.intro li.career dl dd ul.career_txt li {
              margin-top: 0.6em;
              line-height: 1.2em;
              font-size: 12px;
              display: flex;
              word-break: keep-all;      /* 切りの良い折り返し for 日本語 中国語 韓国語 */
              overflow-wrap: break-word; /* 切りの良い折り返し for 日本語 中国語 韓国語 */
              }
              #staff ul.intro dl dd ul.career_txt li span.day {
                display: inline-block;
                min-width: 55px;
                height: auto;
                margin-right: 0.4em;
                color: #aaa;
                font-size: 82%;
                word-break: none;
                overflow-wrap: none;
}
/* --- centerBox end --- */

/* arrow */
a.top {
	display: block;
	width: 60px;
	height: 60px;
	margin: 40px auto 0px;
}
/* arrow end */

/* footer */
footer {
	width: 900px;
	height: 100px;
	margin: 0px auto !important;
	border-top: 1px solid #BDDBF3;
	clear: both;
  }
  #ftr {
    width: 900px;
    height: 100px;
    margin: 0px auto;
    }
    #ftr small {
      display: block;
      width: 330px;
      height: 100px;
      line-height: 100px;
      color: #6FB8E7; /* logo color */
      font-size: 88%;
      letter-spacing: 0.1em;
      float: left;
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
  }
  footer p {
    width: 175px;
    height: 50px;
    margin: -75px 0px 0px 0px;
    float: right;
}