@charset "utf-8";

/*--TOP
--------------------------------------------------------------*/
#contentsTop{
width:730px;
float:left;
}

/*--エラーメッセージ
--------------------------------------------------------------*/
.errMsg{
text-align:center;
}

/*--contentsTop コンテンツトップ
--------------------------------------------------------------*/
/*merit*/
.merit{
padding-bottom:10px;
background:#52a0ee url(../images/top/merit_bg_btm.gif) center bottom no-repeat;
clear:both;
}

.merit ul{
width:710px;
margin:0 auto;
}
.merit li{
margin-top:4px;
}
.merit li div{
padding:10px 10px 11px 48px;
background:url(../images/top/meritlist_bg_btm.gif) left bottom no-repeat;
font-size:108%;
}

.merit li.merit01{background:#fdffe3 url(../images/top/meritlist01_bg.gif) left top no-repeat;}
.merit li.merit02{background:#fdffe3 url(../images/top/meritlist02_bg.gif) left top no-repeat;}
.merit li.merit03{background:#fdffe3 url(../images/top/meritlist03_bg.gif) left top no-repeat;}


/*--step Web出願の流れ
--------------------------------------------------------------*/
.step{
margin-right:10px;
margin-left:10px;
padding:2px;
border:2px solid #add6ff;
clear:both;
}

/*stepTtl*/
.step .stepTtl{
padding:4px 4px 7px 16px;
background:url(../images/top/stepttl_bg.gif) left top;
color:#52a0ee;
font-size:154%;
font-weight:bold;
line-height:1.2;
}
.step .stepTtl img{float:left;}
.step .stepTtl span{
margin-left:96px;
padding-top:5px;
display:block;
}

/*stepTtl002*/
.step .stepTtl002{
padding:9px 4px 11px 16px;
background:url(../images/top/stepttl_bg.gif) left top;
color:#52a0ee;
font-size:154%;
font-weight:bold;
line-height:1.2;
}

.step .stepInner{
padding:10px 15px 10px;
position:relative;
}

/*note*/
.step .stepInner .note{
margin-top:7px;
color:#cc0000;
padding-left:1em;
text-indent:-1em;
}

/*arw*/
.step .stepInner .arw{
position:absolute;
bottom:-32px;
left:294px;
}


/*--schList 試験日程一覧
--------------------------------------------------------------*/
.schList{
margin-right:5px;
margin-left:10px;
}
.schList table{
table-layout:fixed;
}
.schList td.btnArea{
padding:10px 12px 9px;
text-align:center;
}

.schList td p{
padding:6px 4px 5px;
white-space: nowrap;
}

.schList th.class{width:142px;}
.schList th.date{width:196px;}
.schList th.period{width:225px;}
.schList th.situation{}


/*--navR 右ナビ
--------------------------------------------------------------*/
#navR{
width:200px;
float:right;
}

/*==navArea==*/
#navR .navArea{
background:url(../images/top/navarea_bg.gif) center top repeat-y;
}
#navR .navArea dt{
background:url(../images/top/navarea_bg_top2.gif) center top;
border-bottom:1px solid #52a0ee;
}
#navR .navArea dt span{
padding:9px 0 4px;
background:url(../images/top/navarea_bg_top.gif) center top no-repeat;
font-size:123%;
font-weight:bold;
text-align:center;
display:block;
}

#navR .navArea dd{
padding:15px 10px 14px;
background:url(../images/top/navarea_bg_btm.gif) center bottom no-repeat;
line-height:1.46;
}

/*column メンテナンスに関するお知らせ*/
#navR .navArea dd .column{
width:178px;
margin:0 auto;
padding:1px 1px 0;
background:#ffffff url(../images/top/column_bg.gif) left top repeat-y;
}
#navR .navArea dd .column p{
padding:3px 0 7px;
background:#ffe7e7 url(../images/top/column_bg_btm.gif) left bottom no-repeat;
color:#cc0000;
font-size:108%;
font-weight:bold;
line-height:1.14;
text-align:center;
}

/*oprNon 出願操作が完了できない時は*/
.oprNon{
margin-top:13px;
padding-bottom:7px;
background-color:#f3f3f3;
}
.oprNon dl{
padding:15px 10px 10px;
}
.oprNon dl dt{
color:#cc0000;
font-size:123%;
font-weight:bold;
line-height:1.25;
text-align:center;
}
.oprNon dl dd{
margin-top:9px;
line-height:1.54;
}


/*appsit 出願状況の確認*/
.appsit dd{
font-size:85%;
line-height:1.45;
}

/*impnews 重要なお知らせ*/
.impnews{margin-top:15px;}

.importantInfoArea {
	border: solid 1px #52a0ee;
}
.importantInfoArea dt {
	background-color: #e5f2ff;
}
.importantInfoArea dt span {
	padding: 9px 0 4px;
	font-size: 123%;
	font-weight: bold;
	text-align: center;
	display: block;
}

.importantInfoArea dd {
	padding: 15px 10px 14px;
	line-height: 1.46;
}

.importantInfoArea dd .column {
	margin: 0 auto;
	padding: 1px 1px 0;
	background-color: #ffe7e7;
	border: dotted 1px #ff6666;
}
.importantInfoArea dd .column p {
	padding: 3px 0 7px;
	color: #cc0000;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.14;
	text-align: center;
}
/* aタグ非活性 */
.disabled {
	pointer-events: none;
}


/*--clearfix
--------------------------------------------------------------*/
/*floatの解除*/
.step .stepTtl:after,
.clearfix:after{
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.step .stepTtl,
.clearfix{display:inline-block;}

/* Hides from IE-Mac \*/
* html .step .stepTtl,
* html .clearfix{height:1%;}

.step .stepTtl,
.clearfix{display:block;}
/* End hide from IE-Mac */


/*--newsBlock
    th:utextの使用によりタグが追加されcommon.cssの記述ではレイアウトが崩れるため
    当画面独自のクラス(linkTxt→linkTxtOrig)にて調整
 -----------------------------------------------------------------------*/
.linkTxtOrig{
  text-decoration: underline;
  white-space:nowrap;
}
.linkTxtOrig:hover{
  text-decoration: none;
}

.link{
   position: relative;
}

.link:after{
  content: '';
  position: absolute;
  display: block;
  right: 0;
  width: 7px;
  height: 7px;
  border-right: 2px solid #52A0EE;
  border-bottom: 2px solid #52A0EE;
  transform: rotateZ( -45deg );
}

 @media screen and (max-width:768px){

  .linkTxtOrig:after{
    bottom: 5px !important;
  }
}/* --- max-width:768px */


/* icon(お知らせ区分) */
.newsBlock .newsBox li p.info .icon em {
  width: 85px;
}
/* 打ち消し */
.newsBlock .newsBox li + li.important {
  margin-top: 1px
}

/*--メインビジュアルロゴ common.cssの上書き設定
--------------------------------------------------------------*/
/* 画像全体を表示領域に収める */
#mvBlock p.img{
  background-size: contain !important;
}

/* レスポンシブ時の画像サイズ最適化*/
@media screen and (max-width:768px){
#mvBlock p.img{
  padding-top: 95% !important;
}
}

.btnS{
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: auto;
  width: 390px;
  height: 70px;
  border-radius: 35px;
  position: relative;
  padding: 0 50px;
  cursor: pointer;
}
.btnS.blueS{background: #52A0EE;}
.btnS:hover{background: #ddd;}

.btnS.arwRS:before{
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -5px;
  right: 35px;
  margin-left: -7px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotateZ( -45deg );
}

.btnS em{
  color: #fff;
  font-size: 1.8rem;
  display: inline-block;
}

  @media screen and (max-width:768px){

  .btnS{
    width: 95%;
    max-width: 390px;
    height: 65px;
    border-radius: 33px;
    padding: 0 35px;
    cursor: pointer;
  }

  .btnS.arwRS:before{
    right: 25px;
  }

  .btnS em{
    font-size: 1.6rem;
    text-align: center;
  }


  }/* --- max-width:768px */

  /* 和暦変換による幅調整. */
  .wareki {
  	width:110px !important;
  } 

 p#mainVisualArea {
	 display: block !important;
 }

 .forSp:not(:has(div)) {
	 display: none !important;
 }