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

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400&display=swap');

/* =======================================

	共通
	
========================================== */

/* 全体
------------------------------------------ */
html{
	font-size:62.5%;
}
body{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"ＭＳＰゴシック","MS PGothic",Sans-Serif;
	font-size:1.6em;
	background:#fff;
}
*{
	box-sizing: border-box;
	min-width: 0;
	min-height: 0;
}


/* 表示・非表示
------------------------------------------ */
.is_SP{
	display: none;
}
@media screen and (max-width: 768px) {
.is_PC{
	display: none;
}
.is_SP{
	display: block;
}
}

/* レタースペーシング
------------------------------------------ */
#container{
	letter-spacing: 0.08em;
}

/* ボタンのリセット
------------------------------------------ */
button {
	background: none;
	border: none;
	padding: 0;
	color: inherit;
	line-height: 1;
}

/* aタグのリセット
------------------------------------------ */
a{
	text-decoration: none;
	color: inherit;
}

/* レイアウト
------------------------------------------ */
/* 共通 */
#container{
	width: 100%;
	overflow: hidden;
}
#headerArea{
	width: 100%;
}
#wrapper{
	width: 100%;
	display: block;
}
#fixedFooterArea{
	width: 100%;
}
footer#footerArea{
	width: 100%;
}
/* TOP */
#wrapper{
	display: flex;
	flex-wrap: wrap;
}
main#mainArea.cms{
	width: calc(100% - 400px);
	flex: 1;
	order: 2;
}
#sideArea{
	width: clamp(250px, 150 * (100vw - 1024px) / 896 + 250px, 400px);
	order: 1;
}
@media screen and (max-width: 1024px) {
/* 共通 */
#container{
	margin-top: 60px;
}
#fixedFooterArea+footer#footerArea{
	margin-bottom: 50px;
}
/* TOP */
main#mainArea.cms{
	width: 100%;
}
}

/* パンくずリスト
------------------------------------------ */
.fs-c-breadcrumb {
    padding: 8px 0;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
.fs-c-breadcrumb__list {
    font-size: 10px;
}
}

/* ページトップへ（PC用）
------------------------------------------ */
#container #pageTop_PC{
	position: fixed;
	right: 35px;
	bottom: 35px;
	z-index: 999999;
}
#container #pageTop_PC a{
	display: block;
	width: 70px;
	height: 70px;
	background: #2f2f2f;
	position: relative;
	border-radius: 50%;
}
#container #pageTop_PC a img {
	width: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 1024px) {
#container #pageTop_PC{
	right: 0;
	bottom: 0;
}
#container #pageTop_PC a{
	width: 50px;
	height: 50px;
	background: #2f2f2f;
	border-radius: 0;
}
}