@charset "utf-8"; 

/* Mainエリア内のデザインを記述する。ただし、各ページ固有のデザインは、各ページのヘッダー内に記述する。 */

/* 見出し＆本文 */
#pagetitle { margin-left:15px; font-size:24px; }

main h1, main h2, main h3, main h4, main h5, main h6, main p { margin:0 0 1em; padding:0.2em 10px; }

.t01 { background-color: #F4FFF0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; color:#333; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-size:22px; margin:0; color:#00CCCC} 
.t02 { font-size:18px; border-bottom:1px dotted #000; margin:0; color:#339933;}
.t03 { font-size:14px; border-bottom:1px dotted #ccc; }
.t04 { font-size:13px; border-left:4px solid #ccc; padding:0.1em 6px 0.3em; line-height:1; }
.tal { text-align:left;}
.st01 { font-size:18px; font-weight:bold; color:#339999;}


/* インライン */
small  { font-size:75%; font-weight:normal; }

a { color:#039; text-decoration:none; }
a:hover { color:#136; text-decoration:underline; }
a img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.R { text-align:right; }
.L { text-align:left; }
.C { text-align:center; }

.fig01 { float:right; }
.fig01 img { box-shadow:1px 2px 8px #999; margin:0 8px 5px 15px; border:5px solid #fff; }
.fig01 figcaption { text-align:right; margin-right:10px; }

/* リスト */
main ul, main ol { padding:0 2em 0.5em; }

/* 表 */
table { border-collapse: collapse; }
th, td { font-size:13px; }

.tbl01 { border-collapse:collapse; width:100%; margin:1em; }
.tbl01 th, .tbl01 td { padding:0.3em 1em; border:1px solid #136; }
.tbl01 th { font-weight:bold; color:#fff; background:#369; text-align:center; }

/*バックグラウンドスライド*/
.bg-slider {
	width: 100vw;
	height: 60vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	
}

.c_b { clear:both;}

.bo { padding:18px 0;}

.bo1 {text-align:center; width:310px; display:block;color:#FFF; background-color: #0099FF; margin:10px auto; font-size:17px; font-weight:bold;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo1 a {color:#FFF; text-decoration: none;}
.bo1:hover { background-color: #0066FF;}


.bo2 {text-align:center; width:310px; display:block;color:#FFF; background-color:#F85D5F; margin:10px auto; font-size:17px; font-weight:bold;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo2 a {color:#FFF; text-decoration: none;}
.bo2:hover { background-color:#FF8183;}


.mg { font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-size:36px; margin:0; color:#00CCCC;}
.fss { font-size:28px;}

.table01 { margin:1em auto; width:100%; border-collapse: collapse; border-spacing: 0; font-size:0.8em;border: 1px solid #828282;}
.table01 th { padding: 10px; border: 1px solid #828282; text-align: center;}
.table01 td { padding: 10px; border: 1px solid #828282; text-align: center;}
.bgg { background-color:#D8D8D8;}
.bgy { background-color: #D2FFDD;}
.cg { color:#339999;}

.pc {display: block;}
.sp {display:none;}
.bus_oubo { margin:0 auto; width:90%; max-width:450px;}


/* モニター幅960px以下 */
@media only screen and (max-width:960px) { 

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 

.mg { font-size:28px;}
.fss { font-size:18px;}

.pc {display:none;}
.sp {display:block;}

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
section, article { margin:0 0 1em; padding:15px; }
}