@charset "UTF-8";

#page_title{
	width:100%;
	height:270px;
	background:url("../img/common/h2.jpg") no-repeat;
  display: flex;
	align-items: center;
	justify-content: center;
}
#page_title h2{
	text-align: center;
}
#page_title h2 img{width: 100%; height: auto;}



/*flow*/
#flow #page_title h2{width: 330px;}


/*organize*/
#organize #page_title h2{width: 640px;}
#organize h3{
	text-align: center;
	padding-bottom: 1em;
	border-bottom: 4px dotted #48b3ce;
	position: relative;
}
#organize h3 .h3{}
#organize h3 .caption{position: absolute; right: 0; top:-55%;}


/*reform*/
#reform #page_title h2{width: 600px;}
#reform h3{
	text-align: center;
	padding-bottom: 1em;
	border-bottom: 4px dotted #48b3ce;
	position: relative;
}
#reform h3 .h3{}
#reform h3 .caption{position: absolute; right: 0; top:-55%;}



/*achievements*/
#achievements #page_title h2{width: 100px;}


/*contact*/
#contact #page_title h2{width: 300px;}



/*greeting*/
#greeting #page_title h2{width: 350px;}
#greeting h3{
	text-align: center;
	padding-bottom: 1em;
	border-bottom: 4px dotted #48b3ce;
}
#greeting table{
	width: 80%;
	margin: 0 10%;
	text-align: left;
	font-size: 0.8em;;
}
#greeting table th{
	width: 8%;
	padding: 15px 20px 15px 0;
	white-space: nowrap;
	border-bottom: 1px dotted #999492;
}

#greeting table td{
	padding: 15px 0 15px 20px;
	border-bottom: 1px dotted #999492;
}



/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 960px) {

}


/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 481px) {
#page_title{
	width:100%;
	height:180px;
	background:url("../img/common/h2s.jpg") no-repeat;
}

/* common .serif {width: 100%;}*/
.serif img{width: 100%;}
.mgB200{margin-bottom: 2% !important;}

/*flow*/
#flow #page_title h2{width: 100%;}
/*#flow #page_title h2 img{width: 100%;}*/
#flow .flexBox{justify-content: space-between !important;overflow-x: hidden !important;}
#flow .flexBox .item48{}
#flow .flexBox.mgB100{ margin-bottom: 10% !important;}

	
/*organize*/
#organize #page_title h2{width: 100%;}
/*#organize #page_title h2{width: 640px;}*/
#organize h3{
	/*text-align: center;*/
	padding-bottom: 1%;
	/*border-bottom: 4px dotted #48b3ce;
	position: relative;*/
}
#organize h3 .caption, #reform h3 .caption{position: relative; right: auto; left: auto; top:0;}
#organize h3 .caption img, #reform h3 .caption img{width: 100%; height: auto; margin: 0;}
#organize h3 img{
	width: 36%;
	height: auto;
	margin: 0 32% 2% 32%;
}

/*reform*/
#reform #page_title h2{width: 100%;}
#reform h3{
	width: 100%;
	padding-bottom: 1%;
	/*border-bottom: 4px dotted #48b3ce;
	text-align: center;
	position: relative;
	*/
	margin-bottom: 10%;
}
/*
#reform h3 .caption{position: absolute; right: 0; top:-55%;}
*/
#reform h3{position: relative; right: 0; left: 0;}
#reform h3 img{
	width: 100%;
	height: auto;
}
#reform .flexBox.mgB100{ margin-bottom: 10% !important;}
	



/*achievements*/
#achievements #page_title h2{width: 100%;}


/*contact*/
#contact #page_title h2{width: 100%;}



/*greeting*/
#greeting #page_title h2{width: 100%;}
#greeting h3{
	padding-bottom: 1%;
}
#greeting h3 img._sp{
	width: 40%;
	height: auto;
	margin: 0 30%;
}
	
#greeting table{
	width: 100%;
	margin: 0 0;
	font-size: 1em;
}

#greeting table th{
	border-bottom: none;
	width: auto !important;
	display: block;
	font-size:105%;
	word-break: break-all !important;
	white-space: normal !important;
	font-weight:700;
	padding: 0;
	margin:0 0 1% 0;
	line-height:1.2;
}
#greeting table td{
	width: auto;
	display: block; 
	padding:0 0 3% 0;
	margin:0 0 3% 0;
	border-bottom: 1px dotted #999492;
}

}