@charset "UTF-8";

.tablet,
.pc,
.pcTablet {
	display: none !important;
}

#container {
	width: 90%;
	max-width: 90%;
	min-width: 200px;
	margin: 0px auto 0px;
	padding-top: 21px; /* toggleのjsバグ対策 ※ main nav 開時ズレる */
	background: #fff;
}

/* header nav -> menu_sPhone.css */
div.mobNav nav ol li:nth-of-type(2) a {
  color: #fff;
  background: #b3e2ff;
}

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

/* main */
h2#main {
	width: 100%;
  /*height: js;*/
	margin: 20px auto 0px;
  position: relative;
  }
  h2#main img.frame {
    display: block;
    width: 100%;
    height: auto;
    /*aspect-ratio: 3 / 1;*/
    position: absolute;
    z-index: 3;
  }
  h2#main img.main_image {
    display: block;
    width: 100%;
    /*height: js;*/
    aspect-ratio: 3 / 1;
    position: absolute;
    z-index: 2;
}

/* catch */
#catch {
	width: 100%;
	margin: 20px auto 0px;
  }
  #catch h2 {
    width: 50px;
    height: 170px;
    margin: 0px auto 20px;
    float: left;
  }
  #catch p.right {
    width: 80%;
    margin-top: 30px;
    color: #595757; /* light gray 80% */
    font-size: 85%;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 0.1em;
    line-height: 2em;
    float: left;
}

/* staff  */
#staff h2 {
	width: 100%;
	height: 40px;
  /*margin: 30px auto;*//* original */
  margin: 30px 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: 100%;
		height: auto;
		margin: 1em 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: 100%;
	margin: 0px auto 30px;
	color: #595757; /* light gray 80% */
	font-size: 93%;
	letter-spacing: 0.1em;
  }
  #staff ul.intro li.name {
    width: 100%;
    height: 30px;
    margin: 0px 0px 10px 0px;
}
/* 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: 77%;
  }
  /* staff photo */
  #staff ul.intro li.photo {
    width: 140px;
    height: 140px;
    }
    #staff ul.intro li.photo img {
      display: block;
      width: 140px;
      height: 140px;
}
/* staff career */
#staff ul.intro li.career {
  width: 100%;
  text-align: left;
  flex-direction: column;  /* 垂直方向に並べる */
  justify-content: center; /* 垂直方向 中央 */
  display: flex;
  }
  #staff ul.intro li.career dl dt {
    text-indent: -0.5em; /* []を大文字でフォントのバランス調整した為の微調整 ※ 半角[]だと行高さが不均等 */
    padding-top: 1.4em;
    padding-bottom: 0.2em;
    font-weight: normal;
    font-size: 78%;
    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: 10px;
      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: 50px;
        height: auto;
        margin-right: 0.4em;
        color: #aaa;
        font-size: 88%;
        word-break: none;
        overflow-wrap: none;
}
/* --- centerBox end --- */

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

/* footer */
footer {
	width: 100%;
	max-width: 100%;
	min-width: 200px;
	height: 100px;
	margin: 0px auto;
	border-top: 1px solid #BDDBF3;
	clear: both;
  }
  #ftr {
    width: 100%;
    max-width: 100%;
    min-width: 200px;
    height: 100px;
    text-align: center;
    margin: 0px auto;
    }
    #ftr small {
      width: 100%;
      max-width: 100%;
      min-width: 200px;
      height: 100px;
      line-height: 100px;
      color: #6FB8E7;/*logo color*/
      font-size: 77%;
      letter-spacing: 0.1em;
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
  }
  footer p {
    display: none !important;
}