@charset "UTF-8";
/* CSS Document */
/*トップページ　メインの画像とフォント*/
.row h5{
  font-weight: bold;
	font-size: 1.2em;
	display: inline-block;
	background: linear-gradient(#fff 60%, #33CCFF 60%);
	
 }

.row h6{
  font-weight: bold;
	border: solid 2px #33CCFF;
  padding: 2px;
 }

.row p2{
  font-weight: bold;
	border: solid 2px #90EFF1;
  padding: 2px;
	font-size-adjust: 1.1em;
 }

.top-font {
  position: relative;
  }

.top-font h1 {
  position: absolute;
  top: 35px;
  right:10%;
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 3.5em;/*サイズ*/
  font-family: "Sawarabi Mincho";/*Google Font*/
  }

.top-font h5{
	background: #061732;
	font-family: "Sawarabi Mincho";
	font-size: 3.5em;
  }

.top-font p {
  position: absolute;
  top: 90px;
  right:10%;
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  color: white;/*文字は白に*/
  font-size: 1.2em;/*サイズ*/
  font-family: "Sawarabi Mincho";/*Google Font*/
  }

.top-font img {
width:100%;
max-width: 100%;
height: auto;	
  }

/*コンテンツ頁のタイトルフォントさん*/
.font h1 {
  /*文字の装飾は省略*/
  color: #061732;/*文字は青に*/
  font-weight: bold; /*太字に*/
  font-size: 3.5em;/*サイズ*/
  font-family: "Sawarabi Mincho";/*Google Font*/
  }

.font p {
  /*文字の装飾は省略*/
  color: #061732;/*文字は青に*/
  font-size: 1.2em;/*サイズ*/
  font-family: "Sawarabi Mincho";/*Google Font*/
  }
/*ロゴの電話番号管理さん*/
.link-coler  a{
	 color: #061732;
 }

.info-link-coler  a{
	color: #061732;
	font-weight: bold;
	font-size: 1.2em;
	font-family:  "Mplus 1p";
 }

/*背景色付き白抜き文字さん　出版物最新リリース*/
.col-sm-13{
	background: #9AB8CC;
	border-radius: 13px;
}
.col-sm-13 strong{
	 color: #FFFFFF;
	 font-weight: bold;
	 font-family: "Sawarabi Mincho";
	 margin-left: 15px
}
.col-sm-13 p{
	 color: #FFFFFF;
		 margin-left: 30px
}

.col-md-3 a{
	 color: #09357A;
     margin-left: 30px;
	font-family: "Sawarabi Mincho";
}

/* サービスのアニメーションcss*/
.slideOutTip{
    /* The main wrapping div of the slideout tips */
    position:absolute;
    padding:3px;
    top:0;
    left:0;
    background-color:#111;
    font-size:13px;
    color:white;
    overflow:hidden;
    height:22px;
}

.slideOutTip:hover{
    /* Applying a CSS3 outer glow on hover */
    box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:50px; }

.tipTitle{
    float:left;
    font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    white-space:nowrap;
    line-height:22px;
    padding-right:5px;
}

/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }

.plusIcon{
    /* The plus icon */
    width:13px;
    height:13px;
    background:url('img/plus.gif') no-repeat center center;
    margin:4px;

    /* Defining a CSS3 animation. Currently only works in Chrome and Safari */
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear;
    transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .plusIcon{
    /* Applying a CSS3 rotation  to the opened slideouts*/
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
    /* Floating the title and the icon to the right */
    margin:0 0 0 8px;
    float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{ margin-top:0; }

.slideOutContent{
    /* Hiding the div with the slide out content: */
    display:none;
    padding:10px;
    font-size:11px;
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main > p{ display:none; }


/* colの高さを揃えるおまじない */
.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}