/*
Theme Name: UPGATE
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: upgate
*/
@charset "UTF-8";
/*------------------------------------------------------------------
********************************************************************
 * ▼構成
 * ・ベースとなるCSS
 * ・スマホ用（@media screen and (max-width: 767px) {} ）
 * 
 * リセットCSS      css / destyle.min.css
 * モジュール系CSS  css / default.css
 * ページ共通CSS    style.css
 * 各ページCSS      css / (top.css, business.css, message.css,,,)
********************************************************************
--------------------------------------------------------------------*/

/*--- 基本 ---*/
html {
	scroll-behavior: smooth; /* スムーススクロール */
}

body {
	margin: 0px;
	padding: 0px;
	background: none repeat scroll 0% 0%;
	background-attachment: scroll;
	font-family: "NotoSansJP", YuGothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	letter-spacing: 0.8px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}
@media screen and (max-width: 767px) {
	body {
		font-size: 16px;
	}
}


img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
	shape-margin: 0.75rem;
}


/*--- テキスト ---*/
.red{
	color: #ff0000;
}
.blue{
	color: #0000ff;
}
.green{
	color: #008000;
}
.black{
	color: #000;
}
.white{
	color: #fff;
}


/*--- リンク系（アンカー） ---*/
a {
	color: #333;
	text-decoration: none;
	transition: all 1s ease;
}

a:hover {
	color: #007dcc;
}

a img{
	/* display: block; */
	transition: 0.5s;
}

a img:hover {
	opacity: 0.7;
	transition: 0.5s;
}

a[href^="tel:"] {
	pointer-events: none;
	color: #333;
}
@media screen and (max-width: 767px) {
	a[href^="tel:"] {
		pointer-events: auto;
	}
}


/*--- ヘッダー ---*/


/*--- グローバルナビゲーション ---*/


/*--- パンくず ---*/


/*--- メインコンテンツ ---*/


/*--- フッター ---*/