body { -webkit-text-size-adjust: 100%; margin: 0; color: #015c89; font-size: 15px; line-height: 20px; font-family: "メイリオ","MS ゴシック","ヒラギノ角ゴシック", sans-serif; background: #6F80DB;}
textarea {font-family: "メイリオ","MS ゴシック","ヒラギノ角ゴシック", sans-serif;}
div,p { padding: 0; margin: 0;}

img { border: 0px;}
a { display: inline; text-decoration: none;}
.mask { overflow: hidden;}/*グラデーションでmaskとradius両方*/

/*-----全体------*/
.header,.top-page,.link-lay,.layer_contents,.pages {
	width: 100%;
	min-width: 1180px;
}

.top-page { background-image:linear-gradient(180deg,#f8f4e6 0%, #fff 30%, #fff 58%, #f8f4e6 100%);}/*aminationから移動*/

.head-in,.top-page div,.link-area,.pages div, ul.no-screen,ul.screen,.footer {
width: 90%;
margin: 0 auto;
padding:0;
}
.link-area { width: 91%;}

.link-area li a { border-color: #f39800;}/*aminationから移動*/

/*-----HEADER------*/
.header {
background-color: #fff;
background-size: contain;
background-position: center top;
}
.header {

background-image: linear-gradient(180deg, #9AC4FF 0%, #eaf2ff 32%, #fefeff 55%, #fefeff 75%, #eee 100%);
}/*aminationから移動*/

.head-in {color: tan;padding: 0;position: relative; height: 107px; margin-bottom: 15px;}

h1, h2,h3 {position:absolute; display: inline-block; margin: 0;}
h1 { top: 19px; right:280px; font-size:16px;color: #5472c4;line-height: 21px; font-weight: normal;}
h2 { top: 19px; right:10px; font-size:16px;color: #5472c4; line-height: 21px; font-weight: normal;}
h3 { top: 72px; right:10px; font-size:15px;color: #F36FA3; line-height: 22px; font-weight: normal;}

a.logo{ display: inline-block; width:59px;padding:10px 0 0 0; margin-top: 4px; position: relative;}
a.logo span { position: absolute; top: 0; left: 7px; font-size: 14px; font-weight: bold; color: #fff;}
a.logo img { width: 100%;}

.client { display: block; color:#2A5E99; font-size: 30px; position: absolute; top: 50px; left: 75px; font-weight: bold;}
.info1 { display: inline-block; color: #5194D4; font-size: 23px; position: absolute; top: 50px; left: 310px;}
.speciality { display: block; color: deeppink; font-size: 20px; position: absolute; top: 17px; left: 77px;}

.icon-area { position: absolute; bottom:-11px; left: 640px; display: inline-block;}
a.i-head {color: rgba(0,110,210,0.7);margin-right: 27px;font-size: 23px;display: inline-block;text-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
a.i-head:hover { text-shadow: none;}

.head-area1 {position: absolute;top: 89px;left: 5px;display: inline-block;text-align:left;line-height: 24px;}
.tel{display: inline-block; font-size: 25px;padding: 0 20px 0 0; color: #EE3496;}
.address{font-size: 17px; display:inline-block; color: #69a3eb;}

.head-area2 {position: absolute;top: 42px;right: 10px;display: inline-block;font-size: 16px;text-align:left;line-height: 24px;color: #426675;padding: 0;}

/*-----LINK------*/
.link-lay { width:100%; padding: 0  0 12px 0;}
.link-area {display: table; margin: 0 auto; border-spacing: 8px;}
.link-area li.title {display: none;}
.link-area li.item {display: table-cell; width: 16%;font-size: 16px; text-align: center; padding: 0; vertical-align: middle; line-height: 18px;}
.link-area li.item a {display : block; font-size: 15px; line-height: 18px; vertical-align: middle; padding: 8px 0 5px 0; border-radius:0; font-weight: normal; box-shadow: 3px 3px 3px 1px rgba(70,40,10,0.2);}
.link-area li.item a:hover {box-shadow:none;}
.link-area li.item a span {display : block; color:#fff; font-size: 13px; margin-bottom: 3px; line-height: 19px;}
.link-area li.item a i { color: #fff; font-size: 14px; margin: 0 3px 0 0;}

.link-area li a {
background-image: linear-gradient(180deg, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.5) 47%, rgba(255,255,255,0.02) 48%,rgba(0,0,0,0.05) 100%);
border-left: solid 6px #83B0FF;/*左線*/
color: #598C58;/*文字色*/
font-weight: normal;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.21);
}
.link-area li a {
background-image: linear-gradient(180deg, rgba(45,175,175,0.08) 0%,rgba(195,245,255,0.25) 47%, rgba(75,175,255,0.2) 48%,rgba(25,105,195,0.1) 100%);
border-left: solid 6px #9CBCFF;/*左線*/
color: #0B4284;/*文字色*/
font-weight: normal;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.21);
}

.link-area li a:hover {
background-image: linear-gradient(180deg,  #ccc 0%, #ddd 57%, #eee 58%, #fff 100%);
box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
transform: translateY(2px);
}

/*-----------------------
.link-area li:nth-child(2) a {
background-image: linear-gradient(180deg, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.5) 47%, rgba(255,255,255,0.02) 48%,rgba(0,0,0,0.05) 100%);
border-left: solid 6px #705b67;
color: #726250;
font-weight: normal;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.21);
}

.link-area li:nth-child(3) a { color:#fff; background-image: linear-gradient(180deg, #fe8f8f 0%,#fb554a 47%, #DE5C24 48%,#cf120f 100%);}
.link-area li:nth-child(4) a { color:#fff; background-image: linear-gradient(180deg, #fed28f 0%,#eaa44f 47%, #e39416 48%,#cf850f 100%);}
.link-area li:nth-child(5) a { color:#fff; background-image: linear-gradient(180deg, #7fd158 0%,#5caf35 47%, #54a61a 48%,#338d15 100%);}
.link-area li:nth-child(6) a { color:#fff; background-image: linear-gradient(180deg, #64baf0 0%,#49a5dd 47%, #3c9ae7 48%,#248cce 100%);}
.link-area li:nth-child(7) a { color:#fff; background-image: linear-gradient(180deg, #8fb0fe 0%,#5c72ff 47%, #5168ec 48%,#0f2ccf 100%);}
.link-area li:nth-child(8) a { color:#fff; background-image: linear-gradient(180deg, #ff94f1 0%,#fc8ef7 47%, #FF7FE2 48%,#FF58E4 100%);}

.link-area li:nth-child(3) a:hover { background: rgb(248, 137, 137);}
.link-area li:nth-child(4) a:hover { background: rgb(249, 190, 139);}
.link-area li:nth-child(5) a:hover { background: rgb(63, 219, 86);}
.link-area li:nth-child(6) a:hover { background: rgb(118, 192, 235);}
.link-area li:nth-child(7) a:hover { background: rgb(115, 115, 247);}
.link-area li:nth-child(8) a:hover { background: rgb(252, 89, 230);}

.link-area li:nth-child(2) a:hover {
background-image: linear-gradient(180deg,  #ccc 0%, #ddd 57%, #eee 58%, #fff 100%);
box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
transform: translateY(2px);
}
.link-area li:nth-child(2) a:active {
box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
transform: translateY(2px);
}
------------------------*/

/*-----LINK EX------*/
.link-area-ex { display: table; list-style: none; width:100%; margin:0; padding: 0; line-height: 20px; position: absolute; left:30px; top: 3px; z-index: 100;} 
.link-area-ex li { display: table-cell; padding:0;}
.link-area-ex li.title { display: none;}
.link-area-ex li a {display: block; color:#3A75CD; font-size:16px; margin: 0; padding: 15px 10px 13px 0;}
.link-area-ex li a i { font-size:19px;}
.link-area-ex li a:hover {color: deeppink;}
.link-area-ex li a i {color: #FF5924; margin: 0;}
.link-area-ex li:nth-child(2) { width: 155px; }
.link-area-ex li:nth-child(2)  a { font-weight:bold; font-size:19px; padding: 8px 0; color:white; text-shadow:2px 2px 4px rgba(0,0,0,1); letter-spacing:1px;}
.link-area-ex li:nth-child(3) {}

/*-----TOP-PAGE------*/
.top-page {
position: relative;
padding:0;
height:380px;
background-color:#fff;
background-image:linear-gradient(180deg, #eee 0%, #eee 55%, #F4F5FF 100%);
}

.top-page div {
margin: 0 auto;
height: 380x;
position: relative;
}

/*------TOP LEFT-----*/
.left-box {position: absolute; top: 0; left:0; display:inline-block; width: 30%; height: 380px; background-color: #fff; background-image:linear-gradient(130deg,#9EC0F7 0%,#FFFFFF 58%, #FFFFFF 100%); background-position: center 50%; background-size: cover; background-color: #fff; background-repeat: no-repeat;z-index: 97; overflow:hidden; background-image: url('../images2023/img/bear-pc.jpg');}
.left-box span { display: block; width:100%; position: absolute; left: 0; bottom:0; color:#3A82A3; font-size: 17px; line-height: 20px; padding: 14px 0 14px 7%;  background-image: linear-gradient(180deg, #ddd 0%,  #eee 70%, #eee 100%); z-index:1001}
.bear { width:43%; min-width: 212px; position: absolute; bottom: 48px; left: 1%; z-index: 1000; }

/*------LETTER-----*/
.left-box span.letter { display: block; position:absolute; bottom:0; left:0; background: #ddd; width: 100%; font-size: 16px; font-weight: normal; height: 28px; padding: 10px; margin: 0; z-index:98;}

/*-----PAGES-----*/
.pages {
width: 100%;
position: relative;
background-image: linear-gradient(180deg, #fff 0%, #eee 98%, #ededed 100%);
background-position: bottom right;
}
.pages div {
	margin: 0 auto;
	height: 240px;
	overflow: hidden;
}
.left-box-page {position:relative; overflow:hidden; display:inline-block; width:30%; height:300px; background-image: linear-gradient(135deg, #B3D4FF 0%, #fff 50%, #fff 100%);}
.left-box-page p {color:#7296FF;font-size: 20px; font-weight: bold; padding: 25px 0 0 22px;}
.cap-first { display: none; position: absolute; top: 70px; left: 29px; font-size: 17px; font-weight:bold; color:#006699;}
.cap-second { display: none; position: absolute; top: 104px; left: 29px; font-size: 15px;}

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

.footer {
	text-align: center;
	font-size: 12px;
	padding: 20px 0;
	color: #fff;
}
.footer a {
	color: crimson;
}

/*---移動---*/
/*---LINK---*/
div.fold a,div.page-inside a { backgound: none; border:none; padding: 0; margin: 0; }

div.fold a.arrow1,div.page-inside a.arrow1 { vertical-align:bottom; display: inline-block; line-height:20px; vertical-align: middle;  margin: 0 4px; padding: 1px 1px 1px 10px; color: #fff;font-size: 15px;background-image: linear-gradient(180deg,  rgba(230,50,220,0.7) 0%,  deeppink 58%, rgba(200,0,110,0.8) 100%); border-radius: 5px;}
div.fold a.arrow1::after,div.page-inside a.arrow1::after { content: '▼';  display: inline-block;padding: 4px 7px;margin: 0 0 0 12px; color: deeppink; font-weight: bold; background-color: #ffffcc; transform: rotate(0.75turn);}
div.fold a.arrow1:hover, div.page-inside a.arrow1:hover { background-image: linear-gradient(180deg,  rgba(230,50,220,0.7) 0%,  deeppink 58%, rgba(200,0,110,0.8) 100%); box-shadow:  1px 1px 3px rgba(0,0,0,0.3) inset;}
div.fold a.arrow1:hover::after, div.page-inside a.arrow1:hover::after { color: red;}

div.fold a.arrow1,div.page-inside a.arrow1 { 
vertical-align:bottom; 
display: inline-block; 
vertical-align: middle;  
margin: 0 4px; 
padding:  3px 40px 0 10px; 
color: #fff;
font-size: 15px;
background-image: linear-gradient(180deg,  rgba(230,50,220,0.7) 0%,  deeppink 58%, rgba(200,0,110,0.8) 100%); border-radius: 5px;
height:22px;
position:relative;
}
div.fold a.arrow1::after,div.page-inside a.arrow1::after { 
content: '▼';  
display: inline-block;
padding: 3px 10px 0 10px;
margin: 0; 
color: deeppink; 
background-color: #ffffcc; 
transform: rotate(1.0turn);
height:20px;
position: absolute; top:1px; right:1px;
border-radius: 0 3px 3px 0;
}

div.fold a.arrow2,div.page-inside a.arrow2 { display:inline-block; padding: 0 2px; border-bottom: 1px dotted deeppink; color:#4A8BD5;}
div.fold a.arrow2:hover,div.page-inside a.arrow2:hover { color: deeppink;}

div.fold a.arrow3,div.page-inside a.arrow3 { display:inline-block; padding: 0 2px; border-bottom: 1px dotted #ea5506; color:#c9171e;}
div.fold a.arrow3:hover,div.page-inside a.arrow3:hover { color: deeppink;}
/*---移動ここまで---*/