@charset "UTF-8";
/* -------------------------------------------------
新規
----------------------------------------------- */


.html{}

body{
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/z-index: 1;
	background:rgb(250, 255, 229);
	/* word-break: break-all; */
        margin: 0px;
        padding: 0px;

}
a{
	word-break: normal;
}
#page{}

/* -------------------------------------------------
共通クラス
----------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:hover img.ovr{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* IMEモードオン：日本語入力 */
.ime_on{
	ime-mode: active;
}

/* IMEモードオフ：英数字入力モード入力 */
.ime_off{
	ime-mode: disabled;
}

#content{
    padding : 50px 0 0 0;
}

/* ヘッダー */
#sp_header{
	color: #FFFFFF;
	background-color: #cae9f8;
	/* text-align: center; */
	font-weight:bold;
	padding: 0px 0px;
	font-size:24px;
        position: fixed;
	width:100%;
	z-index: 2; 
}
 /* #icon{
	position:absolute;
        top:10px;
        left:10px;
        width:100%;
        text-align:left;
}
 */
#h_menu_1 {
	width: 100%;
	padding:0 0 0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
     /* display: block; */
}
#h_menu_2 {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
        display: flex;
        justify-content: center;
        flex: 1;
        height: 100%;
        position: relative;
    top: -55px;
    right: -102px;
}

/* フッター */
.kome {
	color:#0066FF;
	font-weight: bold;
}
#footer{
	bottom:0;
}
.table_footer{
	background-color:#1880fd; 
	width:100%;
	text-align:center;
}
.footer_title{
	color:#FFFFFF;
	font-weight: bold;
}
.footer_content{
	color:#0066FF;
	font-weight: bold;
}




/* スマホサイト用ココカラ */
/* ベース水色枠 */
article{background-color: #8BD1F7;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #aaaaaa;
	padding: 10px;
        margin: 5% 10px 5% 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
	box-shadow: 1px 1px 3px #aaaaaa;
	border-radius: 5px;
        overflow: hidden}

/* 画像を中央に配置するレイアウト */
figure.photo-center	{text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
 }

/* 画像を左に配置するレイアウト */
figure.photo-left	{margin: 0;
	margin-right: 20px;
	margin-bottom: 50px;
	float: left
	overflow: hidden}

figure.photo-left img	{width: 550px}

/* ★画像を右に配置するレイアウト */
figure.photo-right	{margin: 0;
    padding: 0;
	margin: 0 20px;
	float: right}

/* ここから先スマホ用ボタンスタイル */

.footer_btn {
  display: block;             /* ブロック要素にする */
  height: 20px; 
  color: #ffffff;
  background-color: #1880fd;  /* 背景色 */
  border: outset 2px #9999cc; /* 枠の色 */
  margin: 0px;
  padding:  13px 14px;
  font-size: 16px;            /* フォントサイズ */
  line-height: 1.4em;          /* 行の高さ */
  text-align: center;         /* 水平揃え */
  text-decoration: none;      /* 下線を消す */
  border-radius: 8px;         /* 丸角 */
  margin:0 20px 0 20px;
}

/*　スマホボタンスタイルend */