@charset "utf-8";
@import url("style.css");
@import url("responsive.css");

/* モバイル用トップ画像（非表示）*/
#index p.spimg{
	display:none;
	visibility:hidden;
}
/* 右サイドバー */
#index aside{
	margin-top:0;
}

/* topic（採用情報・社員紹介ボタン） */
#index #topic{
	width:100%;
	margin:0;
	padding:20px 0;
	background-color:#DEF1FA;
}
#index #topic a{
	text-decoration:none;
}
#index #topic a:hover{
	opacity:0.7;
}
#index #topic a img{
	width:90%;
	max-width:460px;
	margin:0 5px;
	padding:0;
}





/* 文字書式 */
#mainContent p{
	margin:30px 0;
}
/* 見出しh２ */
#index #mainContent h2{
	margin:60px 0 10px 0;
	padding:8px;
	color:#000;
	font-size:130%;
	font-family:"M PLUS 1p", Verdana;
	font-weight:normal;
	border-bottom:2px solid #005BC4;
	background:linear-gradient(#F8F8F8,#ECECEC);
}
/* div .topics */
#index #mainContent .topics{
	margin-bottom:80px;
}
#index #mainContent .topics p{
	margin:30px 0;
	padding:10px 0;
	border-bottom:1px dotted #666;
}
#index #mainContent .topics p .date{
	margin:0;
	padding:3px 10px;
	color:#FFF;
	background-color:skyblue;
	border-radius:25px;
	font-size:80%;
}
/* 集合写真 */
#index #mainContent p.aboutus{
	margin:0;
	padding:0;
	text-align:center;
}
#index #mainContent p.aboutus img{
	width:98%;
	max-width:720px;
	margin:10px 0 0 0;
	padding:0;
}


/* 社長メッセージ */
#index #mainContent .center p{
	font-size:110%;
	line-height:2em;
}
/* 社長写真 */
#index #mainContent .center p img{
	width:100%;
	max-width:750px;
	margin:0;
	padding:0;
}


/* 業務内容 */
#index .box {
	display:flex;
	justify-content: space-between;
	width:100%;
	margin:0;
	padding:0;
}
#index .box .item{
	margin:10px 20px 10px 0;
	padding:10px 20px 20px 20px;
	background-color:#F6F6F6;
}
#index .box .item p{
	margin:20px 0 0 0;
	padding:0;
	font-size:90%;
}
#index .box .item p img{
	margin:0 10px 5px 0;
	padding:0;
	box-shadow:0 0 8px #CCC;
}

/* -------モバイル用------- */
@media screen and (max-width:750px) {
#index p.spimg{
	display:block;
	visibility:visible;
	margin:0;
	padding:0;
}
#index p.spimg img{
	width:100%;
	max-width:666px;
}
#index .swiper-container mb60{
	display:none;
	visibility:hidden;
}
#index #mainContent h3{
	font-size:150%;
}
#index #mainContent img.right{
	width:60%;
	max-width:260px;
}

/* 社長メッセージ*/
#index #mainContent .center img.president{
	width:100%;
	max-width:640px;
	margin:0;
	padding:0;
}
#index #mainContent .center p{
	text-align:left;
}
#index #mainContent .center p.name{
	text-align:right;
}	
#index #mainContent .center p br{
	display:none;
}
#index #mainContent .center p.right{
	text-align:right;
}
}