﻿
@media (orientation: portrait) and ( max-width:599px){	/* sp */
 html{
		max-width:599px;
	}
	.sp-none{ display: none; }
}

body { 
	color: #333;
 font-size:18px;	
	font-family:'Verdana',Helvetica,Arial,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	/* line-height: 1.2; */
	word-break: break-all;
} 
body{
	padding: 0px;
}

#hed1 td{
 background-color: #004284;
}
#hed td{
 background-color: #6666FF;
}
#hed a {
 display: block;
 padding: 7px;
 color: #ffffff;
 font-size:12px;	
 text-align: center;
 text-decoration: none;
}
	
.naiwaku{
 padding:8px;
}
	

#pankuzu{
font-size:10px;
margin:0 0 20px 0;
}

/* パンくずリスト25 */
/* パンくずリスト全体（ol要素） */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

/* リストの各項目（li要素） */
.breadcrumb li {
  white-space: normal; /* テキストの折り返しを許可 */
  word-break: break-all; /* 単語の途中で改行することを許可 */
  flex: 1 1 auto; /* 項目が均等にスペースを埋めるように設定 */
}

/* 項目間の区切り線（::before擬似要素で追加） */
.breadcrumb li:not(:first-child)::before {
  content: "»";
  margin: 0 5px; /* ここで左右の余白を設定 */
  color: #666;
}

/* PC向けスタイル */
/* PC向けスタイル */
@media (min-width: 768px) {
    .breadcrumb {
        flex-wrap: nowrap;
        overflow-x: hidden;
    }

    .breadcrumb li {
        flex: 0 1 auto; /* <-- この行を追記または変更 */
    }
}

h1 { 
	font-size:23px;	
	color:#333333;
	margin:0; 
}
h2 {
	font-size:22px;
	color:#808080;
	margin:0;
}
.ttl-note{
  padding: 5px 10px;
  font-size: 13px;
  color: #7B98BF;
  /* margin: 10px;background-color: #F4F8FB; */
}

form {margin:0;}  
input[type=text] {width:140px;}
input[type=submit] {width:60px;}
	
.sp{ width: 310px; }
.space7{ height: 7px; }	
.sp-space{ height: 30px; }


#gad_top{ display: none; }
.gad_pc{ display: none; }
.gad_sp{ display: block; text-align: center; }


