@charset "UTF-8";
/* CSS Document */
/*=======================================================================
↓main_visual============================================================
======================================================================*/
.main_bg {
      background: rgba(0, 0, 0, 0) url("../img/main.png") no-repeat scroll center center / cover ;
	height: 400px;
	width: 100%;
	position: relative;
}

@media screen and (max-width: 768px) {
.main_bg {
	background: url(../img/main.png) no-repeat center top;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
	margin-top: 82px;
	padding-top: 29.73%;
	height: auto;
	width: 100%;
}
}
@media screen and (max-width: 640px) {
.main_bg { margin-top: 70px;}
}
@media screen and (max-width: 480px) {
.main_bg { margin-top: 60px;}
}
/*=======================================================================
↓page_tit_sp============================================================
======================================================================*/
@media screen and (max-width: 768px) {
.page_tit_sp:before{
	background: url( ../img/page_tit_sp_head.png) no-repeat; 
	background-size: contain;
 	content: " ";
 	display: inline-block;
 	margin: 0 10px 0 0;
	vertical-align: middle;
	height: 38px;
	width: 48px;
}
}
/*=======================================================================
↓staff==================================================================
======================================================================*/
#container {/*背景画像をフッターギリギリまで*/
	background: url(../../common/img/bg_green.jpg);
}
.staff_dr {
	background: url(../img/dr_ishimori.png) right 2em no-repeat;
	background-size: 330px auto;
	height: auto;
	padding: 0;
	width: 100%;
	
}
.staff_dr .dr { 
      color: #4aac4d;
      padding-top: 3em;
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 1em;
}

.staff_dr .dr span {
	font-size: 0.6em;
	
}

.staff_dr .staff_caption {
	color: #4aac4d;
      font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho";
	font-size: 180%;
	font-weight: 300;
	line-height: 2.5em;
	letter-spacing: 0.2em;
	margin: 1.6em 0 0em 0;
      padding-bottom: 1em;
}
.staff_dr .staff_caption span { 
      border-bottom: 2px dotted #b6ddb7;
	padding-bottom: 0.5em;
}
.staff_dr .message {
	font-size: 130%;
	line-height: 2em;
	margin-top: 1.5em;
}
.staff_img_sp { display: none;}
.history_area {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
	background: #FFF;
      border: 1px solid #4aac4d;
	border-radius: 5px;        /* CSS3草案 */  
      -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
      -moz-border-radius: 5px;   /* Firefox用 */ 
	margin-top: 4em;
	padding: 3em 0;
	width: 100%;
}
.history_box {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
	float: left;
	padding: 0 2em;
	width: 50%;
}
.history_box:first-child { border-right: 1px solid #57b25a;}
.history_box h4 {
	color: #4aac4d;
	font-size: 120%;
	font-weight: 400;
	text-align: center;
	margin-bottom: 1.5em;
}
.history_tb { 
    color: #57b25a;
    font-size: 120%;
    line-height: 1.5em;
    width: 100%;
}
.history_tb th { 
    padding: 8px 0;
    vertical-align: top;
}
.history_tb td { 
    padding: 5px 0;
    vertical-align: top;
}
.tb01 th { width: 20%;}
.tb01 td { width: 80%;}
.tb02 td { width: 100%;}
.br-tb-none{ display: block;}
@media screen and (max-width: 1024px){
.staff_dr {
	background: url(../img/dr_ishimori.png) right 4em no-repeat;
	background-size: 260px auto;
	height: auto;
	padding: 0;
	width: 100%;
}
}
@media screen and (max-width: 768px){
.staff_dr {
	background: url(../img/dr_ishimori.png) right 2em no-repeat;
	background-size: 260px auto;
	height: auto;
	padding: 0;
	width: 100%;
}
.staff_dr .staff_caption {
	letter-spacing: 1px;
	margin: 3em 0 1.5em 0;
	font-size: 140%;
}
.staff_dr .staff_caption span { padding-bottom: 0.2em;}
.staff_dr .message .space { margin-top: 1.5em;}
}
@media screen and (max-width: 640px){
	.staff_dr .message {
	font-size: 116%;
}
	.staff_dr .dr { 
      padding-top: 1.4em;
}
.staff_img_sp {
	display: block;
	margin: 0 auto 0em auto;
	width: 50%;
}
.staff_img_sp img {
	height: auto;
	width: 100%;
}
.staff_dr {
	background: none;
	height: auto;
	padding: 0;
	width: 100%;
}
/*.staff_dr {
	background: url(../img/dr_ishimori.png) right top no-repeat;
	background-size: 196px auto;
	height: auto;
	padding: 0;
	width: 100%;
}*/
.staff_dr .staff_caption {
	/*font-size: 145%;*/
	line-height: 2em;
	margin: 1.6em 0;
      padding-bottom: 0;
}
.history_area { padding: 3em 2em;}
.history_box {
	display: block;
	float: none;
	padding: 0;
	width: 100%;
}
.history_box:first-child { 
      border-right: 0;
	border-bottom: 1px solid #57b25a;
	margin-bottom: 2em;
	padding-bottom: 2em;
}
}
@media screen and (max-width: 480px){
.br-none { display: none;}
.staff_dr dl { padding-top: 2.5em;}
.staff_dr dt { margin-bottom: 1em;}
.staff_dr dd { font-size: 170%;}
.staff_dr .staff_caption { 
      font-size: 140%;
	margin: 1em 0　2em 0;
}
.history_area { padding: 2em 1em;}
.history_tb th { padding: 0;}
.history_tb td { padding: 0 0 5px 0;}
.tb01 th { 
      display: block;
      width: 100%;
}
.tb01 td { 
      display: block;
      width: 100%;
}
}
/*=======================================================================
↓経歴=================================================================
======================================================================*/
.keireki{
	display: flex;
	font-size: 1.2em;
	margin:2em auto 0;
	letter-spacing: 0.08em;
	width: 100%;	
}
.keireki > div {
	width: 35%;
}
.keireki > div p {
	display: flex;
	line-height: 1.6;
}
.keireki > div span.year {
	color: #4aac4d;
}
.keireki > div:first-of-type span.year {
	width: 58px;
}
.keireki > div:last-of-type span.year {
	width: 87px;
}
@media screen and (max-width: 950px) {
	.keireki {
		flex-direction: column;
	}
	.keireki > div {
		width: 100%;
	}
}
@media screen and (max-width: 1150px) {
	.keireki > div p {
		flex-direction: column;
		margin-bottom: 0.5rem;
	}
}
/*=======================================================================
↓member=================================================================
======================================================================*/
.staff{
	max-width: 500px;
	width: 100%;
	margin:6em auto 0;
	position: relative
}

.coment{
	position: absolute;
	top: -30px;
	right: -130px;
	max-width: 200px;
}
.staff img, .coment img{
	width: 100%;}
@media screen and (max-width: 640px){
	.staff{
	margin:8em auto 0;
}
	.coment{
	top: -80px;
	right: 0px;
	max-width: 180px
}
	
}