@charset "utf-8";

/* ========== 共通 ========== */
html {
	color: #000;
	font-family: "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	position: relative; 
	overflow-x: hidden;
}

#contents {
	text-align: center;
	max-width: 900px;
	margin: auto;
}

/* コンテンツ_トップ */
main h2 {
	height: 250px;
	margin-bottom: 60px;
	text-align: center;
	line-height: 250px;
	font-size: 30px;
	font-weight: normal;
	position: relative;
}

#index main h2 {
	height: 100%;
	margin: 30px 0 60px;
	line-height: 1;
}

#news main h2 {height: 100px; line-height: 100px;}

/* 表示・非表示_pc/sp */
.pc{display: block;}
.sp{display: none;}

/* リンク */
a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.3s ease; /* ふわっと */
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {
	color: #999;
	opacity: 0.6;
}


/* グラデーション */
.gd{background:linear-gradient(-45deg,#71ebc1,#5ad1fd);}

a.gd:hover {color: #fff;}

/* お問い合わせ */
.mail:before {
	background: url(../../common/img/mail.gif) no-repeat center / cover;
	content:" ";
	height: 15px;
	width: 19px;
	margin: auto;
	position:absolute;
	top: 0;
	left: 15px;
	bottom: 0;
}

.mail{
	box-sizing: border-box;
	color: #fff;
	padding: 11px 15px 10px 40px;
	position:relative;
	height: 45px;
	width: 160px;
}

/* ========== 背景 ========== */
#about main h2 {background: url(../../about/title_bg_pc.jpg) no-repeat center / cover;}
#news main h2 {background: #f7f8fa;}
#recruit main h2 {background: url(../../recruit/title_bg_pc.jpg) no-repeat center / cover;}
#team main h2 {background: url(../../team/title_bg_pc.jpg) no-repeat center / cover;}

/* ===================================================================
タブレット
=================================================================== */
@media screen and (max-width: 1100px){
#contents {width: 92%;}

}

/* ===================================================================
スマホ
=================================================================== */
@media screen and (max-width: 750px){
/* コンテンツ_トップ */
main h2 {
	height: 150px;
	margin: 65px 0 40px;
	text-align: center;
	line-height: 150px;
	font-size: 30px;
	font-weight: normal;
}

#index main h2 {margin: 20px 0 60px;}

/* 表示・非表示_pc/sp */
.pc{display: none;}
.sp{display: block;}

/* ========== 背景 ========== */
#about main h2 {background: url(../../about/title_bg_sp.jpg) no-repeat center / cover;}
#recruit main h2 {background: url(../../recruit/title_bg_sp.jpg) no-repeat center / cover;}
#team main h2 {background: url(../../team/title_bg_sp.jpg) no-repeat center / cover;}

}