@charset "UTF-8";
/* CSS Document */

/* =================================
  基本設定
================================= */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", sans-serif;
}

div#wrapper {
	background-color: #fff;
	overflow: hidden;
}

/* PCのとき非表示 */
@media(min-width:751px) {
	.sp {
		display: none !important;
	}
}

/* スマホのとき非表示 */
@media(max-width:750px) {
	.pc {
		display: none !important;
	}
}

/* スマホのとき改行 */
.br-sp {
	display: none;
}

@media screen and (max-width: 768px) {
	.br-sp {
		display: block;
	}
}


/* ページトップへ戻る */
.pagetop {
	position: fixed;
	right: clamp(15px, 3vw, 30px);
	bottom: clamp(60px, 8vw, 100px);
	z-index: 10000;
	display: block;
	width: clamp(50px, 6vw, 70px);
	transition:
		opacity 0.3s ease,
		transform 0.3s ease;
}

.pagetop img {
	display: block;
	width: 100%;
	height: auto;
}

.pagetop:hover {
	opacity: 0.7;
	transform: translateY(-4px);
}


/*///////////////////////////////////////////////
ヘッダ
///////////////////////////////////////////////*/

header {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.headbox {
	width: min(100% - 40px, 1100px);
	margin-inline: auto;
	padding-block: clamp(20px, 5vw, 30px);
}

.headbox h1 {
	margin: 0;
}

h1 a {
	display: inline-block;
}

.headbox img {
	display: block;
	width: auto;
	height: clamp(50px, 4vw, 80px);
}


/*///////////////////////////////////////////////
メイン画面
///////////////////////////////////////////////*/


.main {
	margin: 0;
	padding: 0;
}


.main img {
	display: block;
	width: 100%;
	height: auto;
}




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

footer {
	padding: clamp(40px, 6vw, 60px);
	padding-bottom: calc(clamp(40px, 6vw, 60px) + 70px);
	text-align: center;
	border-top: 1px solid #ddd;
}

/* スマホ */
@media (max-width: 768px) {
	footer {
		padding-bottom: calc(clamp(40px, 6vw, 60px) + 56px);
	}
}

footer img {
	margin-inline: auto;
	width: min(30%, 160px);
}

p.Copyright {
	font-size: clamp(0.75rem, 1.4vw, 0.95rem);
}