@charset "UTF-8";

/* Web Font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Sawarabi+Mincho&display=swap');
/*
https://fonts.google.com/specimen/Noto+Sans+JP?query=noto&sidebar.open&selection.family=Noto+Sans+JP:wght@400;700|Roboto+Condensed:wght@400;700|Sawarabi+Mincho

font-family: 'Noto Sans JP', sans-serif;
font-family: 'Sawarabi Mincho', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////// PC全ページ共通CSS ///////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ==================================================
BASE (RESET)
================================================== */
html { box-sizing: border-box; width: 100%; margin: 0; padding: 0; }
*, *::after, *::before { box-sizing: inherit; }
body { position: relative; width: 100%; margin: 0; padding: 0; text-align: center; }
#allWrap { width: 100%; margin: 0 auto; }

h1, h2, h3, h4, h5, h6, p { font-size: 100%; font-weight: inherit; margin: 0; padding: 0; }
ul, ol, dl { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }
ol, li { list-style: none; }
dt, dd { font-weight: inherit; font-style: normal; margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
th, td { font-size: inherit; font-weight: inherit; font-style: normal; empty-cells: show; }
input, select { vertical-align: middle; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
pre { white-space: pre-wrap; }
em, strong, i, b { font-style: normal; font-weight: inherit; }
figure { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background: transparent; }
img { font-size: 0; line-height: 0; border: 0; vertical-align: bottom; }
img, object, embed, video { max-width: 100%; }
/*レスポンシブ対応*/
img, svg { max-width: 100%; height: auto; }
/* ---------- */
a { font-size: inherit; margin: 0; padding: 0; background: transparent; vertical-align: baseline; }


/* ==================================================
FONT
================================================== */
html { font-size: 62.5%; }

body,
#allWrap {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.8;
	letter-spacing: .08em;
	color: #000;
	
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	/*font-feature-settings: "palt", 'liga';*/
	font-feature-settings: "pkna";
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /* iPhoneの文字サイズバグの回避 */
}

#allWrap { font-size: 1.4rem; }

/* ################ ↓↓↓ MEDIAQUERY ↓↓↓ ########## */ @media screen and (max-width: 768px) {
html { font-size: 10px; }
} /* ############## ↑↑↑ MEDIAQUERY ↑↑↑ ########## */


/* ==================================================
LINK
================================================== */
a:link { text-decoration: underline; color: #333; }
a:visited { text-decoration: underline; color: #333; }
a:hover { text-decoration: none; color: #7a7a7a; }
a:active { text-decoration: none; color: #7a7a7a; }
:focus { outline: 0; }
/*a { outline: 0; transition: all 0.4s ease-out 0s; }*/

/* ==================================================
PCの時は、.spOnlyを非表示
================================================== */

@media screen and (min-width: 769px) {
	.spOnly { display: none !important; }
	.pcOnly {}
}

/* ==================================================
SPの時は、.pcOnlyを非表示
================================================== */

@media screen and (max-width: 768px) {
	.spOnly {}
	.pcOnly { display: none !important; }
}


/* ==================================================
WRAPPER
================================================== */
body {
	min-width: 320px;
	/*! background: #fff; */
}

body.pageHome {}

#allWrap {
	min-width: 320px;
	/*! background: #fff; */
	overflow: hidden;
	text-align: center;
}


/* ==================================================
HEADER
================================================== */
header#mainHdr {
}


/* ==================================================
CONTENTS
================================================== */
#cntWrap {
}


/* ==================================================
FOOTER
================================================== */
footer#ftrWarp {
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ==================================================
OTHERS
================================================== */

.scrollto {/* アニメーションスクロール jsを利用 */}

/* clrfix */
.clrfix::before, .clrfix::after { display: table; content: ''; }
.clrfix::after { clear: both; }


/*

<!-- #################################################################################################### -->
<!-- ##########　HTML コメントアウト記述ルール　######################################################### -->
<!-- #################################################################################################### -->


<!-- ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ -->
<!-- //////////////////////////////////////////////////////////////////// -->
<!-- ///// メインコンテンツエリア（編集エリア） ///////////////////////// -->
<!-- //////////////////////////////////////////////////////////////////// -->

<!-- //////////////////////////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////////////////////////// -->
<!-- ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ -->

<!-- ==================== 大ブロックエリア ==================== -->
<!-- ==================== //大ブロックエリア ==================== -->

<!-- ***** 中ブロックエリア *************** -->
<!-- ***** //中ブロックエリア *************** -->

<!-- #ID名 -->
<!-- //#ID名 -->

<!-- .class名 -->
<!-- //.class名 -->

<!-- [memo] -->
<!-- //[memo] -->


<!-- ※※※※※ INCLUDE - HEADER ※※※※※ -->
<!--#include virtual="/common/inc_header.html"-->
<!-- ※※※※※ //INCLUDE - HEADER ※※※※※ -->

<!-- ※※※※※ INCLUDE - FOOTER ※※※※※ -->
<!--#include virtual="/common/inc_footer.html"-->
<!-- ※※※※※ //INCLUDE - FOOTER ※※※※※ -->

<!--
[ id/class Name List ]
wrap > area > group > set > box or block

[ memmo ]
TOPページ → <body class="pageHome">
Newsページ(第2階層) → <body class="pageNews dir2nd">
-->
*/


/* #################################################################################################### */
/* ##########　CSS コメントアウト記述ルール　########################################################## */
/* #################################################################################################### */


/* //////////////////////////////////////////////////////////////////// */
/* ///// ブロック区切り /////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */

/* ==================================================
大見出し
================================================== */

/* 中見出し（他、説明など）
------------------------------ */

/* ### 小見出し 1 ### */
/* ### ----- ### */

/* 小見出し 2 */
/* ----- */


/* ### ↓MEDIAQUERY範囲指定 ※min以上 max以下 ### */
@media screen and (min-width: 641px) and (max-width: 768px) {
}

/* ### ↓MEDIAQUERY ※縦置き表示 ### */
@media screen and (orientation: portrait) {
}


/* ### ↓MEDIAQUERY ※横置き表示 ### */
@media screen and (orientation: landscape) {
}


/* ### ↓MEDIAQUERY ※min以上 ### */
@media screen and (min-width: 769px) {
}


/* ### ↓MEDIAQUERY ※max以下 ### */
@media screen and (max-width: 768px) {
}