@charset "UTF-8";

/* clearfix */
.cf { *zoom: 1; }
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}

/* 余白/フロート */
.clear{clear:both;}
.float-left{ float:left;}
.float-right{ float:right; }
.align-center{ text-align:center; }
.align-right{ text-align:right; }
.align-left{ text-align:left; }
.align-ttop{ vertical-align:top; }

.mgB0{   margin-bottom:0px;  }
.mgB5{   margin-bottom:5px;  }
.mgB10{  margin-bottom:10px; }
.mgB15{  margin-bottom:15px; }
.mgB20{  margin-bottom:20px; }
.mgB30{  margin-bottom:30px; }
.mgB40{  margin-bottom:40px; }
.mgB50{  margin-bottom:50px; }
.mgB60{  margin-bottom:60px; }

.mgT0{   margin-top:0px;  }
.mgT5{   margin-top:5px;  }
.mgT10{  margin-top:10px; }
.mgT15{  margin-top:15px; }
.mgT20{  margin-top:20px; }
.mgT30{  margin-top:30px; }
.mgT40{  margin-top:40px; }
.mgT50{  margin-top:50px; }
.mgT60{  margin-top:60px; }

.mgR0{   margin-right:0px;  }
.mgR5{   margin-right:5px;  }
.mgR10{  margin-right:10px; }
.mgR15{  margin-right:15px; }
.mgR20{  margin-right:20px; }
.mgR30{  margin-right:30px; }

.mgL0{   margin-left:0px;  }
.mgL5{   margin-left:5px;  }
.mgL10{  margin-left:10px; }
.mgL15{  margin-left:15px; }
.mgL20{  margin-left:20px; }
.mgL30{  margin-left:30px; }

.pdg10 {padding:10px;}
.pdg20 {padding:20px;}
.pdg30 {padding:30px;}

/* hover action 
.hover {
	text-decoration: none;
	opacity:1;
	transition: all 0.3s ease 0s;
}
.hover:hover {
	opacity:0.6;
}*/

img {
-webkit-backface-visibility: hidden;
}

/* 各デバイスでの表示切り替え */
.sp, .pc {display: none;}/*only SP&TAB*/
.pc {display: block;}/*only PC*/
@media screen and (max-width: 1080px) {
.sp, .tab {display: none;}
.pc {display: block;}
}
@media screen and (max-width: 768px) {
.sp, .pc {display: none;}
.tab {display: block;}
}
@media screen and (max-width: 480px) {
.pc, .tab {display: none;}
.sp {display: block;}
}

/*============================================================================================
↓共通事項====================================================================================
============================================================================================*/
/* TapArea */
* {
  -webkit-tap-highlight-color: rgba(46,75,167,0.3);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
input, textarea {
	-webkit-user-select : auto;
}

/* リンクテキスト */
a:link,a:visited {
	color:rgba(46,75,167,1);
	text-decoration: underline;
}
a:hover,
a.hover {
	color:rgba(46,75,167,1);
	text-decoration: none;
}

/*リンクテキスト アイコン付*/
a.ico:link,
a.ico:visited {
	text-decoration:none;
	display:inline-block;
	transition: all 0.3s ease 0s;
}
a.ico:hover, a.hover.ico {
	transform:translateX(5px);
	-webkit-transform:translateX(5px);
    -moz-transform:translateX(5px);
}
a.ico:before {
  content: "\f0a9";
  font-family: FontAwesome;
  vertical-align: middle;
  font-size: 150%;
  margin-right:5px;
}

/*フォントファミリー*/
.serif {font-family: '游明朝', 'Yu Mincho', '游明朝体', serif;}
/*.serif {font-family: 'リュウミン R-KL','游明朝', 'Yu Mincho', '游明朝体', serif;}*/
.sansserif {font-family: 'Lato','游ゴシック体','Yu Gothic',YuGothic, sans-serif;}

.bold {font-weight:bold; }
.underline {text-decoration:underline;}
.strong {color:rgba(46,75,167,1); font-weight:bold; text-decoration:underline;}

/*背景カラー／パターン*/
.bg-wh {background-color:rgba(255,255,255,1);}
.bg-gr {background-color:rgba(236,236,236,1);}
.bg-msbl {background-color:rgba(46,75,167,1);}
.ms-blue {color:rgba(46,75,167,1);}

/* レスポンシブ対応（上下余白・サイド余白） */
.innerWrapWide { /*可変幅1280*/
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
.innerWrap { /*可変幅1080*/
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
.innerWrapNarrow { /*可変幅740*/
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
@media screen and (max-width: 1240px) {
.innerWrapWide {
	padding-left: 20px;
	padding-right: 20px;
}
}
@media screen and (max-width: 1080px) {
.innerWrap {
	padding-left: 20px;
	padding-right: 20px;
}
}
@media screen and (max-width: 740px) {
.innerWrapNarrow {
	padding-left: 20px;
	padding-right: 20px;
}
}

body {
	width: 100%;
	font-family: 'Lato','メイリオ','游ゴシック体','Yu Gothic',YuGothic, sans-serif;
	font-weight: normal;
	font-size : 62.5%;
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'palt';
	letter-spacing:0.1em;
	writing-mode: horizontal-tb;
	-webkit-text-size-adjust:100%;/*←for iOS&Safari TxtSize*/	
}
#wrapper {
	position:relative;
    width: 100%;
	visibility:hidden;
}
#main {/*IE11以下対策*/
	display:block;
}
#contentsWrap {/*Topページの#contentsWrapは別途記載*/
	width:100%;
	margin-top:150px;
	transition: all 0.3s ease 0s;
}
#contentsMain {/*下層ページのコンテンツエリア*/
	margin:50px auto;
}
@media screen and (max-width: 768px) {
#contentsWrap {
	margin-top:80px;
}
}

/*============================================================================================
↓header =====================================================================================
============================================================================================*/
#header {
	position:fixed;
	width:100%;
	height:150px;
	background:rgba(255,255,255,1);
	top:0;
	left:0;
	z-index:99;
	transition:all 0.3s ease 0s;
	/*↓ちらつき防止*/
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}

/*ヘッダーポジション調整*/
#header .setPosition {
	width:100%;
	max-width:1240px;
	padding:0 20px;
	box-sizing:border-box;
	position:absolute;
	top:50%;
	left:50%;
	z-index:9;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
}
#header .setPosition .upperBox {
	width:100%;
}
#header .setPosition .lowerBox {
	position:relative;
	width:100%;
	margin:0 auto 10px;
}

/*ヘッダーロゴ*/
#header .logoWrap {
	position:absolute;
	width: 220px;
	height:auto;
	top:50%;
	left:9%;
	z-index:99;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
}
#header .logoWrap h1,
#header .logoWrap div {
	color: rgba(46,75,167,1);
	width: 100%;
	height:auto;
	text-align:center;
	margin:3px 0 3px;
}
#header .logoWrap h1 a:link,
#header .logoWrap h1 a:visited,
#header .logoWrap div a:link,
#header .logoWrap div a:visited {
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.3s ease 0s;
}
#header .logoWrap h1 a:hover,
#header .logoWrap h1 a.hover,
#header .logoWrap div a:hover,
#header .logoWrap div a.hover {
	opacity:0.7;
}
#header .logoWrap h1 a img,
#header .logoWrap div a img {
	width:100%;
	max-width:220px;
	height:34px;
}
#header .logoWrap .nameEn {
	font-size:1.2em;
	font-weight:normal;
	margin:5px auto;
}

/*右上アルフレッサロゴ*/
.headerRightLogo-alfresa {
	width:135px;
	height:auto;
	display: block;
    margin: 0 0 0 auto;
}
.headerCenterLogo-alfresa {
	width:100px;
	height:auto;
	display: none;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
#header .logoWrap {
	left: 10%;
}
}
@media screen and (max-width: 1024px) {
#header .logoWrap h1 a img {
	max-width: 150px;
	height: auto;
}
}
@media screen and (max-width: 768px) {
#header {
	height:80px;
}
#header .setPosition {
	padding:0;
}
#header .setPosition .lowerBox {
	margin:0 auto;
}
#header .logoWrap {
	left: 50%;
}
#header .logoWrap h1 a img {
	max-width: 220px;
}
#header .logoWrap .nameEn {
	display:none;
}
.headerRightLogo-alfresa {
	display: none;
}
.headerCenterLogo-alfresa {
	display: block;
}
}
@media screen and (max-width: 480px) {
#header .logoWrap {
	left:20px;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
}
.headerCenterLogo-alfresa {
	margin:0 auto 0 0;
}
}

/*============================================================================================
↓グランドメニュー============================================================================
============================================================================================*/
#gnav {
	font-size:1.4em;
	line-height:1.6em;
	width:100%;
	display:table;
}
#gnav ul {
	width: 75%;
    margin-left: auto;
	display:table;
	list-style:none;
}
#gnav ul li {
	width:13%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	border-left:solid 1px rgba(236,236,236,1);
}
#gnav ul li:last-child {
	border-right:solid 1px rgba(236,236,236,1);
}
#gnav ul li a:link,
#gnav ul li a:visited {
	text-decoration:none;
	display:inline-block;
	padding:5px 0;
    transition: all 0.3s ease 0s;
}
#gnav ul li a:hover,
#gnav ul li a:active,
#gnav ul li a.hover {
	
}
@media screen and (max-width: 1024px) {
#gnav ul {
	width: 78%;
}
#gnav ul li a:link {
	font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#gnav {
	display:none;
}
}

/*============================================================================================
↓ハンバーガーメニュー　======================================================================
============================================================================================*/
#navTrigger {
    width: 44px;
    height: 40px;
    padding: 10px 8px;
	position:absolute;
	top:50%;
	right:10px;
	display:table;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
	display:none;
}
@media screen and (max-width: 768px) {
#navTrigger {
    display:block;
}
}

/*============================================================================================
↓モバイルメニュー ===========================================================================
============================================================================================*/
#mobileNav {
	position:fixed;
	top:80px;
	left:0;
	z-index:99;
	width:100%;
	display:none;
	background-color:rgba(255,255,255,1);
}

/*子メニュー*/
#mobileNav .child {
	text-align:center;
	padding:10px 0;
	background-color:rgba(46,75,167,0.1);
}
#mobileNav .child > li {
	max-width:240px;
	width:100%;
	height:auto;
	text-align:center;
	display:inline-block;
	margin:2px;
}
#mobileNav .child > li > a:link,
#mobileNav .child > li > a:visited {
	color:rgba(0,0,0,1);
	font-size:1.4em;
	line-height:1.6em;
	text-align:left;
	padding:7px;
	display:block;
	text-decoration:none;
	background-color:rgba(255,255,255,1);
	transition: all 0.3s ease 0s;
}
#mobileNav .child > li > a:hover,
#mobileNav .child > li > a.hover {
	color:rgba(255,255,255,1);
	background-color:rgba(46,75,167,1);
}
#mobileNav .child > li > a img {
	width: 40%;
    height: auto;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/*親メニュー*/
#mobileNav .parent > li > a:link,
#mobileNav .parent > li > a:visited {
	color:rgba(46,75,167,1);
	font-size:1.4em;
	line-height:1.6em;
	padding:15px 20px;
	display:block;
	text-decoration:none;
	position:relative;
	background-color:rgba(255,255,255,1);
	border-top:dotted 1px rgba(220,220,220,1);
	transition: all 0.3s ease 0s;
}
#mobileNav .parent > li > a:hover,
#mobileNav .parent > li > a.hover {
	background-color:rgba(46,75,167,0.1);
}
#mobileNav .parent > li > a span {
	position: absolute;
    top: 50%;
	right: 20px;
    width: 20px;
    height: 20px;
    transform: translate(0,-50%) rotate(0deg);
	-webkit-transform:translate(0,-50%) rotate(0deg);
    -moz-transform:translate(0,-50%) rotate(0deg);
    background-image: url(../../assets/images/common/arr-bl-40px.png);
    background-position: -40px 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease 0s;
}
#mobileNav .parent > li > a.is-active {
	background-color:rgba(46,75,167,0.1);
}
#mobileNav .parent > li > a.is-active span {
	transform: translate(0,-50%) rotate(180deg);
	-webkit-transform:translate(0,-50%) rotate(180deg);
    -moz-transform:translate(0,-50%) rotate(180deg);
}

@media screen and (max-width: 768px) {
#mobileNav .child > li {
	max-width:260px;
}
}
@media screen and (max-width: 480px) {
#mobileNav .child > li {
	max-width:150px;
}
#mobileNav .child > li > a:link,
#mobileNav .child > li > a:visited {
	text-align:center;
}
#mobileNav .child > li > a img {
	display:none;
}
}

/*============================================================================================
↓フッターメニュー ===========================================================================
============================================================================================*/
.navForMobile {
	display:none;
}
@media screen and (max-width: 768px) {
.navForMobile {
	display:block;
}
}

.navForPrivacy {
	max-width: 1080px;
	margin: 0 auto;
	padding: 20px 30px;
}

#footerNav {
	width:100%;
	background-color:rgba(236,236,236,1);
}

/*子メニュー*/
#footerNav .child {
	text-align:center;
	padding:10px 0;
	background-color:rgba(46,75,167,0.1);
}
#footerNav .child > li {
	max-width:240px;
	width:100%;
	height:auto;
	text-align:center;
	display:inline-block;
	margin:2px;
}
#footerNav .child > li > a:link,
#footerNav .child > li > a:visited {
	color:rgba(0,0,0,1);
	font-size:1.4em;
	line-height:1.6em;
	text-align:left;
	padding:7px;
	display:block;
	text-decoration:none;
	background-color:rgba(255,255,255,1);
	transition: all 0.3s ease 0s;
}
#footerNav .child > li > a:hover,
#footerNav .child > li > a.hover {
	color:rgba(255,255,255,1);
	background-color:rgba(46,75,167,1);
}
#footerNav .child > li > a img {
	width: 40%;
    height: auto;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/*親メニュー*/
#footerNav .parent > li > a:link,
#footerNav .parent > li > a:visited {
	color:rgba(46,75,167,1);
	font-size:1.4em;
	line-height:1.6em;
	padding:15px 20px;
	display:block;
	text-decoration:none;
	position:relative;
	background-color:rgba(255,255,255,1);
	border-bottom:dotted 1px rgba(220,220,220,1);
	transition: all 0.3s ease 0s;
}
#footerNav .parent > li > a:hover,
#footerNav .parent > li > a.hover {
	background-color:rgba(46,75,167,0.1);
}
#footerNav .parent > li > a span {
	position: absolute;
    top: 50%;
	right: 20px;
    width: 20px;
    height: 20px;
    transform: translate(0,-50%) rotate(0deg);
	-webkit-transform:translate(0,-50%) rotate(0deg);
    -moz-transform:translate(0,-50%) rotate(0deg);
    background-image: url(../../assets/images/common/arr-bl-40px.png);
    background-position: -40px 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease 0s;
}
#footerNav .parent > li > a.is-active {
	background-color:rgba(46,75,167,0.1);
}
#footerNav .parent > li > a.is-active span {
	transform: translate(0,-50%) rotate(180deg);
	-webkit-transform:translate(0,-50%) rotate(180deg);
    -moz-transform:translate(0,-50%) rotate(180deg);
}

@media screen and (max-width: 768px) {
#footerNav .child > li {
	max-width:260px;
}
}
@media screen and (max-width: 480px) {
#footerNav .child > li {
	max-width:150px;
}
#footerNav .child > li > a:link,
#footerNav .child > li > a:visited {
	text-align:center;
}
#footerNav .child > li > a img {
	display:none;
}
}

/*============================================================================================
↓ページTOP===================================================================================
============================================================================================*/
#pageTop {
	position:fixed;
	bottom:0px;
	right:0px;
	width:50px;
	height:50px;
	box-sizing:border-box;
	display:block;
	background-image:url(../../assets/images/common/arr-pagetop.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50px 50px;
	background-color:rgba(46,75,167,1);
	text-indent:-9999px;
	cursor:pointer;
	z-index:99;
	transition: all 0.3s ease 0s;
}
#pageTop:hover,
#pageTop:active,
#pageTop.hover {
	background-color:rgba(58,167,194,1);
}

/*============================================================================================
↓footer======================================================================================
============================================================================================*/
#footer {
	width:100%;
	background-color:rgba(255,255,255,1);
	box-sizing:border-box;
	text-align:center;
}
#footer .contact {
	font-size:1.4em;
	line-height:1.6em;
	padding:50px 0;
}
#footer .contact p {
	color:rgba(255,255,255,1);
}
#footer .contact p span {
	margin: 5px;
    display: inline-block;
    vertical-align: middle;
	white-space:nowrap;
}
#footer .aboutWrap {
	font-size:1.4em;
	line-height:1.6em;
	padding:30px;
}
#footer .aboutWrap .footerLogo-alfresa {
	width:175px;
	height:auto;
	margin:0 auto;
	display:block;
}
#footer .aboutWrap .footerLogo-mshhs {
	width:290px;
	height:auto;
	margin:0 auto;
	display:block;
}
#footer .aboutWrap .footerLogo-meisys {
	width:200px;
	height:auto;
	padding:10px;
	margin:0 auto;
	display:block;
	line-height:1px;
    border: solid 1px #b3cbe2;
}
#footer .aboutWrap .footerLogo-alfresa img,
#footer .aboutWrap .footerLogo-meisys img,
#footer .aboutWrap .footerLogo-mshhs img {
	width:100%;
	height:auto;
}
#footer .aboutWrap .copyright {
	color: rgba(46,75,167,1);
	font-size:0.6em;
	margin:10px 0 0;
}
@media screen and (max-width: 480px) {
#footer .aboutWrap .footerLogo-alfresa {
	width:120px;
	height:auto;
}
#footer .aboutWrap .footerLogo-mshhs {
	width:200px;
	height:auto;
}
#footer .aboutWrap .footerLogo-meisys {
	width:200px;
	height:auto;
}
}


/*============================================================================================
↓ローディング================================================================================
============================================================================================*/
#loadingWrap {
    width: 100%;
	height: 100vh;
	background-color:rgba(255,255,255,1);
	overflow: hidden;
    position: fixed;
    top: 0;
	left: 0;
    z-index: 99999;
}
#loadingWrap .spinner {
	width:70px;
	height:70px;
	position: absolute;
	left: 50%;
    top: 50%;
	margin-left:-35px;
	margin-top:-35px;
	width: 70px;
	text-align: center;
}
.spinner > div {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: rgba(46,75,167,1);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
	background-color: rgba(34,196,253,1);
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	background-color: rgba(58,167,194,1);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  } 40% {
    transform: scale(1.0);
  }
}
#fade{
    width: 100%;
    height: 100%;
    display: none;
    background-color:rgba(255,255,255,1);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

/*============================================================================================
↓ページの大タイトル==========================================================================
============================================================================================*/
.pageTtlWrap {
	position: relative;
	max-width: 360px;
    width: 100%;
    background-color: rgba(46,75,167,1);
    padding: 0px 5% 25px 5%;
    box-sizing: border-box;
}
.pageTtl {
	color:rgba(255,255,255,1);
	font-family:'Roboto Slab', sans-serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.6em;
	white-space:nowrap;
	padding:25px 0 3px 20px;
    border-left: solid 1px rgba(255,255,255,0.5);
}
.pageTtl:after {
	display:block;
	font-size:2em;
	content: attr(title) " ";
	margin:10px 0 5px;
}
@media screen and (max-width: 768px) {
.pageTtlWrap {
	max-width:inherit;
	padding: 0 20px 25px 20px;
}
}

/*============================================================================================
↓ぱんくず====================================================================================
============================================================================================*/
#breadCrumb {
	position: absolute;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    list-style: none;
    padding: 15px 20px;
    background-color: rgba(236,236,236,1);
}
#breadCrumb li {
	font-size:1.2em;
	line-height:1em;
	display:inline-block;
}
#breadCrumb li:after {
	color:rgba(46,75,167,1);
	content: "\f105";
	font-family: FontAwesome;
	margin:0 3px 0 7px;
}
#breadCrumb li:last-child:after {
	content: none;
	margin:0 10px 0 0;
}
#breadCrumb li a:link,
#breadCrumb li a:hover,
#breadCrumb li a.hover {
	text-decoration:none;
	padding:5px 0;
}
@media screen and (max-width: 768px) {
#breadCrumb {
	position:inherit;
	text-align:left;
}
}


/*============================================================================================
↓コンテンツの見出し==========================================================================
============================================================================================*/
/*グレー下線・幅100%*/
.ttlStyle1 {
	color: rgba(46,75,167,1);
    font-size: 1.8em;
    letter-spacing: 0.1em;
	margin:0 auto 30px;
    display: block;
    position: relative;
	z-index:2;
}
.ttlStyle1:before {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: rgba(236,236,236,1);
}
.ttlStyle1 span {
	padding:15px 0;
    border-bottom: solid 2px rgba(46,75,167,1);
    display: inline-block;
	white-space:nowrap;
}

/*白下線・幅100%*/
.ttlStyle2 {
	color: rgba(46,75,167,1);
    font-size: 1.6em;
    letter-spacing: 0.25em;
	margin:0 auto 15px;
    display: block;
    position: relative;
	z-index:2;
}
.ttlStyle2:before {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: rgba(255,255,255,1);
}
.ttlStyle2 span {
	padding:15px 0;
    border-bottom: solid 2px rgba(46,75,167,1);
    display: inline-block;
	white-space:nowrap;
}

/*囲み*/
.ttlStyle3 {
	color: rgba(46,75,167,1);
    font-size: 1.4em;
    letter-spacing: 0.25em;
	display:block;
	margin: 0 auto 20px;
}
.ttlStyle3 span {
	padding: 12px 30px;
    display: inline-block;
    border: solid 1px rgba(46,75,167,1);
	background-color:rgba(255,255,255,1);
	white-space:nowrap;
}

/*シンプル下線*/
.ttlStyle4 {
	color: rgba(46,75,167,1);
    font-size: 1.6em;
	line-height:1.6em;
    letter-spacing: 0.25em;
	display:block;
	margin: 0 auto 10px;
}
.ttlStyle4 span {
	padding: 7px 0;
    display: inline-block;
    border-bottom: solid 1px rgba(46,75,167,1);
}

/*============================================================================================
↓おしらせ カテゴリーのラベル=================================================================
============================================================================================*/
.catLabel {
    font-size: 0.8em;
    color: rgba(255,255,255,1);
    text-align: center;
    white-space: nowrap;
	background-color: rgba(190,190,190,1);
    margin: 5px 5px 5px 0;
	padding: 2px 6px;
    display: table;
	min-width:50px;
}
.catLabel:last-child {
	margin:0;
}
.catLabel.info {
	background-color:rgba(46,75,167,1) !important;
}
.catLabel.recruit {
	background-color:rgba(34,196,253,1) !important;
}
.catLabel.medicineinfo {
	background-color:rgba(58,167,194,1) !important;
}
.catLabel.seminar {
	background-color:rgba(205,161,25,1) !important;
}