@charset "UTF-8";

html{
	scroll-behavior: smooth;
}

body{
	background-color:#ffffff;
	margin-right: 5%;
	margin-left: 5%;
}

a{
	text-decoration:none; 
}

.link{
	background:#191970;
	padding: 10px 10px;
}

.box{
	display: table-cell;
	vertical-align: middle;
	font-size: 150%;
	width:20%; height:10%;
	color:#000000;
	background:#7ca1ff;
	border-left:2px solid #000000;
	border-right:2px solid #000000;
	border-bottom:5px solid #3f48cc;
}
.box:hover{
	background-color:#fff;
}

.about{
    padding: 2px 3%;
    margin: 0px 0px;
    color: #2c2c2f;
    background: #cde4ff;
}

.content{
	display: flex;
}
.content .text {
	width: 60%;
  margin: 0 30 0 0px;
  padding: 0;
}
.content .image{
	width: 40%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.pagetop{
	padding:10px 0 0;
	position:fixed;
	bottom:40px;
	right:30px;
	width:120px; height:50px;
	border-radius: 5px;
	text-align:center;
	font-size:21px;
	font-weight:700;
	line-height: 1;
	color:#000;
	background: #c0c0c0;
	opacity:0.5;
	z-index: 100;
}

.pagetop:hover{
	background-color:#a9a9a9;
}