@charset "utf-8";


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	

}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

body{
	min-width:inherit;
	width:100%;
	}
/*ページのトップへ戻るボタン*/
#js-pagetop {
  position: fixed;
  width:56px;
  height:56px;
  font-size:0.9rem;
  bottom: 20px;
  right: 20px;

}
#js-pagetop span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
/*========= ナビゲーション左から右へ===============*/
nav#g-nav{
	background:url(../img/menu-back.png) top left repeat;
}
nav#g-nav li.has-child ul{
    position: relative;
  left:120px;
  top:140px;
  width:200px;
  visibility:visible;/*JSで制御するため一旦表示*/
  opacity:1;/*JSで制御するため一旦表示*/
  display: none;/*JSのslidetoggleで表示させるため非表示に*/
  transition:none;/*JSで制御するためCSSのアニメーションを切る*/
  /*margin-bottom:3px;*/
}
nav#g-nav li.has-child ul li{
	border-bottom:1px #333 dotted;
}
nav#g-nav li.has-child ul li:last-child{
	border-bottom:none;
}
nav#g-nav ul li a{
	border-bottom:none;
  color: #333;
}

/*矢印の向き*/
nav#g-nav ul li.has-child::before,
nav#g-nav ul ul li.has-child::before{
    transform: rotate(135deg);
  left:20px;
}
    
nav#g-nav ul li.has-child.active::before{
    transform: rotate(-45deg);
}


/*コンテンツ開始↓*/
/*ヘッダーレイヤーページ共通*/
.LayerHeaderCommon{
	width:100%;
	background-color:#41E0B4;

}
.HeaderBelt{
	padding-top:1px;
	width:100%;
	margin:0 auto;
	margin:0;
	padding:6px 10px 5px 10px;
}
.JastaLOGO{
	width:12%;
	float:left;
}

span.JastaName{
	font-size:1.1em;
	display:block;
	margin-top:5px;
}
span.JastaNameEng{
	font-size:0.7em;
	display:block;
	margin-top:-5px;
}
p.JASTAname{
	width:86%;
	color:#FFF;
	float:left;
	margin-left:2%;
}

p.JASTAnameE{
	width:100%;
	color:#FFF;
	float:nonet;
	text-align:left;
	margin-top:-4px;
}
/*タイトルレイヤー*/
.LayerWhite{
	width:100%;
	background-color:#FFF;
	min-height:200px;
}
.LayerTopTitle{
	width:100%;
	height:auto;
	background-image:url(../img-ph/top-back-new.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:160%;

}

/*コンテンツ開始↓*/
.ExaminationBt{
	width:80%;
	margin:5px auto 0 auto;
	z-index:10;
}

.ExaminationBt a{
	display:block;
	width:100%;
	border:1px #48A5D7 solid;
	padding:10px 0;
	color:#333;
}

h4.ExGuide{
	text-align:center;
	font-size:1.2em;
}
.ToGuideBox{
	width:80%;
	margin:0 auto;
}

h4.ExDate{
	text-align:center;
	font-size:1.6em;
	width:60%;
}

h4.ExToPage{
	text-align:center;
		width:39%;
	float:left;
	margin-left:0;
	margin-top:15px;
}


/*TESとは/活躍する分野*/
.Wrap{
	width:100%;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}
.TesLayer{
	width:100%;
	background-image:url(../img-ph/top-back-new2sp.png);
	background-position:center left;
	background-repeat:no-repeat;
	background-size:250%;
}
h2.TopTesAbout{
	text-align:center;
	font-size:2.0em;
	text-shadow:0 0 5px #CCC,
				0 0 5px #CCC;
				line-height:1.4em;
}
.TesExplainBox{
	width:100%;
	padding:10px;
}
.TesExplainBoxIn{
	width:100%;
	padding-top:1px;
	padding-bottom:15px;
	border-bottom:1px #CCC dotted;
}
h3.TesExplainBoxLeft{
	width:100%;
	float:none;
	font-size:1.4em;
}
.TesExplainBoxRight{
	width:100%;
	float:nonet;
	margin-top:10px;
}
.NextBtA{
	width:60%;
	margin:10px auto;
}
.NextBtA a{
	display:block;
	width:100%;
	height:50px;
	background-color:#4CC7B7;
	color:#FFF;
	line-height:52px;
	text-align:center;
	border-radius:6px;
}
.NextBtA a::after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:20px;/*画像の幅*/
  height:20px;/*画像の高さ*/
  background-image:url(../img/next-bt2.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:10px;
  margin-top:-2px;
}

/*試験について*/
.AboutExaninaionBox{
	width:100%;
	margin:0 auto;
	padding:10px;
	margin-top:40px;
}
h2.AboutTitle{
	width:90%;
	font-size:1.2em;
	height:50px;
	line-height:52px;
	margin-top:-35px;
}
.ExamiBox1{
	width:100%;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:20px;
}

.ExamiBox1In{
	width:100%;
	margin-left:0;
	float:none;
	position:relative;
	height:auto;
	margin-bottom:40px;
}
.ExamiBox1 .ExamiBox1In:first-child{
	margin-left:0;
}

h3.ExInTitle{
	font-weight:bold;
	color:#2783B4;	
}
.NextBtB{
	width:60%;
	position:inherit;
	bottom:0;
	left:0;
	margin:15px auto;
}
.NextBtB a{
	display:block;
	width:100%;
	height:40px;
	background-color:#6AB7DF;
	color:#FFF;
	line-height:42px;
	text-align:center;
}
.NextBtB a::after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:16px;/*画像の幅*/
  height:16px;/*画像の高さ*/
  background-image:url(../img/next-bt2.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:10px;
  margin-top:-2px;
}
.NextBtC{
	width:60%;
	position:inherit;
	bottom:0;
	left:0;
	margin:15px auto;
}
.NextBtC a{
	display:block;
	width:100%;
	text-align:center;
	border:1px #6AB7DF solid;
	font-weight:bold;
	padding:8px 0;
}

.NextBtC a:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:20px;/*画像の幅*/
  height:20px;/*画像の高さ*/
  background-image:url(../img/next-bt1.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:10px;
  margin-top:-2px;
}

.ExamiBox2{
	width:100%;
	margin:0 auto;
	margin-top:40px;
}
.ExamiBox2InA{
	width:100%;
	float:none;
	padding:25px 0;
}
.ExamiBox2InB{
	width:100%;
	float:none;
	padding:25px 0;
}
.ExamiBox2InC{
	width:100%;
	float:none;
	padding:25px 0;
}

.ExamiBox2InA a,
.ExamiBox2InB a,
.ExamiBox2InC a{
	display:block;
	width:80%;
	margin:0 auto;
	background-color:#FFF;
	text-align:center;
	padding:8px 0;
}
.ExamiBox2InA a:after,
.ExamiBox2InB a:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:20px;/*画像の幅*/
  height:25px;/*画像の高さ*/
  background-image:url(../img/icon-pdf.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:10px;
  margin-top:-2px;
}
.ExamiBox2InC a:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:18px;/*画像の幅*/
  height:18px;/*画像の高さ*/
  background-image:url(../img/next-bt1.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:10px;
  margin-top:-2px;
}
/*更新とTES会*/
.LayerLightGlay{
	width:100%;
	background-color:#F8F8F5;
}
.ExamiBox3{
	width:100%;
	margin:0 auto;
	display:inherit;
}

.ExamiBox3In{
	width:100%;
	margin:0 auto;
	margin-left:0;
	padding:10px;
	margin-bottom:15px;
}
.ExamiBox3 div:first-child{
	margin-left:0;
}

h4.Renewal{
	width:60%;
	margin-left:-20px;
}
h4.Socitey{
	width:60%;
	margin-left:-20px;
}
.ExamiBox3In p{
	margin-top:10px;
}

.NextBtD{
	width:60%;
	margin:15px auto;
}
.NextBtD a{
	display:block;
	width:100%;
	text-align:center;
	border:1px #6AB7DF solid;
	padding:8px 0;
}

.NextBtD a:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:18px;/*画像の幅*/
  height:18px;/*画像の高さ*/
  background-image:url(../img/next-bt1.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:10px;
  margin-top:-2px;
}


.NextBtE{
	width:60%;
	margin:10px auto;
}
.NextBtE a{
	display:block;
	width:100%;
	text-align:center;
	border:1px #F90 solid;
	padding:8px 0;
}

.NextBtE a:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:18px;/*画像の幅*/
  height:18px;/*画像の高さ*/
  background-image:url(../img/next-bt3.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:10px;
  margin-top:-2px;
}

.InquiryBox{
	width:70%
	margin:0 auto;
}
.InquiryBox a.InquiryTo{
	display:block;
	height:60px;
	margin:0 auto;
	text-align:center;
	line-height:62px;
	color:#FFF;
	background-color:#47A5D7;
}
.InquiryBox a.InquiryTo:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:45px;/*画像の幅*/
  height:20px;/*画像の高さ*/
  background-image:url(../img/icon-letter.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:20px;
  margin-top:-5px;
}



/*フッター*/
.FooterBox{
	width:98%;
	margin:30px auto;
}

.FooterMenu{
	width:100%;
	margin:20px 0;
	font-size:0.9em;
	line-height:1.3em;
}
.FooterMenuInJasta{
	width:60%;
	padding:5px 0 5px 10px;
	float:none;
	margin:10px auto;
}
.FooterMenuWrap{
	width:100%;
	float:none;
	display:flex;
}
.FooterMenuIn{
	width:49%;
	border-left:1px #FAC8C0 solid;
	padding:5px 0 5px 10px;
}

.FooterMenuWrap div:first-child{
	border-left:none;
}


	
/*スペース*/
hr.Hight100_40{
	width:100%;
	height:40px;
	border:none;
	background:none;
}
hr.Hight80_40{
	width:100%;
	height:40px;
	border:none;
	background:none;
}
hr.Hight60_30{
	width:100%;
	height:30px;
	border:none;
	background:none;
}
hr.Hight40_30{
	width:100%;
	height:30px;
	border:none;
	background:none;
}
hr.Hight140_110{
	width:100%;
	height:110px;
	border:none;
	background:none;
}
/*2024-7-2*/
.TopTitleBox{
	display:none;
}

.TopTitleBoxSp{
	display:block;
	padding-top:1px;
	width:100%;
	margin:0 auto;
	padding-top:1px;
	/*background-image:url(../img-ph/top-title-img-new.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:60%;*/
	clear:both;
	height:100%;
	padding-bottom:10px;
	
}

h1.TopTitleSp{
	width:60%;
	margin-top:20px;
	float:left;
}

.TopInqMenu{
	position:relative;
	right:inherit;
	bottom:inherit;
	width:94%;
	margin:0 auto;
	margin-top:20px;
	clear:both;
	padding-top:20px;
}

.ToInq{
	width:48%;
	float:left;
	
}
.ReRegister{
	width:48%;
	float:left;
	margin-left:4%;
}

.NewsList{
	width:35%;
	margin:0 auto;
	margin-bottom:30px;	
}
.GuideTesTaSp{
	width:10%;
	float:left;
	margin-left:20%;
	margin-top:50px;
	padding-top:1px;
}

a.INSSp{
	display:block;
	width:100%;
	clear:both;
	margin-top:10px;
}

a.TWSp{
	display:block;
	width:100%;
	clear:both;
}
.GuideTesTaF{
	width:40%;
	margin:0 auto;
	margin-top:10px;
}

a.INSf{
	display:block;
	width:40%;
	float:left;
	margin-left:19%;
}

a.TWf{
	display:block;
	width:40%;
	float:left;
	
}


/*2024-7-29*/
.BottomLinkBox{
	width:60%;
	margin:0 auto;
}
.BackTopBt{
	width:100%;
	float:none;
}

.BackTopBt a.TopTo{
	display:block;
	height:60px;
	margin:0 auto;
	text-align:center;
	line-height:62px;
	background-color:#FFF;
	border:1px #CCC solid;
}
.BackTopBt a.TopTo:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:45px;/*画像の幅*/
  height:20px;/*画像の高さ*/
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:20px;
  margin-top:-5px;
}

.InquiryBoxPage{
	width:100%;
	float:none;
	margin-left:0;
	margin-top:20px;
}
.InquiryBoxPage a.InquiryToPage{
	display:block;
	height:60px;
	margin:0 auto;
	text-align:center;
	line-height:62px;
	color:#FFF;
	background-color:#47A5D7;
}
.InquiryBoxPage a.InquiryToPage:after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:45px;/*画像の幅*/
  height:20px;/*画像の高さ*/
  background-image:url(../img/icon-letter.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:20px;
  margin-top:-5px;
}
/*2024-12-19*/
.AnNews{
	width:92%;
	padding:15px 20px;
	border:1px #F33 solid;
	margin:0 auto;
	line-height:1.5em;
}

/*---2025-2-1  エントリー----*/
.EntryBt{
	width:80%;
	margin:0 auto;
	margin-top:10px
}

h4.EntryLead{
	text-align:center;
	margin:15px auto 3px auto;
}

.TopEntryBox{
	width:60%;
	margin:20px auto;
	display:inherit;
	align-items:stretch;
}

.TopToEntryForm{
	width:100%;
	/*float:left;*/
	margin-bottom:10PX;
}

.NextBtCEntry{
	width:100%;
	/*float:left;*/
	margin-left:0;
}


p.TextCenter{
	text-align:left;
}

/*2025-7-告知*/
.RevisionBtTop{
	width:80%;
}


h4.RevisionTop{
	text-align:center;
	font-size:1.1em;
	background-color:#069;
	color:#FFF;
	letter-spacing:1px;
}

h4.RevisionPage{
	width:60%;
}

h4.RevisionPage::after{
	content: '';/*何も入れない*/
  display: inline-block;
  width:20px;/*画像の幅*/
  height:20px;/*画像の高さ*/
  background-image:url(../img/next-bt1.png);
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align:middle;
  margin-left:10px;
  margin-top:-2px;
}
/*2025-6-2*/
.Seminar2025{
	width:80%;
	margin:50px auto 20px auto;
	padding:10px;
}
h2.Seminar2025T{
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	width:90%;
}
a.Seminar2025Bt{
	width:40%;
}
h2.Seminar2025News{
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	width:90%;
	margin:0 auto;
}
.Seminar2025Tes{
	width:90%;
	margin:50px auto 20px auto;
	padding:10px;
}
.Seminar2025TesIn{
	display:inherit;
}

p.OrderBtBox{
	width:100%;
}
p.EndSemiIn{
	padding-bottom:8px;
	width:100%;
	margin-left:0;
	margin:5px auto;
}

a.news2025GuideBt{
	width:48%;
	
}
a.news2025OrderBt{
	width:48%;
	margin-left:4%;
}


a.Seminar2025Bt{
	width:40%;
}
/*2025-8-4*/
.SeminarOpen{
	width:90%;
	margin:30px auto 20px auto;
	padding:10px;
	
}
.SeminarPlace{
	width:100%;
	float:none;
}
.SeminarWeb{
	width:100%;
	float:none;
	margin-left:0;
	margin-top:10px;
}

}