@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

パソコン、タブレット、スマートフォン（iPhone,Android) 共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

basic

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

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 500;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
	font-display: swap;
}

*{font-family: YakuHanJPs_Noto, 'Noto Sans JP', Yu Gothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;}

body{
	background: #FFF;
	color:#333333;
	font-weight: 400;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}

/* shortcodes
---------------------------------------------- */

/* font
---------------------------------------------- */
.normal{font-weight: normal !important;}
.bold{font-weight: bold !important;}
.italic{font-style: italic !important;}

/* display
---------------------------------------------- */
.none{display: none !important;}
.block{display: block !important;}

/* margin
---------------------------------------------- */
.mb_none{margin-bottom: 0 !important;}
.mb_5{margin-bottom: 5px !important;}

/* 上付き文字 下付き文字
---------------------------------------------- */
.sup{
	font-size: 1.1rem;
	vertical-align: text-top;
}

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

common

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

.svg_symbol{display: none;}

/*--404ページ--*/	
.wrap_404{
	text-align: center;
	padding-top: 120px;
	margin-bottom: 160px;
}

.ttl_404{
	font-size: 5rem;
	font-weight: 700;
	margin-bottom: 12px;
}

.txt_404{margin-bottom: 30px;}

/* メール
---------------------------------------------- */
.txt_mail::after{content: "@";}

/* リンク
---------------------------------------------- */
.link01{
	color: #333;
	text-decoration: underline !important;
}

.link01:hover{text-decoration: none !important;}

.link_tel01{
	color: #333;
	pointer-events: none;
}

/* 見出し
---------------------------------------------- */
.heading01{
	font-weight: 700;
	font-size: 3.6rem;
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
}

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

header

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

#header{
	background: #FFF;
	padding: 22px 30px;
	display: flex;
	justify-content: space-between;
}

.h_logo{width: 288px;}

.h_logo a{display: block;}

.h_logo a img{
	width: 100%;
	height: auto;
}

.h_btn{display: flex;}

.h_mail{margin-right: 20px;}

.h_mail a{
	width: 240px;
	font-weight: 700;
	background: #FFDE35;
	color: #000;
	display: flex;
	padding: 14px 20px;
	border-radius: 10px;
	transition: background .3s;
}

.h_mail a:hover{background: #FFE45A;}

.h_mail svg{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 10px;
}

.h_line a{
	width: 240px;
	font-weight: 700;
	background: #0AAC1D;
	color: #FFF;
	display: flex;
	padding: 14px 20px;
	border-radius: 10px;
	transition: background .3s;
}

.h_line a:hover{background: #28C13A;}

.h_line svg{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 10px;
}

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

footer

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

#footer{
	background: #FFDE35;
	padding: 100px 0 75px;
	text-align: center;
	font-weight: 700;
}

.f_info{
	font-size: 1.4rem;
	margin-bottom: 30px;
}

.f_small{font-size: 1.2rem;}


@media print{ /* 印刷時のみ */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	common

	------------------------------------------------------------ */
	
	/* レイアウト
	---------------------------------------------- */	
	#wrap_all{
		width: 1200px;
		transform: scale(0.8);
		transform-origin: 0 0;
	}
	
	
}/*--@media--*/


@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	common

	------------------------------------------------------------ */
	
	html{
		-moz-text-size-adjust: none;
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
	}
	
	
	/* リンク
	---------------------------------------------- */	
	.link_tel01{
		pointer-events: auto;
		text-decoration: underline !important;
	}
	
	/* ------------------------------------------------------------

	header

	------------------------------------------------------------ */
	
	#header{padding: 10px 10px;}
	
	.h_logo a img{width: 160px;}
	
	.h_mail{margin-right: 10px;}
	
	.h_mail a{
		padding: 0;
		width: 32px;
		height: 32px;
		border-radius: 32px;
		justify-content: center;
		align-items: center;
	}

	.h_mail p{display: none;}
	
	.h_mail svg{
		width: 20px;
		height: 20px;
		margin-right: 0;
	}

	.h_line a{
		padding: 0;
		width: 32px;
		height: 32px;
		border-radius: 32px;
		justify-content: center;
		align-items: center;
	}
	
	.h_line p{display: none;}
	
	.h_line svg{
		width: 20px;
		height: 20px;
		margin-right: 0;
	}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	common

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

	body{
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	/*--404ページ--*/
	.wrap_404{
		padding: 100px 20px 0;
		margin-bottom: 100px;
	}
	
	.ttl_404{font-size: 3rem;}
	
	.txt_404 br:nth-of-type(2){display: none;}
	
	/* 見出し
	---------------------------------------------- */
	.heading01{
		font-size: 2.4rem;
		margin-bottom: 30px;
	}
	
	/* ------------------------------------------------------------

	footer

	------------------------------------------------------------ */
	
	#footer{padding: 60px 0;}
	
	
}/*--@media--*/