@charset "shift-jis";
*/

/* ------------------Reset--------------------- */border:1px solid #333FFF;
a,abbr,acronym,address,applet,article,newsbox,clubbox,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}p {text-indent:0;}
article, aside, clubbox, newsbox, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keyen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
img {border:0;}

html {width:100%; height:100%;padding:0; margin:0;}

body {
  margin: 0;
  overflow-x: hidden;
  height: 100vh;
  width: 100%;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}



/* ------------------ヘッダ--------------------- */
.mainlogo{height:54px;overflow:hidden; box-sizing: border-box;z-index:200;}

nav {
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0;
  width: 100%;
  height: 110px;
	padding:0px 0px 10px 0px;
  background:#FFFFFF;
  font-size: 1.2em;
	box-sizing: border-box;
	background: url("../images/bg01.png") no-repeat;
	background-position: right bottom;	
	background-size: cover;
	z-index:2000;
}

nav h1{
  color: rgb(255, 255, 0);  
	font-size: 1.5em;
	margin-right:14px;
}
nav a {
  text-decoration: none;
  font-size: 17px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  letter-spacing: 1px;
  transition: .25s ease-in-out;
}

nav a {
  color: rgb(0, 0, 0);
}

nav a:hover {
  color: rgb(220, 120, 0);
}
nav {
  color: rgb(255, 255, 255);
}

.nav-bg {
  content: '';
  position: absolute;
  display: block;
  top: -100%;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgb(60, 210, 255,0.9);
	background: url("../images/heddabg.png") no-repeat;
	background-position: right bottom;
  transition: .45s ease-in-out;opacity: 0.5;
}

nav img {float:left;margin-left:0px;}

.hedda01{width:100%;height:150px;overflow:hidden;margin:0px;padding:0;box-sizing: border-box; 	z-index:20000;  background:none;}
.hedda02{width:100%;float:left;height:100px;overflow:hidden;margin:0px;padding:0;box-sizing: border-box; background: none;}

.headlist

.headtxt {height:100%; float:right; width:70%; background:none;box-sizing: border-box; overflow:hidden;position:relative;}
.headtxt ul{height:100%;width:100%;box-sizing: border-box;bottom: 0; text-align:right;list-style: none; margin: 0;}
.headtxt li{text-align:center;width:; display: inline-block; margin: 0 20px 0 0; padding: .5em .3em;box-sizing: border-box;height:100%;}
.headtxt li{display: inline-block;}
.hb00 {}
.hb01 {background: #333333;}
.hb02 {background: #444444;}
.hb03 {background: #555555;}.hb04 {background: #666666;}


.inqbtn3 {float:right; overflow:hidden;  background: none;height: 60%;width: 128px;text-align:center;margin-top:3px;box-sizing: border-box;}

.headtxt03 {position:fixed;height:100%; width:100%;padding-right:20px;line-height:1.5em;text-align:right; background:none;box-sizing: border-box;right:0px;bottom:0;overflow:hidden;margin-bottom:20px;}
.inqbtn4 {float:right; overflow:hidden;  background: none;height: 60%;width: 138px;text-align:center;margin-top:3px;box-sizing: border-box;z-index:1;}

#onbtn{ border-bottom:3px solid #A9D5EF;  display: inline-block;color:#0080FF;font-weight:bold;}
.inmenu {text-align:right; width: 100%;text-align:right;box-sizing: border-box;overflow:hidden;}
.inmenu a{color: #FEFEFE;  font-size: calc(18px - .3vw);line-height:1.4em;}

.mtitle{color: #FEFEFE; font-size: calc(18px - .3vw);line-height:1.2em; font-weight:bold;padding: 0.2rem; background-color: #003A75;}
.inqbtn {float:right; overflow:hidden;  background: #FF5C26;height: 60%;width: 80px;text-align:center;font-weight:bold;margin-top:0px;box-sizing: border-box;}
.inqbtn a{color: #FFFFFF;  font-size: calc(21px - .5vw);}
.inqbtn2 {float:right; overflow:hidden;  background: #111111;height: 60%;width: 80px;text-align:center;font-weight:bold;margin-top:0px;box-sizing: border-box;}
.inqbtn2 a{color: #FFFFFF;  font-size: calc(21px - .5vw);}
.drawer-list li {text-align:right; }

.inqbtn3 {float:right; overflow:hidden;  background: none;height: 60%;width: 128px;text-align:center;margin-top:3px;box-sizing: border-box;}
i
/* 画像リンク・マウスオーバー・*/
.inqbtn3 a:hover img {
	opacity:0.5;
	filter: alpha(opacity=200);
}

.hedda02{width: 100%;float:left;overflow:hidden;margin:0px;padding:0;}

.btndec{color: #FF4000;}

.headtxt2 {height:205px; width: 100%;overflow:hidden;text-align:center;  background: url(../images/unback.webp) ; background-size: cover;}
.headtxt2 ul{width:100%;height:40px;margin:160px 0 0 0; background: rgb(14, 70, 130,0.7);box-sizing: border-box;padding:0;}
.headtxt2 li{width:100%;height:40px;box-sizing: border-box;overflow:hidden;color:#FFFFFF;font-size:28px;text-align:center;line-height:1.4em;}
.headtxt2 h1{color:#FFFFFF;font-size:28px;text-align:center;line-height:1.4em;overflow:hidden;}

.htinner {width:100%;height:40px;margin:160px 0 0 0; background: rgb(14, 70, 130,0.7);box-sizing: border-box;padding:0;}

@-webkit-keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: 0 0;}
 }

 @keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: 0 0;}
 }

#burgermenu{width: 70px;height:90px;right:0;background-color: #FFFFFF;overflow:hidden; position: fixed ; top:0px;bottom: 3px;z-index:2000;}

.bg-hidden {
  top: -100%;
  opacity: 0;
}

.bg-visible {
  top: 0;
  opacity: 1;
}

h1 {color:#FFFFFF;font-size:28px;text-align:center;line-height:1.4em;overflow:hidden;}
h2 {
  text-align: left;
  letter-spacing: 1px;
	font-size: 48px;
}

#headspace {height:100px; width:100%;overflow:hidden;background-color:#0059B3;TEXT-INDENT:-9999;}

.hero {
  position: relative;
  width:auto;
  background:#FFFFFF;
	background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
	margin-top:0px;
	color:#FFFFFF;
	font-size:20px;
	text-align:left;
	text-shadow: 2px 3px 2px #333333;
	font-weight: lighter;
	line-height:1.5em;
}
.hero::before {
  content:"";
  display: block;
  padding-bottom: 33%; /* 幅に対する高さの比を33%に固定 */
}

#herobg00 {height:150px;width:90%;position: absolute;top:10%;left:70px;box-sizing:border-box;overflow:hidden;line-height:2.6em;}
#herobg {height:120px;width:30%;background-color:rgba(255,255,255,0.7);position: absolute;top:60%;right:0px;overflow:hidden;}
#herobg  img {float:right;}
#herobg02 {height:;width:90%;	background-color:rgba(0,45,178,0.7); padding:5px;overflow:hidden; margin-top:20%;margin-left:auto; margin-right:auto;color:#FFFFFF;font-size:17px;}

.hinnner{ display:block;width:100%; height:100%; } 
#topcatch{position: absolute;top:20px;left:20px;width:50%;}

#catchlogo00{color:#FFFFFF;font-weight:bold; font-size:40px;text-shadow: 2px 3px 2px #014E9A;}
#catchlogo{color:#FFFFFF;font-weight:bold; font-size:28px;line-height:1.5em;text-shadow: 2px 3px 2px #001F79;}
#catchlogo02{color:#FFFFFF;font-weight:bold; font-size: 5vw;line-height:1em;text-shadow: 2px 3px 2px #001F79;}
#topcatch text{position: absolute;bottom: 0px;color:#FFFFFF;font-size:20px; text-align:left;text-shadow: 2px 3px 2px #333333; font-weight: lighter;line-height:1.5em;}

.hero2 {
  position: relative;
	height:360px;
	width:100%;
  background: rgb(205, 255, 255);
	background-repeat: no-repeat;
  background-size: 100%;
	border:2px solid #666666;
}
/* ---------
.hhx {
  position: relative;
	height:360px;
	width:100%;
  background-size: 100%;
	border:2px solid #666666;
}
------- */
.hhx {
	height:300px;
  position: relative;
  width:100%;
  overflow: hidden;
	background-size:auto 100%;
	margin-top:0px;
	background: url("../images/headbgmob.jpg") no-repeat;
	box-sizing:border-box;
	background-position:center;
}


/* ------------------本文--------------------- */
#topunder {
  width: 100%;
  height: ;
	margin-left:0 auto;
	margin-right:0 auto;
	overflow:hidden;
	box-sizing: border-box;
	background: url("../images/bg02.png") no-repeat;
	background-position: bottom;
	background-size: 100%;
}

@-webkit-keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: -2000px 0;}}/* 2000px使用した背景画像の横幅 */
@keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: -2000px 0 ;}}

#toptitle{width:100%;text-align:left;overflow:hidden;padding:0;}
#toptitle img{float:left;width:174px;margin:0;}

.conttitle{width:100%; max-width:1200px;height:;margin-left: auto;margin-right: auto;	overflow:hidden;box-sizing: border-box;font-size:36px;color:#2D4980;font-family: arial;text-align:center;}


.topcont00{width:100%; max-width:1200px;height:;margin-left: auto;margin-right: auto;	overflow:hidden;box-sizing: border-box;margin-bottom:30px;padding:20px;font-weight:bold;color:#2D4980;}

.topcont01{width:100%; max-width:1200px;height:;margin-left: auto;margin-right: auto;	overflow:hidden;box-sizing: border-box;margin-bottom:50px;padding:0;font-weight:bold;font-size:22px;color:#2D4980;}

.topcont{width:100%; max-width:1200px;height:100%;margin-left: auto;margin-right: auto;	overflow:hidden;position: relative;box-sizing: border-box;margin-bottom:50px;}
.topcont02{width:100%; max-width:1200px;height:100%;margin-left: auto;margin-right: auto;	overflow:hidden;position: relative;box-sizing: border-box;margin-bottom:50px;}

.content-wrapper01 {margin-top:30px; box-sizing: border-box;overflow:hidden;width:100%;text-align:center;}
.content-wrapper01 h2{margin-top:30px; box-sizing: border-box;overflow:hidden;width:100%;text-align:center;color:#333333;font-size:22px;font-weight:bold;margin:10px 0 5px 0;}
.content-wrapper02 {margin-top:30px; box-sizing: border-box;overflow:hidden;}
.toconttext01 {line-height:1.2em; box-sizing: border-box;}
.toconttext02 {line-height:1.8em; box-sizing: border-box;font-weight:bold;color:#FFFFFF;float:left;padding:0px;background:#003366;}

.toconttext02 img:hover {opacity: 0.5 ;}

.topcontin01 {text-align:left; box-sizing: border-box;}

.topcont03{width:90%; max-width:1200px;height:;margin-left: auto;margin-right: auto;	overflow:hidden;box-sizing: border-box;margin-bottom:30px;padding:20px;color:#333333;border-left:4px solid #999999;border-right:1px solid #999999;border-top:1px solid #999999;border-bottom:1px solid #999999;text-align:center;}
.topcont03 img{margin-left: 5px ;margin-right:  5px;margin-bottom:20px;}
.topcont03 a:hover {opacity: 0.7 ;}
.tbox{width:90%; max-width:980px;margin-left: auto;margin-right: auto;text-align:left;}
.subcont01 {margin-top:30px; box-sizing: border-box;overflow:hidden;width:100%;text-align:center;}
.subbox01 {box-sizing: border-box;float:left;margin:1%;}
.subbox01 img {width:423px;height:auto;}
.subbox02 {width:100%;color:#FFFFFF;line-height:1.2em; background-color:#0078D7 ;box-sizing: border-box;float:left;margin-top:3px;padding:7px;}


.subcont02 {margin-top:30px;margin-bottom:60px;  box-sizing: border-box;overflow:hidden;text-align:center;margin-left: auto;margin-right: auto;}
.subbox03 {width:31%;box-sizing: border-box;float:left;margin:1%;}

.content-wrapper h2 {
	width:50%;
  margin: 0;
  color: rgb(0, 0, 0);
  background: linear-gradient( to right,  rgba(69,179,224,1) 25%, rgba(102,51,153,1) 75% );
  -webkit-background-clip: text;
  color: transparent;
	font-size:18px;
}

.content-wrapper p {
  position: absolute;
  text-indent: 1.5em;
  text-indent: 0;
	padding:20px;
}

.content-wrapper img { float:right; margin-left:40px; width: 50%;}


.contentleft{ 
  width: 50%;
	float:left;
	box-sizing: border-box;
	padding:5px;

}
.contentright{ 
  width: 50%;
	float:right;
	padding:5px;
	box-sizing: border-box;
}

.content-wrapper03 {
	max-width: 1200px;	 
  width: 100%;
	box-sizing: border-box;
  position: relative;
	margin-top:0px;
	padding:0;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	background: url("../images/contbg01.webp") repeat-y;
	background-color:rgba(255,255,255,0.9);
	text-align:center;
}
.content-wrapper03 h2 {
  margin-left:50px;
	font-size: 28px;
  color: #333333;
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif
}

.content-wrapper03 p {
  text-indent: 1.5em;
  text-indent: 0;
	text-align:left;
	padding:20px;
}

.inner7 {
	max-width: 100%;
	margin-top:20px;
	margin-bottom:10px;
	overflow:hidden;
	text-align:left;
}

.contbox {	box-sizing: border-box;width:30%;float:left;margin:18px;}

.inbox{width:96%;padding:15px; margin-left: auto;	margin-right:auto; box-sizing: border-box;	background-color:#FFFFFF;}
.inboxmob{width:96%;padding:15px; margin-left: auto;	margin-right:auto; box-sizing: border-box;	background-color:#FFFFFF;}

.imgbox {width: 100%; text-align:center; overflow:hidden;margin-bottom:30px;}

.inbox02 {
	width: 98%;
	font-size: 21px;
	height:;
	padding:15px;
	margin-top:10px;
	margin-bottom:80px;
	overflow:hidden;
	box-sizing: border-box;
	background:#FFFFFF;
	box-shadow: 1px 5px 2px 0px rgba(130,130,180,0.3);
	margin-left: auto;
	margin-right: auto;
}
.inbox02 img{
	margin-left: auto;
	margin-right: auto;
}

.inbox03 {
	width: 96%;
	font-size: 16px;
  padding: 0px ;
	margin-top:10px;
	margin-bottom:40px;
	overflow:hidden;
	text-align:left;
	padding:20px;
	box-sizing: border-box;
	background:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

.inbox03 img {float:right;}
.box03left {
	width: 43%;
	float:left;
	height:50%;
	margin-top:20px;
}
#name{width: 100%;text-align:right}

.inbox04 {
	width: 96%;
	font-size: 16px;
  padding: 0px ;
	margin-top:10px;
	margin-bottom:80px;
	overflow:hidden;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding:20px;
	box-sizing: border-box;
	background:#FFFFFF;
}
.inbox04 img {}
.recbtn {width: 100%; text-align:center;overflow:hidden;margin:7px 0 7px 0;border-bottom:1px solid #BFEFFF;padding:20px 0 20px 0;}

.inbox05 {
  padding: 0px ;
	margin-top:10px;
	margin-bottom:20px;
	overflow:hidden;
	text-align:center;
	box-sizing: border-box;
	background:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
.inbox05 img {width:100%; margin:0px;	margin-left: auto; margin-right: auto;}

.inbox06 {
	width: 100%;;
	font-size: 16px;
  padding: 0px ;
	margin-top:10px;
	margin-bottom:80px;
	overflow:hidden;
	text-align:left;
	padding:20px;
	box-sizing: border-box;
	background:#FFFFFF;
}
.inbox06 img {}

.comtitle {
	width:50%;
  padding: 0.5rem 1rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#004386), to(#0063C6));
  background-image: -webkit-linear-gradient(left, #004386 0%, #0063C6 100%);
  background-image: linear-gradient(to right, #004386 0%, #0063C6 100%);
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	overflow:hidden;
  letter-spacing: 1px;
}
.comtitle02 {
	width:50%;
  padding: 0.5rem 1rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#694077), to(#8C549E));
  background-image: -webkit-linear-gradient(left, #694077 0%, #8C549E 100%);
  background-image: linear-gradient(to right, #694077 0%, #8C549E 100%);
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	overflow:hidden;
  letter-spacing: 1px;
}
.comtitle03 {
	width:50%;
  padding: 0.5rem 1rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#3E1D87), to(#602FD2));
  background-image: -webkit-linear-gradient(left, #3E1D87 0%, #602FD2 100%);
  background-image: linear-gradient(to right, #3E1D87 0%, #602FD2 100%);
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	overflow:hidden;
  letter-spacing: 1px;
}
.comtitle04 {
	width:50%;
  padding: 0.5rem 1rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#006282), to(#0085B2));
  background-image: -webkit-linear-gradient(left, #006282 0%, #0085B2 100%);
  background-image: linear-gradient(to right, #006282 0%, #0085B2 100%);
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	overflow:hidden;
  letter-spacing: 1px;
}
.inboxcont01 {
	box-sizing: border-box;
	overflow:hidden;
  border-radius: 5px;
  width: 96%;
  margin-top:10px;
  margin-bottom:40px;
	padding:15px;
	font-size: 18px;
	line-height:1.5em;
	background-color:#FFFFFF;
	margin-left:20px;
	box-shadow: 1px 5px 2px 0px rgba(130,130,180,0.3);
}


/* ------------------業務内容フェードイン--------------------- */

.fadeIn {
  transition: 2s;
  opacity: 0;
}
.fadeIn.animated {
  opacity: 1;
}
.fadeIn2 {
  transition: 2s;
  opacity: 0;
}
.fadeIn2.animated {
  opacity: 1;
}
.fadeIn3 {
  transition: 2s;
  opacity: 0;
}
.fadeIn3.animated {
  opacity: 1;
}
.fadeIn4 {
  transition: 2s;
  opacity: 0;
}
.fadeIn4.animated {
  opacity: 1;
}
/* ------------------業務内容フェードインここまで--------------------- */

.magtitle{ 	width: 100%;}
.magin01 {	width: 35%;	float:left;	box-sizing: border-box;border-bottom:2px solid #DDE4F0;margin-bottom:20px;margin-left:10%;}
.magin01 img{	float:right;}
.magin02 {	width: 35%;	float:right;box-sizing: border-box;border-bottom:2px solid #DDE4F0;margin-bottom:20px;margin-right:10%;}
.magin02 img{	float:right;}
.magbox { width: 100%; box-sizing: border-box;overflow:hidden;}

.box03main{width:100%;height:300px;overflow:hidden;	background: url("../images/ph01.jpg") no-repeat; background-position:center top;background-size:contain;}
.rectext{ background-color:rgba(255,255,255,0.8);	width: 50%;	margin-left: auto; margin-right: auto;padding:5px;	margin-top:180px;font-weight:bold;}

.box03left a{float:right;}
.box03right {
	width: 43%;
	float:right;
	height:50%;
	margin-top:20px;
}
.box03right a{float:right;}

.title01 {
 	width: 100%;
	background-color:#FFFFFF;
	margin:0px;
	padding:5px 0 5px 10px;
  font-weight:bold;
	color:#333333;
	box-sizing: border-box;
	border-top:2px solid #39999A;
	border-bottom:2px solid #39999A;
	border-right:2px solid #39999A;
	border-left:5px solid #333333;
}
.semi	{width:600px; text-align:left; margin:-30px 0 20px 50px; color: #FF9900;font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px;font-weight:bold;display: flex;align-items: center;}

.semi:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}
.semi:after {
	margin-left: .4em;
	background: #999999;
}

.contena {width: 100%; overflow:hidden;margin:15px 0 7px 0;	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;border-bottom:1px solid #BFEFFF;padding:10px 0 10px 0; background: #FFFFFF;}
.contena02 {width: 100%; overflow:hidden;text-align:center;padding:10px 0 10px 0;}

.cr4left{ float: left; padding-left: 0px;color: #333333;font-weight:bold;font-size: 16px; text-align: justify;box-sizing:border-box;}
.cr4right{ float: left; color: #333333;padding:2px;font-size: 16px;margin-left: 25px;box-sizing:border-box;text-align:left;}
.cr4right img{width: 32px;height:32px;float:left;}
.hisleft{ float: left; width: 20%; padding-left: 0px;color: #333333;font-weight:bold;font-size: 16px; text-align: justify;}
.hisright{ float: left; color: #333333; width: 75%;text-align:left;font-size: 15px;margin-left: 25px;padding-left:10px;background-position:left;background: url("../images/hisrbg.png") repeat-y;font-size: 16px;font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.recbutton {width: 100%;text-align:right;}

.cont4 {width: 70%; margin-left: auto;	margin-right: auto;overflow:hidden;margin-top:60px; margin-bottom:80px;padding: 20px 0 20px 0; 	background:#FFFFFF;	 }
.cont4 img {height:250px;}

.pagelink {width: 100%;overflow:hidden; margin:0px 0 0px 0;padding: 20px 0 20px 0;  background: #EEEEEE;	background: url("../images/bg02.webp") no-repeat;
	background-position: bottom;
	background-size: cover;}
.linkinner {width: 96%;max-width:1200px;margin-left: auto;	margin-right: auto;overflow:hidden;}
.linkbox  {height:100%;box-sizing:border-box; font-size: 1em;padding:5px 0 0 0;overflow:hidden;float:left;}

.linkbox  ul { padding-left:10px;text-align:left;margin-left: auto;	margin-right: auto;width: fit-content;}
.linkbox  ul li {text-indent:0;line-height:1.6em;}
.linkbox  a {
  color: #EEEEEE;
}

.linkbox a:hover {
  color: #4DD2FF;
}


.linkbox2 {float:left;padding:5px 5px 5px 20px;margin: 0 10px 0 10px;box-sizing:border-box; font-size: 1em;color:#333333;overflow:hidden;border:2px solid #FFFFFF;}
.linkbox2  a {
  color: #EEEEEE;
	text-decoration:none;
}

.linkbox2 a:hover {
  color: #4DD2FF;
}

.linkbox3 {width: 100%;box-sizing:border-box; font-size: 1em;padding:5px;overflow:hidden;text-align:right;color:#FFFFFF;}

.map{width: 94%; height:2em;margin:10px 0 10px 0;  font-size: 0.8em;text-indent:10px;	margin-left: auto;	margin-right: auto; }

#cont01 { width: 94%; height: 100%; padding: 0px 10px 20px 20px; line-height: 1.5; text-align:center;margin-bottom:20px;margin-left: auto;margin-right: auto;overflow : hidden;margin-top:10px;	}

.accesstext {
  width: 50%;
  padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.cjtitle {width: 98%; height:80px;text-align:left;	overflow:hidden;margin-top:30px;}
.cjtitle img{float:left;}

.rectitle{width:100%; font-weight:bold;font-size: 20px;line-height:2em;background-color: #ECECEC;margin:20px 0 20px 0;text-indent:5px;}

.greetbk{background-color: #D8F8FA;padding:5px;border-radius: 5px; }

/* -----------------−アンダーバー-------------------- */
.underbar{width: 100%;height:50px; box-sizing:border-box; margin:0px 0 40px 0;background: url("../images/underline.gif") repeat-x;}
.underinner{max-width: 1080px;margin-left: auto;	margin-right: auto;box-sizing:border-box;width: 94%;}
.underleft{width: 50%; box-sizing:border-box; float:left;color:#FFFFFF;padding:5px;}
#underlogo{max-width: 1080px;margin-left: auto;	margin-right: auto;margin-top:20px;text-align:right;box-sizing:border-box;width: 94%;}

.underleft a:link {
  color: #FFFFFF;
  background: transparent;
  text-decoration: underline;
}
.underleft a:visited {
  color: #FFFFFF;
  background: transparent;
  text-decoration: underline;	
}
.underleft a:hover, a:active {
    color: rgb(0, 220, 180);
  background: transparent;
  text-decoration: underline;
}

.underright{width: 50%; box-sizing:border-box; float:right;color:#FFFFFF;padding:5px;text-align:right;}
.underbtn{width:96%; text-align:right; background: none; position: fixed; bottom: 3px;z-index:100;}
.underbtn a:hover {opacity: 0.6;}

/* ------------------フォント--------------------- */
.bold{ font-weight:bold;}
.video01 { width: 100%; }
.video02 { width: 90%;margin-left: auto;	margin-right: auto; }
.font01 { font-size: 24px; color:#FFFFFF;font-weight:bold;}
.font02 { font-weight:bold;color:#FFFFFF;border-bottom:2px solid #1972F8;}
.font03 { color:#ACACAC;}
.font04 {  font-size: 16px;color: rgba( 255, 255, 255, 0.7) ;font-weight:bold;}
.font05 { background-color: #fff333;}
.font06 { font-weight:bold;font-size: 40px;}
.font07 {  width: 100%; text-align:right;}
.font08 { color:#66AAFF}
.font09 { font-weight:bold;font-size: 23px;width: 100%;}
.font10 { font-size: 0.8em; color:#AAAAAA; font-weight:bold;}
.font11 { font-weight:bold;color:#FF4000;}
.font12 { font-weight:bold;color:#00465E;}
.font13 { color:#006DD9}
/* ------------------画像拡大--------------------- */
.imgWrap0 {
	float: left;
	margin-left:0px;
	margin-right:40px;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 40%;	/*画像の幅*/
	height: ;	/*画像の高さ*/
}
.imgWrap0 img {
	display: block;
}

.imgWrap {
	float: left;
	margin-right:20px;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 313px;	/*画像の幅*/
	height: ;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
}

.imgWrap2 {
	float: right;
	margin-left:40px;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 500px;	/*画像の幅*/
	height: ;	/*画像の高さ*/
}
.imgWrap2 img {
	display: block;
}

.imgWrap3 {
	overflow: hidden;	
	width:294px ;
	margin-left: auto;
	margin-right: auto;
}
.imgWrap3 img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.imgWrap3 :hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}



.imgWrap4 {
	float: right;
	margin-right:20px;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 313px;	/*画像の幅*/
	height: ;	/*画像の高さ*/
}
.imgWrap4 img {
	display: block;
}


/* ------------------画像拡大-------------------- */


.image_mouseover_1 {
overflow: visible;
width: 100%;
height: 100%;
}
.image_mouseover_1 img {
display: block;
overflow: visible;
transition-duration: 0.5s;width: 120px;
}
.image_mouseover_1 img:hover {
transform: scale(2,2);
transition-duration: 0.2s;
overflow:visible;
position: relative;
top: 0px; /* 縮小した画像を基点にずらす */
left: 0px; /*  */
}


/* ------------------画像拡大-------------------- */
.OnMouseBig2 { /* 縮小した画像と同じ縦横を指定する */
width: 28%;
}
div.OnMouseBig2 span {
overflow: hidden;
position: relative;
z-index: 1;
cursor: pointer;
}
.OnMouseBig2 span img { /* 縮小した画像サイズ */
width: 28%;transition-duration: 0.5s;
overflow: visible;
}
.OnMouseBig2 span:hover {
overflow:visible;
z-index: 1000; /* 浮かせるレイヤーの数 */
top: -50px; /* 縮小した画像を基点にずらす */
left: -50px; /* 　　　　　　〃　　　　　　 */
}
.OnMouseBig2 span:hover img { /* 元の画像の大きさ */
background:#fff;
width: 100%;
overflow: visible;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
transition-duration: 0.5s;
z-index: 1000; 
}

/* ------------------画像スライドイン-------------------- */

/* CSSアニメーションの指定 */
.Headline{
  animation: SlideIn 1.6s ;
}

/* CSSアニメーションの設定 */
@keyframes SlideIn {
  0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(64px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ------------------画像スライドイン画像のみ用-------------------- */

#detayo {
opacity:0;
}

.alpha {
animation:alpha 3s;
animation-fill-mode:forwards;
}

@keyframes alpha {

0% {
opacity:0;
}
100% {
opacity:1;
}
}

/* ------------------ボタンアニメ-------------------- */

button{
  background:#1AAB8A;
  color:#fff;
  border:none;
  position:relative;
  height:60px;
  font-size:1.2em;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
button:hover{
  background:#fff;
  color:#1AAB8A;
}
button:before,button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #1AAB8A;
  transition:400ms ease all;
}
button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
button:hover:before,button:hover:after{
  width:100%;
  transition:800ms ease all;
}












/* ------------------プルダウンメニュー-------------------- */


.global_menu { /* メニュー全体のスタイル */
  width: 100%;
  position: relative;
  color: #333; /* 文字色 */
  background: none; /* 背景色 */
  text-align: center;
}
 
.global_menu li {
  display: inline-block;
}
 
.global_menu a { /* 各項目のスタイル */
  display: block;
	text-align:center;width:; display: inline-block; margin: 0 20px 0 0; padding: .3em ;box-sizing: border-box;height:100%;
}
 
.menu:hover > a {
	color: #FF4000;

}
.menu img{float:right;margin-top:4px;}

.child_menu > li > a { /* 子項目のスタイル */
  font-size: 0.9em;
	color:#FFFFFF;
}
.child_menu > li > a:hover { /* 子項目のスタイル（ホバー時） */
  background: #CCCCCC;
	color:#333333;
	border-radius:5px;
}
 
.child_menu { /* 下層メニューのスタイル */
  width: 100%;
  position: absolute;
  top: 100%; /* 親項目の直下に配置 */
  left: 0;
  padding: 30px;
  color: #333; /* 文字色 */
  background: #333333; /* 背景色 */
  opacity: 0;
  visibility: hidden; /* 下層メニューを非表示 */
  transition:
    line-height .3s ease-out,
    opacity     .2s linear,
    visibility  .2s linear;
	z-index:30000;
}
 
.menu:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
  visibility: visible; /* 下層メニューを表示 */
  opacity: 1;
	  transition:
    line-height .3s ease-out,
    opacity     .2s linear .2s,
    visibility  .2s linear .2s;
}
 
.child_menu a:hover {
  color: #fff;
}






















}