@charset "UTF-8";
/*===================================
   共通レイアウト
=====================================*/
#container .subTtl h2 {
  color: #2abfd1; }

#container .subTtl p a {
  color: #2abfd1; }

ul.notes li a {
  color: #2abfd1; }

.tabMenu li span.on {
	color: #2abfd1; }

/*   TOP
 -------------------------------------*/
#top #contents .bnr01,
#top #contents .bnr02 {
  margin-top: 24px; }
	
#top #contents .bnr03,
#top #contents .bnr04 {
  margin-top: 0px; }
	
#top #contents .bnr .txt h2 {
  color: #2abfd1; }
	
#top #contents .bnr03 .pic > img{
	height: 330px;
	margin-top: -90px; }
	
#top #contents .bnr03:hover .pic > img {
  width: 832px;
  height: 443px;
  margin-left: -106px;
  margin-top: -153px; }

#top #contents .bnr02 ul li::before {
  border-left: 4px solid #2abfd1; }

#top #contents .bnr02 .btn {
  background: #2abfd1; }
	
@media screen and (max-width: 1000px) {
#top #contents .bnr01,
#top #contents .bnr02,
#top #contents .bnr04 {
  margin-top: 10px; }
	
#top #contents .bnr03 {
  margin-top: 0px;
	height: auto; }
	
#top #contents .bnr03 .inner {
	height: auto;
	padding: 14px 8px 8px 8px; }
	
#top #contents .bnr03 .txt{
	text-align: center;
	padding-left: 0; }
	
#top #contents .bnr03 .txt p br{
	display:block; }
	
#top #contents .bnr03 .pic{
	position:relative;
	left: 0px;
	top: 0px;
	width:100%;
	height: 150px;
  background: url(../images/personal/index/pic-bnr_002.jpg) no-repeat center;
	background-size:cover;
	margin-top: 8px; }
	
#top #contents .bnr03 .pic > img{
	display:none; }
#top #contents .bnr03 .pic .ico{
	padding-top: 35px; } }


/*   feature
 -------------------------------------*/
#feature .contents p a {
  color: #2abfd1; }

#feature .contents .box .txt h4:before {
  background-color: #2abfd1; }

#feature .contents .box .txt ul li a {
  color: #2abfd1; }

/*   products
 -------------------------------------*/
#products .contents .btn:hover::before {
  background: #2abfd1; }

#products .contents .btn::after {
  border-top: 3px solid #2abfd1;
  border-right: 3px solid #2abfd1; }

#products .contents .btn:hover::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff; }

#products .contents .btn h3 span {
  color: #2abfd1; }

#products .contents .btn strong {
  color: #2abfd1; }

#products .contents .txt h5:before {
  background-color: #2abfd1; }

#products .contents .txt ul li a span::before {
  border-left: 4px solid #2abfd1; }

#products .contents .info .typeList li {
  color: #2abfd1; }

/*   sample
 -------------------------------------*/
#sample .contents h4 {
  color: #2abfd1; }

#sample .contents h3:before {
  background-color: #2abfd1; }

#sample .contents h3 span {
  color: #2abfd1; }

#sample .contents .over ul li a {
  color: #2abfd1; }

#sample .contents .sampleList th {
  background-color: #2abfd1; }

#sample .contents .sampleList td a {
  border: 1px solid #2abfd1; }

#sample .contents .sampleList td a:hover {
  background-color: #2abfd1; }

#sample .contents .sampleList td a:hover span {
  background: url(../images/personal/sample/ico-win_wht_001.gif) no-repeat right center;
  background-size: 8px; }

#sample .contents .specList td ul li:before {
  background-color: #2abfd1; }

#sample .contents .point .balloon {
  border: 3px solid #2abfd1; }

#sample .contents .point .balloon:before {
  border-top: 3px solid #2abfd1;
  border-right: 3px solid #2abfd1; }

#sample .contents .point .balloon strong {
  background-color: #2abfd1; }

@media screen and (max-width: 1000px) {
  #sample .contents .sampleList td h4 {
    background-color: #2abfd1; }
  #sample .contents .sampleList td strong {
    color: #2abfd1; }
  #sample .contents .specList th {
    color: #2abfd1; } }

/*   flow
 -------------------------------------*/
#flow #application .box::before {
  background: #2abfd1; }

#flow .contents .box .txt ul li a {
  color: #2abfd1; }

/*   exam_ent
-------------------------------------*/
#exam_ent .leadBox ul li a:hover {
	background: #e9f8fa; }
#exam_ent .leadBox ul li strong {
	color: #2abfd1; }

#exam_ent .leadWrap {
  border: 5px solid #2abfd1; }
#exam_ent .leadWrap .leadTxt strong {
	color: #2abfd1; }

#exam_ent .contents p a {
  color: #2abfd1; }

#exam_ent .contents .box ul li:before {
  border-left: 4px solid #2abfd1; }

#exam_ent .contents .box .btn {
  background: #2abfd1; }

#exam_ent .contents .box h4:before {
  background-color: #2abfd1; }

@media screen and (max-width: 1000px) {
  #exam_ent .leadWrap {
    border: 3px solid #2abfd1; } }
		
/*   study
 -------------------------------------*/
#study  .lead {
	text-align: center; }
	
#study .contents h3 {
	font-size: 28px;
	color: #2abfd1;
	text-align: center;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 30px;
  margin-bottom: 35px;
	padding-top: 20px; }
	
#study .contents h3:first-child {
	padding-top: 0px; }

#study .contents .box {
	position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e2e2e2;
	padding-left: 30px;
	padding-right: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px; }

#study .contents .box:last-child {
  margin-bottom: 0px; }
	
#study .contents .box .txt {
	margin-right: 160px; }
	
#study .contents .box .txt h4 {
	font-size: 18px;
	color: #2abfd1; }
	
#study .contents .box .txt p {
	font-size: 14px;
	margin-top: 5px; }
	
#study .contents .box a {
	position: absolute;
	right: 0px;
	top: 20px;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  border: 1px solid #2abfd1;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  padding: 2px 15px;
  text-align: center;
  font-size: 14px; }

#study .contents .box a:hover {
  text-decoration: none;
  background-color: #2abfd1;
  color: #fff; }

#study .contents .box a span {
  display: inline-block;
  padding-right: 14px;
  background: url(../images/company/sample/ico-win_001.gif) no-repeat right center;
  background-size: 8px; }

#study .contents .box a:hover span {
  background: url(../images/personal/study/ico-win_wht_001.gif) no-repeat right center;
  background-size: 8px; }

#study .mfp-iframe-scaler{
	padding-top: 75%;
}
@media screen and (max-width: 1000px) {
#study .contents h3 {
	font-size: 16px;
  padding-bottom: 20px;
  margin-bottom: 15px; }

#study .contents .box {
	padding-left: 0px;
	padding-right: 0px;
  padding-bottom: 20px;
  margin-bottom: 18px;
	text-align: center; }
	
#study .contents .box .txt {
	margin-right: 0px;
	text-align: left; }
	
#study .contents .box .txt h4 {
	font-size: 13px; }
	
#study .contents .box .txt p {
	font-size: 12px;
	margin-top: 2px; }
	
#study .contents .box a {
	position: relative;
	right: 0px;
	top: 0px;
	font-size: 11px;
	padding: 1px 15px;
	margin-top: 10px; }
	
#study .mfp-iframe-scaler {
	padding-top: calc(100vh - 45px); }
}

/*===================================
ヘッダーフッター関連
=====================================*/
.gtecHeader li.navi3:after {
    background: #2abfd1;
}
.gtecHeader li.navi3 a:hover {
    background-color: #f4fcfd;
}
.headerNavi li.current a {
    background: #2abfd1;
}

#globalNavi ul li {
  width: 160px;
  background-image: url(../images/personal/nvi-global_001.jpg);
  background-repeat: no-repeat; }

#globalNavi ul li a {
  width: 160px;
  background-image: url(../images/personal/nvi-global_001.jpg);
  background-repeat: no-repeat; }

#globalNavi ul li.navi1,
#globalNavi ul li.navi1 a {
  width: 159px; }

#globalNavi ul li.navi6 {
  width: 161px; }

#globalNavi ul li.navi1, #globalNavi ul li.navi1 a {
  background-position: 0px 0px; }

#globalNavi ul li.navi2, #globalNavi ul li.navi2 a {
  background-position: -159px 0px; }

#globalNavi ul li.navi3, #globalNavi ul li.navi3 a {
  background-position: -319px 0px; }

#globalNavi ul li.navi4, #globalNavi ul li.navi4 a {
  background-position: -479px 0px; }

#globalNavi ul li.navi5, #globalNavi ul li.navi5 a {
  background-position: -639px 0px; }

#globalNavi ul li.navi6, #globalNavi ul li.navi6 a {
  background-position: -799px 0px; }

#globalNavi ul li.navi1 a:hover, #top #globalNavi ul li.navi1 a {
  background-position: 0px -68px; }

#globalNavi ul li.navi2 a:hover, #aboutWrap #globalNavi ul li.navi2 a {
  background-position: -159px -68px; }

#globalNavi ul li.navi3 a:hover, #productsWrap #globalNavi ul li.navi3 a {
  background-position: -319px -68px; }

#globalNavi ul li.navi4 a:hover, #studyWrap #globalNavi ul li.navi4 a {
  background-position: -479px -68px; }

#globalNavi ul li.navi5 a:hover, #consultingWrap #globalNavi ul li.navi5 a {
  background-position: -639px -68px; }

#globalNavi ul li.navi6 a:hover, #faqWrap #globalNavi ul li.navi6 a {
  background-position: -799px -68px; }
	
#globalNavi .subNavi{
	left:460px !important;
}
#globalNavi .subNavi ul{
	border:solid 3px #2abfd1;
}
#globalNavi .subNavi ul li a:hover,
#globalNavi .subNavi ul li a.active{
	background-image:url(../images/personal/nvi-global_002.gif);
	background-repeat:no-repeat;
	background-position:174px center;
	color:#2abfd1;
}

@media screen and (max-width: 1000px) {
  /* HEADER */
  .gtecHeader li {
    background-color: #2abfd1; }
  .gtecHeader li a {
    background-color: #2abfd1; }
  #serviceMenuSp li.lgo02 a {
    background: #2abfd1; }
  #globalNaviSp .inner #menuCloseBtn button {
    background: #2abfd1; }
  #menuBar {
		background-color: #2abfd1; }
	.headerNaviSp li.current a{
		background: #2abfd1; }
  /* FOOTER */
  .footNavi .logo {
    border-bottom: 8px solid #2abfd1; } }