@charset "utf-8";

body {
font-size:100%;
line-height:1.5;
background-color:#eeeeee;
padding:50px 100px 120px 120px;
overflow-wrap:break-word;
word-wrap:break-word;}



.frame-box-002 {
	padding: 30px;
	position: relative;
}

.frame-box-002::before, .frame-box-002::after {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute;
}

.frame-box-002::before {
	border-left: dotted 1px #000000;
	border-top: dotted 1px #000000;
	border-bottom: dotted 1px #000000;
	top: 0;
	left: 0;
}

.frame-box-002::after {
	border-right: dotted 1px #000000;
	border-top: dotted 1px #000000;
	border-bottom: dotted 1px #000000;
	top: 0;
	right: 700;
}





h1 {
  position: relative;
  display: inline-block;
  padding: 0 45px;
  font-size: 20px;
}

h1 div::before {
  left:0;
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
h1 div::after {
  right: 0;
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}




.box_gray_500
{
width: 500px;
background-color: #dddddd;
border: 1px solid #cccccc;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_red_500
{
width: 500px;
background-color: #FFCCFF;
border: 1px solid #FF99FF;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_green_500
{
width: 500px;
background-color: #CCFFCC;
border: 1px solid #99FF99;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_blue_500
{
width: 500px;
background-color: #CCFFFF;
border: 1px solid #99CCFF;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}



.box_gray_300
{
width: 300px;
background-color: #dddddd;
border: 1px solid #cccccc;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_red_300
{
width: 300px;
background-color: #FFCCFF;
border: 1px solid #FF99FF;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_green_300
{
width: 300px;
background-color: #CCFFCC;
border: 1px solid #99FF99;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_blue_300
{
width: 300px;
background-color: #CCFFFF;
border: 1px solid #99CCFF;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}


.box_gray_700
{
width: 700px;
background-color: #dddddd;
border: 1px solid #cccccc;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_red_700
{
width: 700px;
background-color: #FFCCFF;
border: 1px solid #FF99FF;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_green_700
{
width: 700px;
background-color: #CCFFCC;
border: 1px solid #99FF99;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_blue_700
{
width: 700px;
background-color: #CCFFFF;
border: 1px solid #99CCFF;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}



.box_gray_1000
{
width: 1000px;
background-color: #dddddd;
border: 1px solid #cccccc;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_red_1000
{
width: 1000px;
background-color: #FFCCFF;
border: 1px solid #FF99FF;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_green_1000
{
width: 1000px;
background-color: #CCFFCC;
border: 1px solid #99FF99;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.box_blue_1000
{
width: 1000px;
background-color: #CCFFFF;
border: 1px solid #99CCFF;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}