p {
    line-height: 2.2em;
    word-break: break-all;
}
dl,ul,dt,dd,li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:2;
}
h1,h2,h3{
	padding:10px 0;
}
.portfolio_header ul li,
.portfolio_paragraph_01 ul li,
.portfolio_paragraph_02 ul li,
.portfolio_paragraph_03 ul li,
.portfolio_paragraph_04 ul li{
	padding-top:5px;
	padding-bottom:5px;
	margin:5px 0;
}
.portfolio_paragraph_01 ul li p,
.portfolio_paragraph_02 ul li p,
.portfolio_paragraph_03 ul li p,
.portfolio_paragraph_04 ul li p{
	padding-left:2.5em;
}
.portfolio_paragraph_01,
.portfolio_paragraph_02{
	margin:10px auto;
}
.portfolio_paragraph_03{
	background:center center no-repeat;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
	background-size: 80% auto;
}
#kaiga{
	background-image:url(/event_design/virtual/contents/portfolio/images/portfolio_kaiga.png);
}
#graphic{
	background-image:url(/event_design/virtual/contents/portfolio/images/portfolio_graphic.png);
}
#animation{
	background-image:url(/event_design/virtual/contents/portfolio/images/portfolio_animation.png);
}
#choukoku{
	background-image:url(/event_design/virtual/contents/portfolio/images/portfolio_choukoku.png);
}
#kenchiku{
	background-image:url(/event_design/virtual/contents/portfolio/images/portfolio_kenchiku.png);
}
#photo{
	background-image:url(/event_design/virtual/contents/portfolio/images/portfolio_photo.png);
}
.totheformer{
	margin:30px auto;
	display:inline-block;
	color:#FFF!important;
	background:#FF1493;
	padding:3px;
	border-radius:5px;
	border:2px dotted #FFF;
}
.portfolio_paragraph_03 ul{
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}

.portfolio_paragraph_03 .p_list li{
	text-indent:-1em;
	padding-left:1.5em;
}
.portfolio_paragraph_03 .p_list p strong{
	display:block;
}
.portfolio_paragraph_02 ul a p{
	color:#444;
}
.portfolio_paragraph_03 img{
	max-width:420px;
	width:100%;
	object-dit:contain;
}
.portfolio_paragraph_04 a{
	margin:20px auto 50px;
	display:flex;
	justify-content:stretch;
	width:100%;
}
.portfolio_paragraph_04{
	margin:20px auto 50px;
	display:flex;
	justify-content:stretch;
	flex-wrap:nowrap;
	width:100%;
}
.border{
	border-radius: 4px;
	background-color: #eeeeee;
	border: 4px outset #E9E132;
	color:#333!important;
	font-weight:700;
	padding:2px;
	text-indent:-2px;
	margin:5px;
}
.portfolio_paragraph_04 p{
	text-align:right;
}
.portfolio_paragraph_04 a button{
/**	margin:10px auto;**/
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	color: #9b9b9b;
	font-size: 12px;
	border-radius: 50%;
	border:0px;
	width: 80px;
	height: 80px;
	font-weight: bold;
	transition: 0.3s;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	/**background-color: [object object];**/
background-image: -webkit-linear-gradient(rgba(245, 245, 245, 1), rgba(204, 204, 204, 1));
background-image: -o-linear-gradient(rgba(245, 245, 245, 1), rgba(204, 204, 204, 1));
background-image: linear-gradient(rgba(245, 245, 245, 1), rgba(204, 204, 204, 1));
}
.portfolio_paragraph_04 a button:hover{
	transform: translateY(2px);
	box-shadow: 0 0 rgba(0, 0, 0, 0);
}
.crayon-orange-g-wide {
  background: linear-gradient(transparent 30%,rgba(247, 198, 104, 0.2) 30%,rgb(247, 198, 104) 65%,rgba(247, 198, 104, 0.2));
  font-weight: bold;
}
.portfolio_paragraph_01 div.layout,
.portfolio_paragraph_02>div{
	display:grid;
	grid-template-columns: 1fr 0.5fr;
	gap: 10px;
	width:100%;
	align-items:center;
}
.portfolio_paragraph_01 div.layout img,
.portfolio_paragraph_02>div img{
	width:100%;
	object-fit:contain;
}
@media only screen and (max-width:480px) {
.portfolio_paragraph_03 {
	display:block;
}
.portfolio_paragraph_03 img{
	width:80%;
	object-dit:contain;
}
.portfolio_paragraph_01 div.layout,
.portfolio_paragraph_02>div{
	display:block;
}
}