@charset "utf-8";
/* CSS information
file name  : globaltop_smp.css
style info : スマートフォン表示用style */

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

/* ---------------------------------------------
   topimage
------------------------------------------------ */
/* 表示制御 or IE7/IE6 */
#js_globaltopimg_wrap {
	display: block ;
	_display: none ;
	*display: none ;
}
#js_globaltopimg_noscript {
	display: none ;
	_display: block ;
	*display: block ;
}

/* slider ------------------ */
.globaltop_topimage_link_wrap {
	max-width: 100% ;
	background-repeat: no-repeat ;
}
.globaltop_topimage01 .globaltop_topimage_link_wrap {
	background-color: #f7fcff ;
	background-image: url(/share/img/index_topimage_smp_01.jpg);
	background-position: top center ;
	background-size: cover ;
}
.globaltop_topimage02 .globaltop_topimage_link_wrap {
	background-color: #f4f8fb ;
	background-image: url(/share/img/index_topimage_smp_02.jpg);
	background-position: top center ;
	background-size: contain ;
}
.globaltop_topimage03 .globaltop_topimage_link_wrap {
	background-color: #67d2f6 ;
	background-image: url(/share/img/index_topimage_smp_03.png);
	background-position: bottom center ;
	background-size: contain ;
}
.globaltop_topimage_link {
	display: block ;
	height: 350px ;
}

/* noscript ------------------ */
.topimage {
	background: #f7fcfd url(/share/img/bg-topimage01.jpg) center bottom no-repeat ;
	background-size: cover ;
	padding: 40px 0 35px ;
}
.topimage_catchcopy {
	color: #003380 ;
	font-size: 1.40rem ;
	font-weight: bold ;
	text-align: center ;
	padding-bottom: 25px ;
}
.topimage_catchcopy span {
	display: block ;
	font-size: 0.95rem ;
	padding-top: 6px ;
}
.topimage_link {
	position: relative ;
	width: 75% ;
	margin: 0 auto ;
}
.topimage_link:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 12px ;
	display: block ;
	height: 8px ;
	width: 8px ;
	margin-top: -5px ;
	border-top: 3px solid #f4d17d ;
	border-right: 3px solid #f4d17d ;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
}
.topimage_link a {
	display: block ;
	color: #fff ;
	font-size: 0.8rem ;
	text-decoration: none ;
	background-color: rgba(4, 49, 151, 0.8);
	border-radius: 4px ;
	padding: 18px 20px 13px 18px ;
	box-sizing: border-box ;
}
.topimage_link span {
	display: block ;
	font-size: 1.2rem ;
	padding-top: 7px ;
}

/* ---------------------------------------------
   contents
------------------------------------------------ */
.contents_news .contents_article {
	border-top: 0 ;
}
/* contents news --------------- */
.contents_news_list {
	font-size: 0.8rem ;
	line-height: 130% ;
	list-style-type: none ;
	margin-bottom: 10px ;
}
.contents_news_list_article {
	border-top: 1px dashed #ccc ;
}
.contents_news_list_article:first-child {
	border: 0 ;
}
.contents_news_list a {
	position: relative ;
	display: block ;
	color: #333 ;
	text-decoration: none ;
	padding-right: 15px ;
}
.contents_news_list a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 0 ;
	display: block ;
	height: 2.4rem ;
	width: 10px ;
	margin-top: -1.2rem ;
	background-color: #ebd8aa ;
	border-radius: 2px ;
}
.contents_news_list a:after {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 3px ;
	display: block ;
	width: 0 ;
	height: 0 ;
	margin-top: -3px ;
	border: 3px solid transparent ;
	border-left-color: #fff ;
	border-right: 0 ;
}
.contents_news_list_date {
	display: block ;
	font-weight: bold ;
	padding-top: 10px ;
}
.contents_news_list_txt {
	display: block ;
	padding: 3px 0 8px ;
}
.contents_news .contents_link_arrow01 {
	text-align: right ;
}

/* contents service --------------- */
.contents_service_article {
	display: table ;
	width: 100% ;
	border-top: 1px dashed #ccc ;
	padding: 10px 0 ;
	box-sizing: border-box ;
}
.contents_service_article:first-child {
	border: 0 ;
	padding-top: 0 ;
}
.contents_service_article a {
	position:relative ;
	display: table-cell ;
	height: 66px ;
	color: #333 ;
	text-decoration: none ;
	vertical-align: middle ;
}
.contents_service_article a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 2px ;
	display: block ;
	height: 8px ;
	width: 8px ;
	margin-top: -5px ;
	border-top: 2px solid #ebd8aa ;
	border-right: 2px solid #ebd8aa ;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
}
.contents_service_img {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	display: block ;
	width: 105px ;
	border: 1px solid #ddd ;
}
.contents_service_img img {
	width: 100% ;
}
.contents_service_title {
	display: block ;
	font-size: 1rem ;
	font-weight: bold ;
	padding-top: 3px ;
	padding-left: 120px ;
}
.contents_service_description {
	display: block ;
	font-size: 0.8rem ;
	padding-top: 7px ;
	padding-left: 120px ;
}
.contents_service_link {
	display: none ;
}
.contents_service .contents_link_arrow01 {
	text-align: right ;
}

/* contents recruit --------------- */
.contents_recruit {
	color: #fff ;
	text-align: center ;
	background: #2754ba url(/share/img/bg-cross01w.png) center repeat ;
	padding: 35px 0 40px ;
}
.contents_recruit_title {
	font-size: 1rem ;
	font-weight: normal ;
	line-height: 160% ;
}
.contents_recruit_link a {
	position:relative ;
	display: block ;
	width: 80% ;
	max-width: 300px ;
	color: #fff ;
	font-size: 1.2rem ;
	text-decoration: none ;
	border: 2px solid #93aadd ;
	padding: 20px 0 ;
	margin: 30px auto 0 ;
	white-space: nowrap ;
}
.contents_recruit_link a:before {
	content:"";
	position: absolute ;
	top: 50% ;
	right: 15px ;
	display: block ;
	height: 12px ;
	width: 12px ;
	margin-top: -7px ;
	border-top: 2px solid #fff ;
	border-right: 2px solid #fff ;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
}


}