@charset "UTF-8";
/* ------------------------------
　　ベース
------------------------------ */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
}
em{
	font-style: italic;
	color:#d50000;
}
span.com-name{
    font-size: 0.6em!important;
}

#pageTop {
  display: block;       /* aタグ全体をブロック化 */
}

#pageTop .com-name,
#pageTop .site-name-text {
  display: block;       /* 強制的に改行 */
}

#pageTop {
  display: block;
  white-space: normal !important; /* 強制的に改行を許可 */
}

.header-logo{
  display: block!important;
}

.site-name,.site-name a, .site-name a:active, .site-name a:focus, .site-name a:hover, .site-name a:visited {
    color: #00008b!important;
}
@media (min-width: 768px){
.site-name {
    font-size: 2.4em;
}}
@media screen and (min-width: 768px){
.fix-height, .main-slider-image {
    height: 250px;
}}
.main-slider-main-copy, .main-slider-side-copy, p.page-title, h1.page-title, p.page-description {
    text-shadow: 2px 2px 2px black, 2px 2px 2px black, 2px 2px 2px black, 2px 2px 2px black;
}

.main-visual-title {
    text-shadow: 2px 2px 2px black, 2px 2px 2px black, 2px 2px 2px black, 2px 2px 2px black;
    font-size: 45px!important;
}

@media screen and (max-width: 768px){
.main-visual-title {
    font-size: 20px!important;
}}
.main-visual{
  height: 250px!important;
}

@media (max-width: 480px){
.main-slider-main-copy {
    font-size: 20px;
}}
.page-title-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100px;
    color: #fff;
    background: url(../../images/bg_other.jpg) #333 no-repeat 50%;
    background-size: cover;
}
@media (min-width: 768px){
.page-title-wrapper {
    height: 200px;
}}

.foot-wrapper {
    padding: 30px 0;
    background: #00008b!important;
}
.company-name {
    margin: 0 0 5px;
}
.lp-suggest-tel,.lp-suggest-tel a {
    font-size: 30px;
    color: #00008b;
}

@media (max-width: 768px){
.suggest-tel{
    font-size: 20px!important;
}}


.suggest-center-tel a {
  color: #00008b!important;
}

.lp-suggest-text {
    font-size: 18px;
}

.module-heading {
    margin: 0;
    font-size: 2.4em;
		text-align: center;
}
.summary-title {
    margin: 0 0 10px;
    font-size: 1.6em;
}
@media (max-width: 480px){
  .summary-title {
      font-size: 1.4em;
  }
}
p.summary-detail{
	font-size: 18px;
}
.summary-default-item,.summary-default {
border-style: none;
}
.summary-default-item{
	padding:20px 20px 30px 20px;
}
/*Summary_index*/
@media (min-width: 768px){
  .photo img{
  width:60%;
  margin:0 auto;
}}
@media (min-width: 768px){
.photo-title {
    font-size: 1.1em;
}}
@media (min-width: 768px){
.summary-custom-entry{
  display: block;
}}
/* 見出し*/
h3 a{
    text-decoration:none;
   }
.acms-page-header,.module-header{
  border-bottom-color:#00408f;
  border-bottom-width: 1px;
}
.module-heading{
  font-size: 24px;
  font-weight: normal;
}
h2.module-heading{
  position: relative;
    padding-left: 45px;
    padding-bottom:10px;
    font-size: 1.8em!important;
    line-height:30px;
}

#layout-top_summary{
  font-size: 2.4em!important;
}

.sub h2,.module-heading{
  font-size: 1.8em!important;
      padding-bottom:0px;
}
@media(max-width:480px){
  .sub h2.module-heading{
    font-size: 1.2em;
  }
}
@media(max-width:480px){
h2.module-heading{
    font-size: 20px;
}}
h2.module-heading:before{
  position:  absolute;
    top: 12px;
    left: 12px;
    width: 12px;
    height: 12px;
    border: 3px solid #468C00;
    content: "";
}
h2.module-heading:after{
  position:  absolute;
      top: 2px;
      left: 2px;
      width: 15px;
      height: 15px;
      border: 3px solid #00008b;
      content: "";
}
h1.entry-title{
  position: relative;
    padding-left: 45px;
    color: #333;
    font-size: 23px;
    line-height; 30px;
    font-weight: normal;
}
h1.entry-title:before{
  position:  absolute;
    top: 12px;
    left: 12px;
    width: 14px;
    height: 14px;
    border: 4px solid #468C00;
    content: "";
}
h1.entry-title:after{
  position:  absolute;
      top: 2px;
      left: 2px;
      width: 17px;
      height: 17px;
      border: 4px solid #00008b;
      content: "";
}

h1{
  font-size: 2.5em;
  font-weight: normal;
}
.entry-column h2 {
    color: #00408f;
    border-left: 5px solid #00408f;
}

.entry-style h2{
      color: #00408f!important;
    border-left: 5px solid #00408f!important;
}

.entry-style h3{
      margin: 20px 10px 10px;
  background-color: #ffffff!important;
  border-width: 3px;
  border-style: solid;
  border-color: #8cc11f;
  padding:10px;
  font-size: 18px;
}

.summary-default-item {
  background: #fff;
}
/*モジュールーabout_service*/
@media (min-width: 768px){
.group{
  margin-bottom:80px;
}}
.btn {
    background: #468C00!important;
}
.module-group-heading {
    text-align: left!important;
    background-color: #00008b!important;
    color:#fff!important;
    padding:10px!important;
    border-radius: 3px!important;
}
.serial-nav a {
    max-width: 340px;
    min-width: 235px;
    position: relative;
    display: inline-block;
    padding: 5px 10px 5px 15px;
    color: #8cc11f;
    border: 1px #8cc11f solid;
    overflow: hidden;
    font-size: 15px;
    background: rgba(255, 255, 255, 0);
    text-align: center;
}
/*indexアイコン（banner）*/
.index-service{
  margin-bottom: 20px;
}
.index-service:before,.index-service:after{
  content: "";
    display:table;
}
.index-service:after{
  clear:both;
}
.index-icon{
padding-bottom:5px;
}
.index-icon a{
display:block;
background-color:#222222;
color:#ffffff;
text-align:center;
text-decoration:none;
}
.index-icon a:hover{
opacity:0.8;
}
.index-icon I{
display:block;
padding-top:40px;
padding-bottom:40px;
font-size:38px;
  font-size : 38px;
}
.index-icon h2{
margin-top:0;
margin-bottom:0;
padding-top:5px;
padding-bottom:5px;
font-size:16px;
font-weight:normal;
}
.index-icon h2.support-font{
 letter-spacing:-0.1em;
}
.index-icon .fa-sitemap{
font-color:#ffffff;
  background-color : #88b83e;
}
.index-icon .fa-gift{
color : #ffffff;
background-color : #c4a6ca;
}
.index-icon .fa-android{
color : #ffffff;
background-color : #6490cd;
}
.index-icon .fa-keyboard-o{
color : #ffffff;
background-color : #afd0ef;
}
.index-icon .fa-desktop{
 color : #ffffff;
 background-color : #ffe580;
}
.index-icon p{
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 15px;
 padding-bottom: 15px;
 background-color : #cccccc;
 font-size: 13px;
 color : black;
 text-align : left;
 padding-left : 10px;
 padding-right : 10px;
}
/*indexアイコンEND*/
/*table*/
@media screen and (min-width: 768px){
.entry-style th {
    background: #e6f1ff!important;
}}
@media screen and (min-width: 768px){
.entry-style td, .entry-style th {
    border: 1px solid #cce2ff;
}}
.entry-style th {
    background: #e6f1ff!important;
}
.entry-style td {
    background: #fff;
}
.entry-style td, .entry-style th {
    border: 1px solid #cce2ff;
}
/*マウスオンの時の色*/
.summary-default-item.bl-hover,
.headline-item.bl-hover,
.summary-custom-entry:hover,
	a.acms-list-group-item:hover
 {
	background: #e6f1ff;
}
.test-group-list{
  margin: 0 -1px -1px 0;
  border:solid 1px #cccccc;
  padding-top:10px;
}

.test-group-image{
float: left;
}
.test-group-body{
float:right;
}
.test-group-heading{
  font-size: 1.6em;
}
.test-btn{
  background-color: #00008b!important;
}

@media screen and (max-width: 480px){
  .test-btn{
    font-size: 0.9em;
    padding:5px 2px;
  }}
  @media screen and (max-width: 480px){
  .test-group-image{
    width:64px;
  }}
@media screen and (max-width: 480px){
.test-group-heading{
  font-size:1.4em;
}}
/*マイクロソフト登録商標*/

.ms-mark p{
  font-size: 0.8em;
  color:#fff;
font-style: normal;
}

p.news-title {
    margin: 20px 10px 10px;
    background-color: #ffffff;
    border-width: 6px;
    border-style: solid;
    border-color: #cc0000;
    padding: 10px;
    font-size: 18px;
    font-weight: bolder;
}
/*top.htmlお知らせ用オリジナルheadline.html*/
.original-headline{
  border:solid 5px #00008b;
  border-radius: 3px;
  padding:10px;
}
@media screen and (min-width: 768px){
.original-headline{
padding:30px;
}}

@media screen and (min-width: 768px){
.original-news{
  font-size: 1.6em;
}}
@media screen and (min-width: 768px){
  .original-news-time{
  font-size: 0.8em;
  }
}
@media screen and (min-width: 768px){
  .original-news .acms-label{
  font-size: 0.8em;
  margin-left:10px;
  margin-right:10px;
  font-weight: bold;
}}

/*ユニットのボタン（灰色）の背景色*/
.entry-btn a{
    background: #00008b;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    border: 0;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 3px;
    text-decoration: none!important;
}

.entry-btn a:hover{
  color: #fff;
}


.entry-btn-attention a{
    color: #fff!important;
    text-decoration: none!important;
}

.contact-form-group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    background: #e6f1ff!important;
    border-bottom: 1px solid #FFF;
}
.contact-form-group-original{
    background: #e5e5e5;
}

.contact-form-orignal{
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing: 2px;
    border-color: gray;
}

.contact-form-orignal{
width: 100%;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;}
    
/* セレクトボックスやインプットが枠からはみ出さないようにする */
select,
input,
textarea {
  max-width: 100%;  /* 親要素の幅を超えない */
  box-sizing: border-box; /* paddingやborderを含めて計算 */
}


/* 12カラムの土台はそのまま */
ul.globalNav{
  display:grid !important;
  grid-template-columns:repeat(12,1fr) !important;
  grid-auto-rows:auto;
  align-items:center;
  justify-items:center;
  column-gap:0;
  row-gap:.7rem;
  margin:0; padding:0; width:100%;
  text-align:center;
}
ul.globalNav > li{
  list-style:none; float:none !important; margin:0 !important; white-space:nowrap;
}

/* 1行目（1～4） */
ul.globalNav > li:nth-of-type(1){ grid-row:1; grid-column: 1 / span 3; }  /* ホーム */
ul.globalNav > li:nth-of-type(2){ grid-row:1; grid-column: 4 / span 3; }  /* 資格案内 */

/* ←ここを「置き換え」 */
ul.globalNav > li:nth-of-type(3){ grid-row:1; grid-column: 6 / span 3; justify-self:end; }   /* 試験会場 */
/* 運営会社（4番目）— 試験会場との間隔を広げる */
ul.globalNav > li:nth-of-type(4){
  grid-row: 1;
  grid-column: 9 / span 3;   /* ここは現状のまま */
  justify-self: start;       /* セル左寄せ（現状維持） */
  margin-left: 2.8rem !important;  /* ← 0.6以上に。1.0〜1.4remで微調整可 */
}
/* 2行目（5～7：必ず下段） */
ul.globalNav > li:nth-of-type(5){ grid-row:2; grid-column: 1 / span 4; }  /* 個人情報保護方針 */
ul.globalNav > li:nth-of-type(6){ grid-row:2; grid-column: 5 / span 4; }  /* 情報セキュリティ基本方針 */
ul.globalNav > li:nth-of-type(7){ grid-row:2; grid-column: 9 / span 4; }  /* お問い合わせ */