@charset "UTF-8";

a:hover{
	opacity:0.5;
}

div.content{
	max-width: 1200px;
	width:90%;
	margin:1% auto;
}
div.bread{
	font-size:90%;
	margin:7% 0 0 0;
}
div.bread a{
	text-decoration:none;
}
div.bread strong{
	font-weight:bold;
}
div.li_navi{
	width:90%;
	margin:1% auto;
	text-align:center;
}
main{
	width:100%;
	margin:3% auto;
}
p.lead{
	text-align:left;
	font-size:95%;
	font-weight:normal;
}
main h1{
	margin:2% 0 2%;
	font-size:170%;
	width:100%;
	text-align:center;
	line-height:130%;
	border-top:3px solid #d70029;
	border-bottom:3px solid #d70029;
	padding:1%;
}
main h1.sub{
	margin:2% 0 2%;
	font-size:150%;
	font-weight:normal;
	width:100%;
	text-align:center;
	line-height:130%;
	border-top:3px solid #d70029;
	border-bottom:3px solid #d70029;
	padding:1%;
}
div.content_in{
	width:100%;
	margin:1% auto;
	font-size:110%;
	font-weight:normal;
	line-height:180%;
}
div.content_in strong{
	background:#dcc599;
	padding:3px;
	font-weight:normal;
}
div.content_in h2.line{
	background:#000;
	color:#fff;
	font-size: 100%;
	text-align:center;
	padding:5px;
	margin:1%;
	display:block;
	clear:both;
}
div.content_in h2.word{
	font-size: 150%;
	font-weight:bold;
	text-align:left;
	padding:5px;
	margin:1%;
}
div.content_in h2.word span{
	font-size: 80%;
	font-weight:normal;
	color:#999;
	margin-left:5%;
	display:block;
	clear:both;
}
div.content_in h2.word:before{
	font-family: "Font Awesome 5 Free";
	content: "\f466";
	color:#a69371;
	padding-right:1%;
}
div.content_in ul.list{
	margin-bottom:10%;
	display:block;
	clear:both;
}
div.content_in ul.list li{
	float:left;
	width:45%;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	list-style:none;
	padding:5px 10px;
	font-size:90%;
}
div.LeftBox{
	float:left;
	width:50%;
}
div.RightBox{
	float:right;
	width:50%;
}
img.illust{
	margin:0 5%;
}
figure{
	font-size:90%;
	text-align:center;
}
div.relation{
	width:90%;
	margin:1% auto;
}
div.relation h4{
	font-size:100%;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:10px;
	margin-top:5%;
}
div.relation ul.relation{
	margin-bottom:10%;
}
div.relation ul.relation li{
	font-size:90%;
}
div.btn_list{
	background:#000;
	border-radius:10px;
	margin:5% auto;
	padding:1%;
	width:30%;
	text-align:center;
}
div.btn_list a{
	display:block;
	color:#fff;
	text-decoration:none;
}
div.pr{
	width:100%;
	margin:10% auto;
	padding-top:3%;
	border-top:1px dotted #ff5d16;
}
div.pr img{
	width:100%;
	vertical-align:middle;
}
div.pr h3{
	font-size:170%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	letter-spacing:-0.05em;
}
div.pr img.logo{
	width:30%;
}
div.pr div.btn_pr{
	width:30%;
	font-size:120%;
	margin:1% auto;
	padding:1%;
	border-radius:10px;
	background:#ff5a00;
	text-align:center;
}
div.pr div.btn_pr a{
	text-decoration:none;
	color:#fff;
}
@media screen and (max-width: 736px) {
main{
	background:none;
	width:100%;
	margin:8% auto;
}
main h1{
	margin:2% 0;
	font-size:170%;
	width:100%;
	line-height:130%;
	text-align:center;
	padding-left:0%;
}
div.content_in h2.line{
	font-size: 120%;
	margin:3% auto 3%;
}
div.content_in ul.list{
	width:100%;
	padding:0;
}
div.content_in ul.list li{
	width:95%;
	margin:0 auto;
	padding:1%;
}
div.LeftBox{
	width:100%;
}
div.RightBox{
	width:100%;
}
img.illust{
	margin:auto;
}
div.btn_list{
	width:80%;
}
div.pr{
	margin-top:15%;
}
div.pr h3{
	font-size:130%;
}
div.pr div.btn_pr{
	width:80%;
	margin-top:5%;
	padding:2%;
}
}