/* CSS Document */
/*蜈ｱ騾�*/
/* =======================================

	 CSS BrowserReset BaseElements
	
	 (C)BLACKFLAG.NET ALL RIGHTS RESERVED.
	 http://black-flag.net/

 ======================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*vertical-align: baseline;*/
	font-style: inherit;
	font-weight: inherit;
}
html {
	-webkit-text-size-adjust: none;
}
img {
	vertical-align: text-bottom;
	-ms-interpolation-mode: bicubic;
}
a {
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
	color: #28539C;
}
a:hover{
	color: #FD87B0;
}
ol, ul {
	list-style: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table a{
	color: #000;
}
header, article, aside, section, footer, nav, menu, details, hgroup, summary {
	display: block;
}
body {
	background-color: #ffffff;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/*繧ｳ繝ｳ繝�Φ繝�*/
.pc {
  display: block;
}
.sp {
	display: none;
}
#page {
	/*max-width: 1200px;*/
	/*min-width: 980px;*/
	margin: 0 auto;
	background: #ffffff;
  padding: 10px;
}
#main {
  /*width: 976px;*/
	font-family: "繝｡繧､繝ｪ繧ｪ", "Meiryo", "verdana", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", Sans-Serif;
	line-height: 1.2;
	margin: 0 auto;
	position: relative;
}
#page h1 {
	width:100%;
}
#page h1 img {
  width: 410px;
  height: 40px;
  margin: 0 auto;
}

table.strada {
	border: 1px solid #6A889F;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px auto;
}
table.strada th {
  padding: 5px;
  border: #6A889F solid;
  border-width: 0 0 1px 1px;
  font-weight: bold;
  line-height: 120%;
	text-align:left;
}
table.strada th span {
	font-weight:normal;
}
table.strada td {
  padding: 5px;
  border: 1px #6A889F solid;
  border-width: 0 0 1px 1px;
  text-align: center;
}
table.strada td.td_line01{
	border-bottom:none !important;
}
table.strada tbody {
  vertical-align: middle;
}

.td_BG{
	background-color:#F9F9F9;
}
.td_BG000{
	background-color: #FFFD00;
}
.td_title_BG{
	background-color:#E4E4E4;
}
.td_title_BG_02{
	background-color:#E4E4E4;
}
.td_nowrap_ttl_02{
	white-space:nowrap;
	background-color:#fff;
}
.td_nowrap_ttl{
	white-space:nowrap;
	background-color:#E4E4E4;
}
.td_nowrap{
	white-space:nowrap;
	background-color:#E4E4E4;
}
.td_nowrap_02{
	white-space:nowrap;
}
.aohoshi{
	color:#1f91ca;
}
.mRL10{
	margin-left:10px;
	margin-right:10px;
}
.hinban01{
	background-color:#3C6FBB;
	color:#FFFFFF;
	text-align:center !important;
	font-weight:bold;
}
.img01{
	padding:10px !important;
}

section#notice {
  font-size: 75%;
}
ul.notice_list {
  margin: 2em auto;
}
ul.notice_list li {
  line-height: 1.5;
  text-indent: -1em;
  margin-left: 1em;
}
iframe.iframe_tbl{
	width: 4240px;
	height: 1500px;
	overflow: hidden;
}
.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
/*---------------------------
  SP逕ｨ
---------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	#page {
		min-width: 320px;
		min-height: 0;
	}
}

@media screen and (max-width:767px) {
  #page {
    min-width: 320px;
    min-height: 0;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #page h1 {
    padding: 10px;
		box-sizing: border-box;
  }
  #page h1 img {
    width: 80%;
    height: auto;
  }
  #main {
    width: auto;
  }
	#container {
		padding: 0 10px;
	}
	h2 {
		font-size: 100%;
	}
	h3 {
		font-size: 110%;
    line-height: 1.5;
	}
  section#comparison_table {
    overflow-x: scroll;
  }
  .img01 img {
    width: 80px;
    height: auto;
  }
  table.strada{
    font-size: 70%;
  }
  .td_nowrap_ttl_02{
    position: sticky;
    left: 0px;
  }
  .td_nowrap_ttl{
    position: sticky;
    left: 0px;
  }
  .td_nowrap{
    position: sticky;
    left: 23px;
    line-height: 1.5;
  }
  .td_nowrap::before{
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    border-left: 1px solid #6A889F;
    border-right: 1px solid #6A889F;
  }

  .td_nowrap_ttl::before{
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    border-left: 1px solid #6A889F;
  }

.sticky-row .td_nowrap_ttl_02::before{
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    border-top: 1px #6A889F solid;
  } 
.sticky-row2 .td_nowrap_ttl_02::before{
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
  }   
table.strada {
	border-collapse:separate;
	border: none;
} 

.sticky-row td,
.sticky-row th{
	position: sticky;
	top:0;
	z-index: 8;
}
.sticky-row td.td_nowrap_ttl_02{
	z-index:9;
}
.sticky-row2 td{
	background: #fff;
	position: sticky;
	top:24px;	
	    z-index: 6;
}	
.sticky-row2 td.td_nowrap_ttl_02{
	z-index:7;
}
.sticky-row td{
	border-top: 1px #6A889F solid;
}


}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
iframe.iframe_tbl {
    width: 100%;
    height:550px;
    overflow: scroll;
    border: none;
}
.pc-only{
	display: none;
}
.sp-only{
	display: block;
}
}
/*---------------------------
  IE11逕ｨ
---------------------------*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,
  .td_nowrap::before,
  .td_nowrap_ttl::before,
  .td_nowrap_ttl_02::before{
    border-left: none;
    border-right: none;
  }/* IE11 */
}