@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&family=Sawarabi+Mincho&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&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 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Noto Sans JP","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "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;
}
/*スクロールバーの領域表示確保*/
html {overflow-y:scroll;}
/* body */
body{width:100%;}
/*スライダーの画像の右にできる余白を隠す*/
/* #container{overflow: hidden;} */
:root{
	scroll-behavior: smooth;
}

/*画像*/
img {
  width:100%;
  height:auto;
}
a:hover img,
a:active img {opacity: 0.7;transition: .5s;}


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


/* Youtube */
.movie-wrap {
   position: relative;
   padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅 縦÷横×100*/
   height: 0;
   overflow: hidden;
}
.movie-wrap iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/* videoタグでの埋め込み */
.movie-wrap video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------
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;
}
/* 特定データだけ下線 */
.c-news-list__item.is-special:hover .c-news-list__item-ttl--full {
  text-decoration: underline;
}

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



/*------------------------------
z-indexの値を無視※変更不可
------------------------------*/
.pointer-none {
    pointer-events: none;
}