@charset "UTF-8";
/* CSS Document */

h4 {
	position:relative;
	}

h4 span {
	font-size:1.6rem;
	display:none;
	position:absolute;
	top:0px;
	right:0;
	}
h4 span em {
	color: #005AC8;
	font-style:normal;
}
#main h5 {
	margin-bottom: 0.25em;
}
#main .f-container {
    display: flex;
	flex-wrap: wrap;
}
#main .f-item {
	margin-right: 15px;
	margin-bottom: 30px;
	width: calc( ( 100% - 15px ) / 2 );
}
#main .f-item:nth-child(2n){
margin-right:0;
}

.swiper-container,
.swiper-container02,
.swiper-container03,
.swiper-container04,
.swiper-container05 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-container p,
.swiper-container02 p,
.swiper-container03 p,
.swiper-container04 p,
.swiper-container05 p{
	margin-top: 0.25em;
	padding-bottom: 10px;
	text-align: center;
}

#slideShow {
	width:700px;
	height:405px;
	position:relative;
	background:url(../img/office/bgSlider.png) left top no-repeat;
	}
#sliderList {
	position:absolute;
	top:58px;
	left:464px;
	z-index:100;
	}
#sliderList li {
	margin-bottom:59px;
	line-height:10px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	}
#toLocation {
	position:absolute;
	top:357px;
	left:462px;
	z-index:200;
	}

/*-- jShowOff module styles --*/
.jshowoff {
	width:700px;
	height:405px;
	padding:13px 13px 15px 13px;
	position:absolute;
	z-index:150;
	}

#slideShowOffice {
	background:url(../img/office/bgSliderIn.png) left top no-repeat;
	position: relative;
	overflow: hidden;
	width: 418px;
	height: 373px;
	padding:3px;
	}
#slideShowOffice div {
	width:418px;
	height:373px;
	overflow:hidden;
	}
#slideShowOffice img {
	width:418px;
	height:300px;
	display:block;
	}
#slideShowOffice span {
	padding:10px 15px;
	font-size:12px;
	text-align:center;
	line-height:18px;
	display:block;
	}
.slideShowOffice p.jshowoff-slidelinks {
	width:230px;
	margin:0;
	position: absolute;
	top:15px;
	left:464px;
	z-index:200;
	}
.slideShowOffice .jshowoff-slidelinks a {
	width: 49px;
	height: 35px;
	margin:0 6px 32px 0;
	float:left;
	display:block;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	text-indent: -10000em;
	}
.slideShowOffice .jshowoff-slidelinks a.jshowoff-active {
	border: 1px solid #005AC8;
	}
.slideShowOffice .jshowoff-slidelink-0 {
	background-image: url(/hellographic/more/files/img/office/img01min.png);
	}
.slideShowOffice .jshowoff-slidelink-1 {
	background-image: url(/hellographic/more/files/img/office/img02min.png);
	}
.slideShowOffice .jshowoff-slidelink-2 {
	background-image: url(/hellographic/more/files/img/office/img03min.png);
	}
.slideShowOffice .jshowoff-slidelink-3 {
	background-image: url(/hellographic/more/files/img/office/img04min.png);
	}
.slideShowOffice .jshowoff-slidelink-4 {
	background-image: url(/hellographic/more/files/img/office/img05min.png);
	}
.slideShowOffice .jshowoff-slidelink-5 {
	background-image: url(/hellographic/more/files/img/office/img06min.png);
	}
.slideShowOffice .jshowoff-slidelink-6 {
	background-image: url(/hellographic/more/files/img/office/img07min.png);
	}
.slideShowOffice .jshowoff-slidelink-7 {
	background-image: url(/hellographic/more/files/img/office/img08min.png);
	}
.slideShowOffice .jshowoff-slidelink-8 {
	background-image: url(/hellographic/more/files/img/office/img09min.png);
	}
.slideShowOffice .jshowoff-slidelink-9 {
	background-image: url(/hellographic/more/files/img/office/img10min.png);
	}
.slideShowOffice .jshowoff-slidelink-10 {
	background-image: url(/hellographic/more/files/img/office/img11min.png);
	}
.slideShowOffice .jshowoff-slidelink-11 {
	background-image: url(/hellographic/more/files/img/office/img12min.png);
	}
.slideShowOffice .jshowoff-slidelink-12 {
	background-image: url(/hellographic/more/files/img/office/img13min.png);
	}
.slideShowOffice .jshowoff-slidelink-13 {
	background-image: url(/hellographic/more/files/img/office/img14min.png);
	}
.slideShowOffice .jshowoff-slidelink-14 {
	background-image: url(/hellographic/more/files/img/office/img15min.png);
	}
.slideShowOffice .jshowoff-slidelink-15 {
	background-image: url(/hellographic/more/files/img/office/img16min.png);
	}
.slideShowOffice .jshowoff-slidelink-16 {
	background-image: url(/hellographic/more/files/img/office/img17min.png);
	}
.slideShowOffice .jshowoff-slidelink-17 {
	background-image: url(/hellographic/more/files/img/office/img18min.png);
	}
.slideShowOffice p.jshowoff-controls {
	width:418px;
	height:32px;
	margin:0;
	overflow: visible;
	z-index: 150;
	position:absolute;
	top:16px;
	left:16px;
	}
.slideShowOffice .jshowoff-controls a {
	display: block;
	width: 20px;
	height: 38px;
	background: none;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -10000em;
	position: absolute;
	}
.slideShowOffice .jshowoff-controls a.jshowoff-prev {
	top:134px;
	left:10px;
	background:url(../img/office/icoLeft.gif) left top no-repeat;
	}
.slideShowOffice .jshowoff-controls a.jshowoff-next {
	top:134px;
	left:388px;
	background:url(../img/office/icoRight.gif) left top no-repeat;
	}
.slideShowOffice .jshowoff-controls a.jshowoff-play {
	display: none;
	}
/*一時的にサムネイルを配置調整*/
.slideShowOffice .jshowoff-slidelinks a.jshowoff-slidelink-12 {
	margin-right: 140px;
}


/*-------------------------------------------------------------------------
  ------------------------------------------------------------------------
	ブレイクポイント
	940px未満 @media screen and (max-width: 939px) {...}
	560px未満 @media screen and (max-width: 559px) {...}	
  ------------------------------------------------------------------------
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 939px) {
	h4 span {
	font-size:1.4rem;
	}
	#main .f-container {
    	display: block;
	}
	#main .f-item {
		width: 418px;
		margin: 0 auto 30px;
	}
	#main .f-item:nth-child(2n) {
		margin-right: auto;
	}
		
	
	
}

/*office専用ブレイクポイント*/
@media screen and (max-width: 418px) {
	#main .f-item {
		width: auto;
		}
}