body {margin: 0;color: #274a78;font-family: "Meiryo", "Hiragino Kaku Gothic Pro W3", Courier New, sans-serif;line-height: 22px;}
input, textarea {font-family: "Meiryo", "Hiragino Kaku Gothic Pro W3", Courier New, sans-serif;}
a {text-decoration: none;}
img {vertical-align: bottom;}
div, p, ul {margin: 0;padding: 0;border: none;}

/*-----new------*/
.header,.top-page,.link-lay,.layer_contents{width: 100%;overflow: hidden; min-width: 1000px;}
.head-in,.link-area,.top-page ul,.pages,ul.no-screen,ul.screen {width: 100%; margin:0 auto; padding:0;max-width: 1650px; }

/*-----HEADER------*/

.header {background-image: linear-gradient(to top, #e7f0fd 0%, #fff 100%); background: url('../images/img/2021sky.jpg') top left; background-repeat: no-repeat;}
.head-in {display: table; padding: 0; list-style: none;}
.head-in li {display:table-cell; position: relative; height: 100px; padding: 0;  vertical-align: top;}
.head-in li.top-left {width: 345px;}
.logo{ display: inline-block; padding: 8px 13px 5px 0; margin: 0 0 0 165px;}
.logo img {width: 315px;}
.logo1{ position:absolute;  width: 400px; left:60px; top:35px; font-size: 27px; color: #303978; font-weight: bold; letter-spacing:2px;}
.logo1 a{ color: #303978; }
.logo1 a:hover{ color: #3399FF; }
.logo1 img {width: 100%;}

.inc {display: none; font-size: 24px; color: #303978; font-weight: bold; margin-top: 18px; margin-bottom: 8px;}
.client {display: none; font-size: 15px; color: steelblue;font-weight: bold;}

.head-area1 { display: block; font-size: 15px; text-align:left; line-height: 24px; margin: 35px 0 0 7px;}
.tel { display: block; color: #c9171e; font-size: 20px; margin : 13px 0 8px 0; display: none;}
.address { display:block; font-size: 16px; margin-bottom: 12px; display: none;}
.speciality {display: inline-block;  font-weight: normal; font-size: 22px; text-shadow:0 0 3px rgba(0,0,0,0.2); margin-left: 7px;}

h1 {　display: block; font-weight: normal; font-size:13px;color: lightsteelblue;line-height: 14px;margin: 7px 20px 10px 0; float:right;}
.head-area2 { display: block; font-size: 17px;text-align:right; line-height: 22px; padding: 0; margin: 0 20px 0 0; display: none;}
h2 { display: block; font-weight: bold; font-size: 18px; color: #4373A2; line-height: 22px;margin: 0 0 10px 0;}

.icon-area {display: inline-block; width: 140px; margin: 0; position: absolute; left: 1100px; top: 35px; z-index:1001;}
a.i-head {color: #0066cc;margin-right: 30px;font-size: 20px; display: inline-block;}
a.i-head:hover { text-shadow: none;}

/*-----TOP-PAGE------*/

.top-page {position: relative;overflow: hidden;margin: 0 auto; padding:0; background-image: linear-gradient(to bottom, #CEDFF1 0%, #CEDFF1 28%, #fff 75%, #EFF5FF 100%);}
.top-page ul { display: table; width:100%; padding: 0;}
.top-page ul li { display: table-cell; position: relative; vertical-align: top; padding: 0;}

/*-----LINK------*/

.link-lay {padding: 7px 0;background-image: linear-gradient(180deg, #e5e5ff 0%, #fff 60%, #F7FBFF 100%);}
.link-area {display: block;margin: 0 auto;color: aqua;}
.link-area li.title {float: left;font-size: 14px;list-style: none;color: skyblue; width: 305px; padding-left: 20px;}
.link-area li.item {float: left;font-size: 14px;margin-left: 30px; margin-right: 15px;}
.link-area li.item a {display: inline-block;color: #5383c3;}
.link-area li.item a:hover {color:crimson;}

.link-area-ex {display: none;}

/*------LETTER-----*/

.letter {margin: 0;padding: 0;	position: absolute;top: 70px;left: 20px;color: white;font-size: 18px;line-height: 24px;	font-weight: bold;letter-spacing: 3px;}
.letter span {
	display: block;
	font-size: 20px;
	line-height: 24px;
	padding: 20px 0;
	letter-spacing: 0;
}

/*-----PAGES　上------*/

.pages {
	position: relative;
	background: linear-gradient(0deg, rgba(0, 10, 70, .9), rgba(235, 245, 255, .7)) fixed, url(../images/img/back-pages.jpg);
	background-position: top center;
}

.pages div {
	margin: 0 auto;
	overflow: hidden;
}
.pages div img { width: 100%;}
.cap-first { display: inline-block; position: absolute; top: 10px; left: 8px; font-size: 18px; font-weight: bold; color: #666;}
.cap-second { display: none; position: absolute; top: 40px; left: 8px; font-size: 14px;}

/*-----FOOT------*/

.footer {
text-align: center; padding: 12px 0 30px 0; font-size: 14px; height: 133px; color: #02202D;background: url('../images/img/2021ocean.jpg') bottom left; background-repeat: no-repeat; line-height: 25px;
}
.footer span.licence { display: inline-block; padding: 0; margin: 0;}
.footer a {
	color: aqua;
}
.footer span { display: block; padding: 0 0 27px 0; color: #333; line-height: 27px;}

/*-----------*/
button { color: #223a70;}


/*-----NEWS-top------*/
.news { padding: 0 60px 20px 60px;}
.news-title { background: #eee; display: block; padding: 10px 0; margin: 18px -5px 12px -5px; color:#2255bb; font-size: 18px; text-align: center; font-weight: bold; }
div.wrap2 {display:grid; grid-template-columns: 1fr 3fr; width:80%; margin: 20px 0 0 0;}
div.wrap2 div {margin:0 0 0 10px;}
div.wrap2 div img {width:100%;}
time { display:block; color: #aa3311; font-size: 15px; padding: 0 0 8px 0;}
div.wrap4 {display:grid; grid-template-columns: 5fr 3.5fr  5fr 5fr 8.6fr; width:100%; margin: 30px 0 0 0;}
div.wrap4 div {margin:0 0 0 10px;}
div.wrap4 div img {width:100%;}