@charset "UTF-8";

/* CSS Document */

/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━
   ┃
   ┃　■　セイノー通関様ウェブサイト
   ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━
   ┃
   ┃　■　ウェブサイト共有
   ┃
   ┗━━━━━━━━━━━━━━━━━━━━━━━━━ */

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');


/* ①画像の色が濃いので、上位レイヤーに相当するようにbackground-imageでベタ塗りで白の半透明の背景画像として設定し画像の色の濃さを抑える。 */
body {
	background-image: linear-gradient(
		to bottom,
		rgba(255,255,255,0.90),
		rgba(255,255,255,0.90)), 
		url("/assets/images/common/seino-logo_type2.svg");
	background-repeat: no-repeat, no-repeat;
	background-position: 50% 50%;
	background-attachment: fixed;
	background-size: 45%;
}

/* ②　h3タグをサイト独自のデザインに変更する。続けてあしらいを追加しても良い。 */
h3 {
	color:rgba(0,50,122,1.00);
	/*	*/
	font-size:2rem;
	text-align:center;

}

h4 {
	color:rgba(0,50,122,1.00);
	/*	*/
	font-size:1.15rem;
	font-weight:bold;

}

h5 {
	font-size:1.10rem;
	font-weight:bold;

}

.darkmode h2{color:#eeeeee;}
.darkmode h2 span.text-muted{color:#dddddd;}
.darkmode p{
	/* filter: brightness(0.9); 要素内のimgタグ以外の要素を明度90%を指定 */
	color:#eeeeee;
} 

/* ┌──────────────────────────
   │
   │　□　企業サイト
   │
   └───────────────────────── */

	.compname {
		display:inline-block;
		position:relative;
		margin-top:-0.75rem;
		margin-left:0.5rem;
		/*padding-right:2rem;  ①ここの指定で、英語表記が長い場合に調整する。できれば影響を */
	}
	.compname::after {
		position:absolute;
		content: attr(data-compName-eg);
		bottom :-0.75rem;
		left:0.2rem;
		font-size:0.75rem;
		color:#656565;
		white-space: nowrap; /* ②改行しないように設定。上記①の設定が不要になるが、メニューに被る可能性があるので臨機応変に対応すること */
	}

/* 　─────────　トップ　　─────────　 */

	#sccs-home-carousel-bg {
		background-image: url("/assets/_seinoscc/img/home/sccs-home-carousel-bg.jpg");
		background-size:30%;
		background-position: bottom 0px left 0px;
		background-repeat: no-repeat;
		
	}




/* サービスのdivタグの背景画像 */
.sccs-top-service-area {
	background-image: linear-gradient(
		to bottom,
		rgba(0,0,0,0.80),
		rgba(0,27,77,0.80)
	  ), url("/assets/_seinoscc/img/home/sccs-home-service-bg.jpg");
	background-repeat: no-repeat ;
	background-size:cover;
	
	padding:5rem 0 0.1rem 0;
	margin-bottom:7rem;	
}

/* 　─────────　拠点情報　───────── 　*/
.branch-text {margin-bottom:3rem;}
.branch-text h5 {margin:-0.8em auto -0em auto;}

/* 　─────────　会社情報　───────── 　*/

/* 　─────────　お問合せ　─────────　 */

/* ┌──────────────────────────
   │
   │　□　採用サイト
   │
   └───────────────────────── */

/*　 ─────────　トップ　　─────────　 */

/*　 ─────────　新卒採用　─────────　 */

/* 　─────────　中途採用　───────── 　*/

/* 　─────────　エントリ　─────────　 */