@charset "UTF-8";

/* ------------------------------------------------------------------------------------------------------------------------------
 * 
 □■□■　備忘　□■□■

(最大解像度：1920×1080　分岐解像度：1280×768)
最小フォント ÷ 最小フォントの画面サイズ ✕ 100 = vw

* ------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------
* 　共通設定
* ---------------------------------------------------------------- */
html {
	scroll-behavior: smooth; /* スムーススクロール */
}

body {
  	color: black;
  	text-align: left;
  	line-height: 1.9;
  	font-size: 16px;
  	letter-spacing: 0.8px;
  	font-family: "Zen Kaku Gothic New", sans-serif;
	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
  	overflow-x: hidden;
}
*, *::before, *::after {
  	box-sizing: border-box;
}


/* h2デザイン */
.sub-title ::after {
    content:"";
   display:block;
   width:50px;
   height:3px;
   background-color:#B9B9B9;
   position:absolute;
   right: 0;
   bottom: 5px;
   left: 0;
   margin: auto;
}


span.service-font {
	font-family: Shippori Mincho;
	font-size: 48px;
	font-weight: Bold;
	filter: drop-shadow(8px 4px 0px #8DBFF9);
	margin-right: 10px;
}

.pc {
	display: block;
}
.mb {
	display: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------
* レスポンジブ
* ------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 599px) {
  	/* 599px以下に適用されるCSS（スマホ用） */
	/* h2デザイン */
	.h2-wrap h2 {
		font-size: clamp(25px, 5vw, 40px);
	}
	.h2-wrap h2::before{
		height: 24px;
		border-left: 7px solid #1A98BF;
		margin-right: 24px;
	}
	.h2-wrap .h2-sm-text {
		font-size: clamp(18px, 5vw, 21px);
		letter-spacing: 1.2px;
	}
	span.service-font {
		font-size: 35px;
	}
	.pc {
		display: none;
	}
	.mb {
		display: block;
	}
}