body { 
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size:16px;
    line-height:1.6;
    color:#333;
}

a{
  color:inherit;
  text-decoration:none;
  -webkit-tap-highlight-color: transparent;
}

a:hover{
  text-decoration:underline;
}


/* TD内の文字だけ調整したい場合に残す */
td { 
    font-size:15px;
    line-height:1.9;
}




@media screen and (min-width:1024px){

body{
    font-size:15px;
    line-height:1.7;
}

}





.futter {
font-size: 10pt; 
font-family: 'Noto Sans JP',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','Meiryo',sans-serif;
line-height:1.4;
letter-spacing:1px;
color:#3c3c3c;}

.insta {
font-size: 20pt; 
font-family: 'Lexend', sans-serif;
line-height:1.4;
letter-spacing:1px;
color:#3c3c3c;}

.subcome {
font-size: 18pt; 
font-family: 'Noto Sans JP',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','Meiryo',sans-serif;
font-weight:500;
line-height:1.8;
letter-spacing:1px;
color:#3c3c3c;}

.copyright {
font-size: 14pt; 
font-family: 'Noto Sans JP',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','Meiryo',sans-serif;
font-weight:500;
line-height:1.8;
letter-spacing:1px;
color:#99b9ad;}

.mc {
font-size: 12pt; 
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:1.4;
color:#969696;
 }


h1{ margin-top: 0; margin-bottom: 0;}

.w_height {line-height: 1.5;}

a.line { text-decoration:underline; }


/* --- パンくずリスト --- */
.breadcrumb {
	font-size: 18pt;
	font-family: 'Noto Sans JP',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','Meiryo',sans-serif;
	color:#d9e0c9;
	font-weight:200;
    display: flex;
    gap: 0 12px;
    list-style: none;
    padding: 0;
}

.breadcrumb li {

    display: flex;
    align-items: center;
}

.breadcrumb li:first-child::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20ZM11 13V19H13V13H11Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}

.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    width: .3em;
    height: .6em;
    margin-left: 18px;
    background-color: #d9e0c9;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: '';
}

.breadcrumb a {
	font-size: 18pt;
	font-family: 'Noto Sans JP',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','Meiryo',sans-serif;
    color: #d9e0c9;
    text-decoration: none;
}

.breadcrumb a:hover	{ 
	font-size: 18pt; 
	font-family: 'Noto Sans JP',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','Meiryo',sans-serif;
	font-weight:600;
	text-decoration: none; 
	letter-spacing:1px;
	color:#d9e0c9;}


.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
}

.pagetop a {
  opacity: 0.85; /* 55％不透明度(＝45％透過) */
  display: block;
  width: 110px;
  height: 110px;
  background-color: #0080cc;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  text-decoration: none;
  line-height: 40px;
}


/* --- 画像ロールオーバー効果 ---class="rollover"を指定 2行目で透過調整 */
.rollover a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.rolloverlink a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* --- スマホアクセス 文字サイズ自動変更制御 --- */
html {
    -webkit-text-size-adjust: 100%;
}

/* --- slider読み込み対策 */
#img2, #img3, #img4, #img5 {
display:none;
}


/* --- html5画像余白削除 */
img{
	vertical-align:top;
}


/* --- iframe下の余白を消す */
iframe {
vertical-align:bottom;
}


/* --- 線 */
.line {
  height: 1px;
  background-color: #005738;
  width: 100%; /* 横幅100% */
  margin: 5px 0;
}


/* --- spスクロール対策 */
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  max-width: 100%;
}

table, tr, td {
  overflow-x: hidden;
  max-width: 100%;
}


td {
  overflow-y: hidden;
  box-sizing: border-box;
}


