@charset "UTF-8";

/* 全体設定 */
*, *::before, *::after {
	box-sizing: border-box;
	word-wrap: break-word;
}
html{
	width: 100%;
	overflow-y: scroll;
	scroll-behavior: smooth;
}
body{
	width: 100%;
	min-width: 1280px;/*背景消えないようにする対策*/
	background-color:#fff;
	color: #333;
	line-height:2.1;
	font-size:18px;
	font-family:"ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media only screen and (max-width: 1024px) {
body{
	min-width:100%;
}
}

img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
	opacity: 1;
	transition: .3s;
}

a:hover img{
	opacity: .85;
}




p{
	line-height: 1.8;
	word-wrap: break-word;
}


a{
	color:#333;
	text-decoration:none;
	cursor:pointer;
}
a:link{
	color:#333;
}
a:visited{
	color:#333;
}
a:hover{
	color:#333;
}
a:active{
	color:#333;
}

p a, table a{
	color:#1770c1;
	text-decoration:underline;
}
p a:link, table a:link{
	color:#1770c1;
}
p a:visited, table a:visited{
	color:#1770c1;
}
p a:hover, table a:hover{
	color:#1770c1;
}
p a:active, table a:active{
	color:#1770c1;
}



/*-----------------------------------------------------------
	HTML5囲み
-----------------------------------------------------------*/
header{
	/*border-bottom:3px solid #319dd0;*/	
}

/*-----------------------------------------------------------
	囲み
-----------------------------------------------------------*/
.contentBox{
	/*width: calc(100% - 240px);
	margin:0 120px;*/
	width: 1280px;
	margin: 0 auto; 
}

@media only screen and (max-width: 1680px) {
.contentBox{
	/*width: calc(100% - 120px);
	margin:0 60px;*/
	width: 1280px;
	margin: 0 auto; 
}
}

@media only screen and (max-width: 1400px) {
.contentBox{
	width: 1280px;
	margin: 0 auto; 
}
}
@media only screen and (max-width: 1024px) {
.contentBox{
	width: 96%;
	margin: 0 2%; 
}
}



/*-----------------------------------------------------------
	PDF
-----------------------------------------------------------*/
embed[src$=".pdf"]{
    width:100%;
    height:80vh;
}

/*-----------------------------------------------------------
	ボタン
-----------------------------------------------------------*/
a.moreBtn{
	position: relative;
	background-color:#319dd0;
	color:#fff;
	text-align:center;
	padding:0.8em 1.8em;
	display:block;
	border-radius: 5px;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	transform:translate(0,0);
	transition:.3s all;
	margin:20px auto 0;
	width:20em;
}
a.moreBtn::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: 1.6em;
	content: '\f101';
	transform: translateY(-50%);
	color:#fff;
}
a.moreBtn:hover{
	background-color:#00b9eb;
	transform:translate(0,-5px);
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.4);
}


/*-----------------------------------------------------------
	スクロールバー
-----------------------------------------------------------*/
.scrollbar01::-webkit-scrollbar{
  height:5px;
}
.scrollbar01::-webkit-scrollbar-thumb{
  background: linear-gradient(0deg,#696969,#363636);
  border-radius: 3px;
}
.scrollbar01::-webkit-scrollbar-track{
  background: transparent;
}