@charset "utf-8";
/* Googleフォント指定 */
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap');

/* CSS Document */
/* 目次 
1. リセット
2. 共通（レイアウト・その他・見出し・ボタン・ヘッダー・フッター・ぱんくず・TOP.newsお知らせ一覧共通)
*/

/**************************************************
1. リセット
**************************************************/
/* * {
  margin: 0;
  padding: 0;
  line-height:1.0;}
article,aside,details,figcaption,figure,footer,pc-header,main,menu,nav,section,summary {display: block;}
html {font-size: 62.5%;}
body {font: normal 1.4rem/1.6 "Sawarabi Gothic","游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif; color:#333333;}
html,body{ margin:0; padding:0;}
table,thead,tbody,tr,th,td{border-collapse:collapse; border-spacing: 0;}
td,th {padding: 0;}
ul, ol{list-style: none;}
a {text-decoration: none; }
/*a:hover, a:active, a:focus {color: #1a1a1a;}*/
/* img {vertical-align: bottom; border: 0;}
i, cite, em, var, address, dfn {font-style:normal;}
*, *:before, *:after {box-sizing: border-box;}
small { font-size: 12px;font-size: 1.2rem;}
button,select {text-transform: none;} */


/* IE用 */
/* a {background-color: transparent;}
a:active,a:hover {outline: 0;}
button {overflow: visible;}
textarea {overflow: auto;} */
/* firefox用リンクをクリックした後に表示される「枠線」を消す */
/* a,a:focus{outline: none;} */
/* iOSでTEL link無効 */
/* a[href^="tel"]{
  color:inherit;
  text-decoration:none;
} */
/* iOSでのデフォルトスタイルをリセット */
/* 
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
} */ 


/**************************************************
1. NEWリセット
**************************************************/
/* オリジナルはEric Meyer氏のhtml5doctor
    A (more) Modern CSS Reset
*/


article,aside,details,figcaption,figure,footer,pc-header,main,menu,nav,section,summary {display: block;}
/*要素のフォントサイズやマージン・パディングをリセット*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


table,thead,tbody,tr,th,td{border-collapse:collapse; border-spacing: 0;}
td,th {padding: 0;}
ul, ol{list-style: none;}
a { text-decoration: none; color: inherit; }
/* a:hover, a:active, a:focus {color: var(--color--wh);} */
i, cite, em, var, address, dfn {font-style:normal;}
small { font-size: 12px;font-size: 1.2rem;}
button,select {text-transform: none;}


/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* Prevent font size inflation */
html {
font-size: 62.5%;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
  font: normal 1.4rem/1.6 "BIZ UDPGothic", sans-serif,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif; color:var(--color--bk);
  font-weight: normal;
  font-style: normal;
}
html,body{ margin:0; padding:0;}


/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}
/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}



/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,h5,h6,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,h3, h4,h5,h6, {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* Make images easier to work with */
img,picture{
  width: 100%;
  height: auto;
  display: block;
}
/*画像を縦に並べた時に余白が出ないように*/
img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}


/*引用符の表示調整*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しない指定*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:var(--color--key);
    color:var(--color--bk);
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:var(--color--key);
    color:var(--color--bk);
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid var(--color--gray);
    margin:1em 0;
    padding:0;
}



/* Firefox */
summary {
  list-style: none;
}
/* chrome / Safari */
summary::-webkit-details-marker {
  display: none;
}


































/*スクロールバーの領域表示確保*/
html {overflow-y:scroll;}
/* body */
body{width:100%;}

/*スライダーの画像の右にできる余白を隠す*/
#container{overflow: hidden;}
/*タブ切り替え*/
.ChangeElem_Panel{display: none;}


/* clearfix */
.cf {
  clear: both;
}
.cf:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
/* float */
.float-l{float: left;}
.float-r{float: right;}
/*画像*/
/* img {
  width:100%;
  height:auto;
} */
/*画像*/
/* img {
  width:100%;
  height:auto;
} */



a:hover img,
a:active img {opacity: 0.8;transition: .5s;}


/* 一行目以降インデント */
.indentback{
  text-indent: -1em;
  padding-left: 1em;
}

.f-letterspacing-s{
  letter-spacing: -0.1em;
}

/*------------------------------
テキストリンク ※変更不可
------------------------------*/
a.text-link:link,
a.text-link:visited {
  color: var(--);
  text-decoration: underline;
}
a.text-link:hover,
a.text-link:active {
  opacity: 0.8;
}












/*------------------------------
リスト表示 ※変更不可
------------------------------*/
/*・*/
ul.disc{
  margin-left: 2em;
}
ul.disc>li {
  list-style: disc;
  margin-bottom: 0.5em;
}
ul.indent>li {
  margin-bottom: 0.5em;
}
/*123*/
ol.decimal{
  margin-left: 2em;
}
ol.decimal>li {
  list-style: decimal;
  margin-bottom: 0.5em;
}
/*abc*/
ol.lower-latin{
  margin-left: 2em;
}
ol.lower-latin>li {
  list-style: lower-latin;
  margin-bottom: 0.5em;
}





/*--------------------------------------------------
画像スクロール共通 .sp-scroll
----------------------------------------------------*/
.sp-scroll p{
  margin: 0 auto ;
  width: 600px;
  height: auto;
}
/*スクロール*/
.sp-scroll{
  overflow: auto;
  margin-bottom: 10px;
}
/*スクロールバーの横幅指定*/
.sp-scroll::-webkit-scrollbar {
  height: 10px;
}
/*スクロールバーの背景色・角丸指定*/
.sp-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
/*スクロールバーの色・角丸指定*/
.sp-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background:#aaa;
}
/*--------------------------------------------------
テーブルスクロール共通 .sp-scroll-t
----------------------------------------------------*/
.sp-scroll-t table {
  margin: 0 0 10px;
}
/*スクロール*/
.sp-scroll-t{
  width: 100%;
  overflow: auto;
  margin-bottom: 10px;
}
/*スクロールバーの横幅指定*/
.sp-scroll-t::-webkit-scrollbar {
  height: 10px;
}
/*スクロールバーの背景色・角丸指定*/
.sp-scroll-t::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
/*スクロールバーの色・角丸指定*/
.sp-scroll-t::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background:#aaa;
}





/*------------------------------
動画のアスペクト比調整
------------------------------*/
.movie-wrap {
   position: relative;
   padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅 縦÷横×100*/
   height: 0;
   overflow: hidden;
   width: 100%;
}
.movie-wrap iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
    border: none;
}

/*------------------------------
googlemapのレスポンシブ対応 ※変更不可
------------------------------*/
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/*------------------------------
クリック範囲の拡大※変更不可
------------------------------*/
.range {
  position: relative;
}
.range a::before {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  content: "";
}
.range:hover, .range:active {
  opacity: 0.9;
}


/* スクロール時の挙動を調整 */
/*
:root {
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}
*/


/**************************************************
* 固定ヘッダー時のリンクの位置ずれ対策
***************************************************/
:root{
	scroll-padding-top: 70px;/*ヘッダーの高さに変更する*/
	scroll-behavior: smooth;
}


/*=================== TBここから ==================*/
@media screen and (min-width: 700px) {

:root{
	scroll-padding-top: 90px;/*ヘッダーの高さに変更する*/
}
    
}
/*=================== TBここまで ==================*/
/*=================== PCここから==================*/
@media screen and (min-width: 1000px) {

:root{
	scroll-padding-top: 200px;/*ヘッダーの高さに変更する*/
}


  
    
}
/*=================== PCここまで ==================*/