@charset "utf-8";
@import url("reset.css");
/*@import url("hpwg.css");*/
/*@import url("https://pasotai1.web.fc2.com/hpwg.css");*/
@import url("hpwg.css?t=20250917");
@import url("../nav/nav2.css");

/*app.css*/
/*�T�C�h�o�[�i�r*/
.navside{margin:0px; padding:0px; list-style-type:none;}
.navside a{
	margin:auto;
	line-height:30px;/*����*/
	text-align:left;
	text-indent:0.2em;
	text-decoration:none;
	white-space:nowrap;
	/*border-bottom:solid 1px #ddd;*/
	background-color:#fdfdfd;
	font-weight:norma;
	display:block;
	overflow:hidden;
  color:#808080;/*�����F*/
}
.navside a:hover{background-color:#e0e0e0; color:#303030;}
.navside .active a{color:#ff0; text-decoration:none; font-weight:bold; background-color:#818181;}

/*header{height:36px;}
footer{height:87px;}*/
/*�t�b�^�[�Œ� pc�Ή�*/
/*@media (min-width: 768px) {.sidemin {min-height:calc(100vh - 173px); overflow:hidden;} .sidemin0 {min-height:calc(100vh - 406px); overflow:hidden;}}
@media (min-width: 1200px) {.sidemin0 {min-height:calc(100vh - 454px); overflow:hidden;}}*/
@media (min-width: 768px) {.sidemin {min-height:calc(100vh - 173px); overflow:hidden;} .sidemin0 {min-height:calc(100vh - 464px); overflow:hidden;}}
@media (min-width: 1200px) {.sidemin0 {min-height:calc(100vh - 524px); overflow:hidden;}}
/*�^�u���b�g�Ή�*/
/*@media screen and (max-width: 991px){.footerfixed {min-height:calc(100vh - 202px); overflow:hidden;}}*/

@media screen and (max-width: 991px){/*�^�u���b�g�Ή�*/
.pleft {padding-right:0;} /*1.5*/
}

.txtshadow0{/*����*/
  text-shadow: 2px  2px 5px #000,
    -2px  2px 5px #000,
     2px -2px 5px #000,
    -2px -2px 5px #000;
}
/*�e text-shadow: �E���� ������ �ڂ���� �e�̐F;*/
.txtshadow1 {text-shadow:-1px -1px 0px rgba(255,255,255,0.6),1px 1px 0px rgba(0,0,0,0.6);}
.txtshadow2 {text-shadow:1px 1px 0px rgba(255,255,255,0.3),2px 2px 3px rgba(0,0,0,0.5);}

/*media-services*/
.media-services {
  position: relative;
  padding: 15px;
  background:#f6f6f6;/* #f2f2f2;*/
  border: 2px solid white;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.media-services .media-body {margin-top:9px;}
.media-services:hover {background:white; border-color:#e8e8e8;/*#e6e6e6;*/}
.media-services:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width:0 20px 20px 0;/* 0 25px 25px 0;*/
  border-style: solid;
  border-color: white white #d6d6d6 #d6d6d6;/*#cccccc #cccccc;*/
  background: #d6d6d6; /*cccccc;*/
  display: block;
  width: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-box-shadow: 1px 1px 8px 0px #b3b3b3;
  -moz-box-shadow: 1px 1px 8px 0px #b3b3b3;
  -o-box-shadow: 1px 1px 8px 0px #b3b3b3;
  box-shadow: 1px 1px 8px 0px #b3b3b3;
}
.media-services:hover:before {border-width: 0;}
.media-services.right:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 25px 25px 0 0;
  border-style: solid;
  border-color: white #ccc white #ccc;
  background: #cccccc;
  display: block;
  width: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.media-services.right .media-body h4, .media-services.right .media-body p {
  text-align: right !important;
}
.media-services.right:hover:before {border-width: 0;}
.media {margin-top: 15px;}
.media:first-child {margin-top: 0;}
.media, .media-body {overflow: hidden; zoom: 1;}
.media-body {width: 10000px;}
.media-body {display: table-cell; vertical-align: top;}

/*�S���Wcolor*/
.green{color:#008356;}
/*.navleft li a:before{font-family: 'FontAwesome' !important; margin-right:0.4em;} 
.navleft li:nth-child(1) a:before{content:"\f015";}*/
/*.navleft li:nth-child(2) a:before{content:"\f0b1";}
.navleft li:nth-child(3) a:before{content:"\f164";}
.navleft li:nth-child(4) a:before{content:"\f1ea";}
.navleft li:nth-child(5) a:before{content:"\f095";}*/ 

/*position*/
.poslt{position:absolute; left:10px; top:10px;}/* z-index: 100000;}*/
.poslb{position:absolute; left:10px; bottom:0px;}
.posrb{position:absolute; right:10px; bottom:0px;}
.posrt{position:absolute; right:10px; top:10px;}
.posrelative {position:relative;}

/*animation*/ /*class="inleft d1"*/
.inleft {
  -webkit-animation: animeinleft 1s ease backwards;
  -moz-animation: animeinleft 1s ease backwards;
  animation: animeinleft 1s ease backwards;
}
@-webkit-keyframes animeinleft {
  0% { opacity: 0; margin-left: -200px; }
  10% { opacity: 0.2;margin-left: -140px; }
  50% { opacity: 0.5; } 100% {opacity: 1; }
}
@-moz-keyframes animeinleft {
  0% { opacity: 0; margin-left: -200px; }
  10% { opacity: 0.2;margin-left: -140px; }
  50% { opacity: 0.5; } 100% {opacity: 1; }
}
@keyframes animeinleft {
  0% { opacity: 0; margin-left: -200px; }
  10% { opacity: 0.2;margin-left: -140px; }
  50% { opacity: 0.5; } 100% {opacity: 1; }
}
.d1 {-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.d2 {-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}
.d3 {-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s;}

.box2 { padding: 0.2em ;  border: solid 1px #ffffff;  border-radius: 5px; }