*{margin:0;padding:0;list-style-type:none;}
body{background-color:#f5f5f5;font-family:"HelveticaNeue",Helvetica,Arial,sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; /* Safari */}
a{text-decoration: none;color:#353535;}
.up{width: 80%;}
.upleft{width: 95%;margin-bottom:1em;margin-top:1em;margin-left:1em;font-size: 0.8em;}
/*.btn:hover{opacity: 0.6;text-decoration: none;}*/
.btn:hover{text-decoration: none;color:#31aae2!important;}
.middle{width: 80%;margin: 5em auto 0 auto;overflow:hidden;}
.middleleft{width: 75%;float: left;}
.middleright{width: 25%;float: right;}
.left{width: 95%;border-top:8px solid #31aae2;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom:2em;background:#fff;padding: 30px;}
.right{width: 95%;border-top:8px solid #31aae2;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom:1em;background:#fff;}
/*.lefttitle{background:#f4f8fb;border-left:4px solid #31aae2;margin:1.2em 1em;padding:0.5em 1em;}*/
.lefttitle{background: linear-gradient(100deg, #00B9EF, #00A0E9);margin:1.2em 1em;padding:0.5em 1em;}
h1{font-size:1.2em;font-weight:border;line-height:1.2em;margin-bottom: 0;}
.leftheadline{font-size:1.3em;font-weight:bolder;margin:0 1.4em 0.5em 1.4em;padding-bottom:0.5em;border-bottom:2px solid #ebebeb;}
.fa-check-square-o{margin-right: 0.5em;color:#31aae2;}
.leftcontent{font-size:0.9em;margin:1.2em 1.6em;line-height:1.5em;}
.leftcontent img{height: 200px;float: right;margin-left: 1em;}
.leftimg{margin:1em 1.6em;}
.leftimg img{width: 100%;}
.leftborder{margin:1.6em;padding: 1em;border:1px solid #aaa;}
.borderli li{list-style:disc;margin:1em 1.6em;color:#31aae2;}
.borderli li a{color:#31aae2;}
.borderli li a:hover{text-decoration: underline;}
.contentli li{list-style:disc;margin:0.5em 2em;color:#31aae2;}
.contentli li span{color:#000000;}
.contentlii li{list-style:none;margin:1em;}
.contentlii li span{color:#000000;}
.smallli p{font-size:0.8em;color:#31aae2;margin:0.5em 1em;}
.smallli li{list-style: none;font-size:0.8em;color:#31aae2;padding: 0 2em;}
.fa-angle-double-right{color:#31aae2;}
.alink{text-decoration: none;color:#404040;}
.alink:hover{text-decoration: none;color:#31aae2;}
.aborder{color:black;}
.aborder:hover{opacity: 0.7;}
.aborder div{float: left;width: 44%;padding: 10px;}
.right{padding-bottom:1em;}
.rightup{margin:1em;border-bottom: 1px solid #31aae2;}
.rightcontent{margin:0 1em;}
.rightcontent span{font-size: 0.9em;}/*color: black;*/
.rightimg{margin:1em 1.6em;}
.rightimg img{width: 100%;}
.rightimg span{font-size: 0.8em;color: #31aae2;}
.rightimg p{font-size: 0.9em;}/*color: #353535;*/
.fa-calendar-check-o{color:#31aae2}
.footer{width:100%;overflow:hidden;background: #FFF9ED;border-top:2px solid #31aae2;}
.center{margin:1em 2.5em 0;width: 100%;overflow:hidden;}
.foot{font-size:0.8em;width: 20%;float:left;margin-left:3%; }
.foot span{border-bottom:1px solid #31aae2;font-weight:bolder;}
.foot ul li{margin:10px 0;}
#top {display: none;position: fixed;bottom: 25px;right: 20px;width: 50px;height: 50px;background-color: #fff;color: #31aae2;border:2px solid #31aae2;border-radius: 50px;outline:none;}
#top:hover {background-color: #31aae2;color: #fff;}
.fa-angle-up{font-size:2em;font-weight:bold;}
.treeul,.treeli{list-style: none;}
.dv{width:100px;height: 60px;border: 1px solid #ccc;display: inline-block;font-size: 15px;position: relative;border-radius: 10px;padding-top:1em;color:#333333;}
.treeul{overflow: hidden;padding-top: 20px;padding-left:5px;position: relative;}
.treeli{float: left;text-align: center;position: relative;padding: 20px 5px 0 5px;font-size: 0;}
.treeul ul::before{content: "";position: absolute;left: 50%;top: 0;width: 0;height: 20px;border-left: 1px solid #ccc;}
.treeli::before{content: "";position: absolute;right: 50%;top: 0;width: 50%;height: 20px;border-top: 1px solid #ccc;}
.treeli::after{content: "";position: absolute;right: 50%;top: 0;width: 50%;height: 20px;border-top: 1px solid #ccc;}
.treeli::after{left: 50%;top: 0;right: 0;border-left: 1px solid #ccc;}
.treeli:first-child::after{border-radius: 5px 0 0 0;}
.treeul li:first-child::before,.treeul li:last-child::after{border:none}
.treeul li:last-child::before{border-right:1px solid #ccc;border-radius: 0px 5px 0 0;}
.treeul li:only-child::before{border: none;}
.treeli a:hover{opacity: 0.8;}
.btn-link{color:black;}
.btn{text-align: left;white-space:normal;}
@media screen and (max-width:2000px){
	.foot{
		margin-left:5%;
	}
}
@media screen and (max-width:1500px){
	.c-nav ul li{
		margin-right: 20px;
	}
	.foot{
		margin-left:5%;
	}
}
@media screen and (max-width:1300px){
	.foot{
		margin-left:5%;
	}
}
@media screen and (max-width:1050px){
	.foot{
		margin-left:4%;
	}
}
/*@media screen and (max-width:1000px){
	.middle {
		margin: 4em auto 0 auto;
}*/
@media screen and (max-width:900px){
	.c-nav{
		background-color:white;/*#f4f8fb*/
		padding: 10px 0px 5px 0px;
	}
	.c-nav .navFlex{
		flex-wrap:wrap;
		font-size: 20px;
		justify-content: space-between;
	}
	.c-nav .logo{
		height: 30px;
	}
	.c-nav ul li{
		padding-top: 10px;
		margin-left: 0px;
		display: block;
	}
	.c-nav ul li a{
		border-bottom: 3px solid transparent;
	}
	.c-nav ul a:hover{
		border-bottom: 3px solid #e4c17e;
	}
	.c-nav ul li:nth-child(4),.c-nav ul li:nth-child(5){
		display: block;
	}
	.c-nav .hiden{
		display: block;
	}
	.c-nav .show{
		width: 100%;
		font-size: 14px;
		text-align: center;
		display: none;
	}
	.foot{
		font-size:0.9em;
		width: 45%;
		height:470px;
		float:left;
		margin-left:5%;
	}
}
@media screen and (max-width:890px){
	.rightimg span{
		font-size: 0.7em;
	}
}
@media screen and (max-width:850px){
	.aborder div{
		width: 100%;
		padding: 0;
	}
	.aborder img{
		margin-bottom: 0.5em;
	}
	body{margin: 0;padding:0;}
	.middle{width:95%;}
	.middleleft{
		width:100%;
		border:none;
		clear:left;
		margin-top:-1em;
	}
	.middleright{
		width:100%;
		clear:left;
	}
	.left{
		width:90%;
		/*border:none;*/
		background:white;
		margin: 1em auto;
		padding: 0;
	}
	.upleft{
		width:110%;
	}
	.right{
		width:90%;
		margin: 1em auto;
		background:white;
	}
	.rightimg{
		text-align: left!important;
	}
	.rightimg span{
		font-size: 0.8em;
	}
	.aspan{
		text-align: left!important;
	}
	.foot{
		margin-left:4%;
	}
}
@media screen and (max-width:550px){
	.font500{
		font-size: 1em!important;
	}
	table{
		font-size: 0.9em!important;
	}
	ol,ul{
		line-height: 1.5;
	}
	.foot{
		font-size:0.9em;
		width: 100%;
		height:auto;
		clear:left;
		margin-bottom:1em;
	}
	.center span{
		padding: 2em auto;
	}
	.leftcontent img{
		width:50%;
		height:auto;
		text-align:center;
		clear:right;
		margin-bottom:1em;
	}
}
.nav-link:hover i{
	color:#212529!important
}
.form-group {
	margin-bottom:8px;
}
/* <input type="number">のスピンボタン（右のボタン）を消す方法  */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
	-webkit-appearance: none !important
}
input[type="number"]{-moz-appearance:textfield}
#errorMessage,#errorMessageMail {
	margin-bottom: 1px;
	height: 35px;
	line-height:35px;
	padding:0px 10px;
	display: none;
	margin-top: -5px;
	margin-bottom: 10px;
	font-size:14px
}
.col-sm-6,.col-sm-12{
	padding-right: 25px;
	padding-left: 25px;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.img-thumbnail{
	border:none
}
/* web */
@media screen and (min-width: 770px) {
	#back-title{
		margin-left:5%
	}
	#title-one{
		font-size:33px;
		font-weight:700
	}
	#title-two{
		font-size:25px;
		color:#5A5A5A
	}
	.title-image{
		padding-right: 0px;
		padding-left: 0px;
	}
	#title-h1{
		margin-left:15px;
		border-right: 1px solid white;
		margin-top:40px
	}
	.blockquote{
		margin-left:50px;
		margin-right:50px;
	}
	.first-p{
		margin-top:15px
	}
	.lib-img-show{
		width:60%
	}
	.card{
		margin-top:-1%;
		margin-bottom:2%
	}
	#title-img{
		width:70%
	}
	.weibo-wechat{
		width:100%
	}
	.text-title{
		color: #337AB7;
		font-weight: 700;
		text-align: center;
	}
	.mb-0{
		font-size:18px;
		text-align:left;
		line-height:160%;
		/*border-bottom: 1px dotted #999999;*/
	}
	.font-weight-bold{
		font-size:15px;
		font-weight:700;
		text-align:left
	}
	.card-title-first{
		font-weight: 700;
		font-size:18px;
		text-align:left;
		line-height:120%;
		margin-top: 3px;
		margin-bottom: 0!important;
	}
	.card-title-second{
		font-weight: 700;
		font-size:18px;
		text-align:left;
	}
	.img-comment-text{
		/*margin-left:20%;*/
		margin-top:5px;
		text-align:center;
		font-size:14px
	}
	.faa-bounce{
		margin-top: -10px;
		font-size:35px!important
	}
}
/* mobile */
@media screen and (max-width: 769px) {
	#back-title{
		margin-left:-60px
	}
	#title-one{
		font-size:23px;
		font-weight:700
	}
	#title-two{
		font-size:15px;
		color:#5A5A5A
	}
	.card{
		margin-top:-15px
	}
	#title-img{
		width:100%
	}
	#wechatBox{
		margin-top:50px;
	}
	.card-title-first{
		font-weight: 700;
		font-size:14px;
		text-align:left;
		line-height:50%;
		margin-top: 1px;
		margin-bottom: -5px!important;
	}
	.card-title-second{
		font-weight: 700;
		font-size:15px;
		text-align:left;
	}
	.img-thumbnail{
		width:100%
	}
	.mb-0{
		font-size:13px;
		text-align:left;
		line-height:180%;
		/*border-bottom: 1px dotted #999999;*/
	}
	.img-comment-text{
		margin-top:5px;
		text-align:center;
		font-size:12px
	}
	.font-weight-bold{
		font-size:13px;
		font-weight:700;
		text-align:left
	}
	.faa-bounce{
		margin-top: 12px;
		font-size:22px!important
	}
	.weibo-wechat{
		width:100%
	}
}

.card-header{
	background-color: #357BB8;
	color:white
}

.card-header .fa-angle-double-right{
	color:white!important
}

.animated{
	color:#337AB7;
	margin-right:20px
}

.divided {
	position: relative;
}
.divided::after {
	background: linear-gradient(#dcdcdc 0, #696969 50%, #dcdcdc 100%);
	width: 1px;
	top: 100px;
	bottom: 100px;
	left: 50%;
	height: auto;
	right: auto;
	position: absolute;
}

@media (max-width: 768px) {
	.divided::after {
		background: linear-gradient(90deg, #dcdcdc 0, #696969 50%, #dcdcdc 100%);
		content: "";
		position: absolute;
		top: 50%;
		left: 0px;
		right: 20px;
		height: 1px;
		width: 100%;
	}
}
.fa-check-square-o{
	color:#5CB85C;
	font-size:25px!important;
	margin-right:5px;
	position: relative;
	top: 3px;
	right: 1px;
}
.tda a:hover{opacity: 0.8;}
.rightimg a:hover{opacity: 0.8;}
.aspan a:hover{text-decoration:underline; }
ol,ul{
	margin-bottom: 0;
	line-height: 1.8;
}
	.leftimga a:hover{opacity: 0.8;}