@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;
}
main{
	width:100%;
	margin:3% auto;
}
div.lead p{
	text-align:center;
	font-size:95%;
	font-weight:normal;
}
div.li_navi{
	width:90%;
	margin:1% auto;
	text-align:center;
}
div.li_navi a {
	display: inline-block;
	width: 80px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#0C88CA;
	border-bottom:4px solid #005691;
	border-radius: 4px;
	transition: .0s;
    margin-bottom: 10px;
}
div.li_navi a:hover {
	 cursor: pointer;
	 text-decoration: none;
	 background:#005691;
	 transform: translate3d(0, 4px, 0);
	 transition: .0s;
	 border-bottom: none;
}
div.li_navi_btn{
	width:30%;
	font-size:120%;
	margin:1% auto;
	padding:1%;
	border-radius:10px;
	background:#ff5a00;
	text-align:center;
}

div.li_navi2{
	width:80%;
	margin:1% auto;
	text-align:center;
}
div.li_navi2 a {
	display: inline-block;
	width: 180px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#0C88CA;
	border-bottom:4px solid #005691;
	border-radius: 4px;
	transition: .0s;
    margin-bottom: 10px;
}
div.li_navi2 a:hover {
	 cursor: pointer;
	 text-decoration: none;
	 background:#005691;
	 transform: translate3d(0, 4px, 0);
	 transition: .0s;
	 border-bottom: none;
}
div.li_navi2_btn{
	width:30%;
	font-size:120%;
	margin:1% auto;
	padding:1%;
	border-radius:10px;
	background:#ff5a00;
	text-align:center;
}

div.li_tag{
	width:90%;
	margin:1% auto;
	text-align:center;
}

div.li_tag a {
	display: inline-block;
	width: 150px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#535a98;
	border-bottom:4px solid #293284;
	border-radius: 4px;
	transition: .0s;
    margin-bottom: 10px;
}
div.li_tag a:hover {
	 cursor: pointer;
	 text-decoration: none;
	 background:#005691;
	 transform: translate3d(0, 4px, 0);
	 transition: .0s;
	 border-bottom: none;
}

div.li_tag2{
	width:90%;
	margin:1% auto;
	text-align:center;
}

div.li_tag2 a {
	display: inline-block;
	width: 200px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#535a98;
	border-bottom:4px solid #293284;
	border-radius: 4px;
	transition: .0s;
    margin-bottom: 10px;
}
div.li_tag2 a:hover {
	 cursor: pointer;
	 text-decoration: none;
	 background:#005691;
	 transform: translate3d(0, 4px, 0);
	 transition: .0s;
	 border-bottom: none;
}


main h1{
	margin:2% 0 2%;
	font-size:170%;
	width:100%;
	text-align:center;
	line-height:130%;
	border-top:3px solid #162a6b;
	border-bottom:3px solid #162a6b;
	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 #162a6b;
	border-bottom:3px solid #162a6b;
	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 img{
	padding:0 15px;
	position:absolute;
	bottom: 3;
}
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 Pro";
	content: "\f5ae";
	color:#5c7de9;
	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%;
	text-decoration:none;
}
div.content_in ul.list li a{
	text-decoration:none;
}
div.content_in ul.list li a p img{
	width:200px;
    height:125px;
}
div.LeftBox{
	float:left;
	width:45%;
}
div.RightBox{
	float:right;
	width:50%;
}
div.RightBox p{
	text-align:right;
	font-size:80%;
    color:#535a98
}
div.RightBox a{
    color:#535a98
}
img.illust{
	margin:0 5%;
}
div.li_tag_sub{
	width:90%;
	margin:1% auto;
}

div.li_tag_sub a {
	font-size: 90%;
	font-weight:normal;
	display: inline-block;
	width: 160px;
	/* height: 30px; */
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#535a98;
	border-bottom:4px solid #293284;
	border-radius: 4px;
	transition: .0s;
    margin-bottom: 10px;
}
div.li_tag_sub a:hover {
	 cursor: pointer;
	 text-decoration: none;
	 background:#005691;
	 transform: translate3d(0, 4px, 0);
	 transition: .0s;
	 border-bottom: none;
}
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:5%;
}
div.relation ul.relation li{
	font-size:90%;
}
div.btn_list{
	background:#000;
	border-radius:10px;
	margin:1% 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%;
}

}