/*セロテープ枠*/
.mybox{
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 50px 20px 50px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
         text-align:center;
}
.mybox:after{
	background-color: #d9ccb3; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be), linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: 'Family';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}



/*ストライプ枠*/
.sample_box2_2 {
    padding:  1em 1.5em;
    margin: 10px 20px 10px 20px;
   background: -webkit-repeating-linear-gradient(-45deg, #f4f9ff, #f4f9ff 3px, #eaf4ff 3px, #eaf4ff 6px);/*ストライプ*/
    background: repeating-linear-gradient(-45deg, #f4f9ff, #f4f9ff 3px, #eaf4ff 3px, #eaf4ff 6px);/*ストライプ*/
    color: #000000;/*文字色*/
    text-align:left;
}
.sample_box2_2 p {
    margin: 0; 
    padding: 0;
}
/*ストライプ枠ここまで*/



/*ｈ2見出し*/
#p1{text-align:left;} /* 左寄せ */

h2 {
  border-bottom: solid 3px skyblue;
  position: relative;
  width: 80%;
  margin: 30px 20px 10px 20px;
  font-size: 95%;
　text-align: left
}

h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}

/*ｈ3見出しここまで*/

/*写真＆会社情報*/
section table { width: 100%; }
section th, section td  { padding: 10px; border: 0px solid #ddd; }
section th  { background: #f4f4f4; }
 
/*ナギーサファリ情報*/

.demo01 th  { width: 50%; text-align: left; }
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
}
  .demo01 tr:first-child th { border-top: 0px solid #ddd; }
}
/*写真＆会社情報ここまで*/