@charset "utf-8";

#sp_wrap {
	max-width: 1200px;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro","メイリオ", Meiryo !important;
	/*font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;*/
	font-size: 12px;
	color: #000;
	letter-spacing: 1pt;
	line-height: 1.7;
	margin: 0 auto;
	overflow: hidden;
}

#sp_wrap img {
	border: none;
}

* p {
	margin: 0;
	padding: 0;
}

#sp_wrap a:link{
text-decoration:none;
color: #000;
}
#sp_wrap a:hover{
text-decoration:none;
color: #595757;
opacity: 0.7;
}
a:hover img {
/*
   opacity: 0.7;
    filter: alpha(opacity=70);
	-moz-opacity: 0.7;
*/
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.clr {
	clear: both;
}
.maintitle img{
max-width:1046px;
}
.maintitle{margin:0 auto;}

.main_img{border:none;margin:0 0 40px;}
.main_img img{
    max-width:1200px;
}

/* navi */
.navi ul {
    margin: 0 auto;
    padding: 8% 0 6% 0;
    text-align: center;
}
.navi ul li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin:0 38px;
    font-size: 22px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* chart */
#fukkura , #yutaka , #nami , #hoso , #sasa {
    margin-bottom: 6%;
}
#chart {
    width:93%;
    padding: 4% 0 2%;
    margin:0 auto;
    border-top: 1px solid #000;
}
#chart .chart_title {
    margin-bottom: 10px;
    font-size: 19px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#chart .chart_title span {
    font-size: 16px;
}
#chart .table th, .table td {
    text-align: center;
    padding: 5px 0;
}
.table-bordered tbody th {
  width: auto;
}
#chart .guide_chart{
    float:left;
}
#chart .guide_chart.table-striped tbody > tr > th:first-child{
  background-color:#eaeae9;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color:#fff;
}
.table-striped tbody > tr:first-child > td {
    background-color:#eaeae9;
}
#chart .guide_chart tbody tr.last-chart th,
#chart .guide_chart tbody tr.last-chart td{
  background-color:transparent;
}
#chart .guide_chart.mb-chart1{
  width:40%;
}
#chart .guide_chart.mb-chart2{
  width:28%;
}
#chart .guide_chart.mb-chart3{
  width:32%;
}
#chart .guide_chart.sl-chart1{
  width:50%;
}
#chart .guide_chart.sl-chart2{
  width:50%;
}
#chart .guide_chart .border{
  border-left:none;
}
#chart .guide_title{
  clear:both;
}
#chart .caution-area{
  clear:both;
}
#chart .guide_chart.table-bordered {
    border-collapse:collapse;
}
#chart .guide_chart.table-bordered thead:first-child tr:first-child > th:first-child,
#chart .guide_chart.table-bordered tbody:first-child tr:first-child > td:first-child,
#chart .guide_chart.table-bordered tbody:first-child tr:first-child > th:first-child {
    border-top-left-radius: 0;
}
#chart .guide_chart.table-bordered thead:first-child tr:first-child > th:first-child,
#chart .guide_chart.table-bordered tbody:first-child tr:first-child > td:first-child,
#chart .guide_chart.table-bordered tbody:last-child tr:last-child > th:first-child {
    border-bottom-left-radius: 0;
}

.lpBtn a{
  background-color:#c8b495;
  color:#fff !important;
  text-align: center;
  padding:1%;
  display: block;
  width:50%;
  margin:0 auto 3%;
  font-size: 25px;
  letter-spacing: 5px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/**max-width: 1200px**/
@media screen and (max-width: 1200px){
}

/**max-width: 980px**/
@media screen and (max-width: 980px){

}

/**max-width: 978px**/
@media screen and (max-width: 978px){
#sp_wrap {
    font-size: 12px;
}
.navi ul li {
    font-size: 18px;
}
#chart {
    width:100%;
}
#chart .guide_chart.mb-chart1{
    width:38%;
}
#chart .guide_chart.table-bordered tbody:first-child tr > th {
    font-size: 10px;
}
}

/**max-width: 830px**/
@media screen and (max-width:830px){
#sp_wrap {
    font-size: 12px;
}
.navi ul li {
    font-size: 18px;
}
#chart {
    width:100%;
}
}

/**max-width: 767px**/
@media screen and (max-width: 767px){
.navi ul li {
    font-size: 16px;
    margin:10px 20px;
}

/* chart */
#fukkura , #yutaka , #nami , #hoso , #sasa {
    margin-top:-80px;
    padding-top:80px;
}
#chart {
    width:100%;
    padding: 60px 0 20px;
    margin:0 auto;
    border-top: 1px solid #000;
}
#chart .chart_title {
    margin-bottom: 10px;
    font-size: 18px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#chart .chart_title span {
    font-size: 13px;
}
#chart .guide_chart{
  float:none;
  table-layout:fixed;
  margin-bottom:8px;
}
#chart .guide_chart th,
#chart .guide_chart td{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -m-box-sizing:border-box;
}
#chart .guide_chart tbody tr.last-chart th,
#chart .guide_chart tbody tr.last-chart td{
  background-color:transparent;
}
#chart .ttl-wrap{
  width:34%;
}
.guide_chart tbody tr:first-child th{
  width:34%;
}
#chart .guide_chart.chart1{
  width:100%;
}
#chart .guide_chart.chart2,
#chart .guide_chart.chart3{
  width:66%;
}
#chart .guide_chart.mb-chart1,
#chart .guide_chart.sl-chart1{
  width:100%;
}
#chart .guide_chart.mb-chart2,
#chart .guide_chart.mb-chart3,
#chart .guide_chart.sl-chart2{
  width:66%;
}
#chart .mb-guide_chart td{
  width:18.125%;
}
#chart table.mb-chart2 tbody:first-child > tr:first-child > td:first-child,
#chart table.mb-chart3 tbody:first-child > tr:first-child > td:first-child{
  border-top-left-radius:0;
}
#chart table.mb-chart2 tbody:last-child > tr:last-child > td:first-child,
#chart table.mb-chart3 tbody:last-child > tr:last-child > td:first-child{
  border-bottom-left-radius:0;
  }
#chart .guide_title{
  margin-top:20px;
}

.lpBtn a {
    padding: 2%;
    display: block;
    width: 100%;
    margin: 0 auto 3%;
    font-size: 15px;
    font-weight:bold;
}
}
/**max-width: 440px**/
@media screen and (max-width: 440px){
}

/**max-width: 420px**/
@media screen and (max-width: 420px){
}

/**max-width: 400px**/
@media screen and (max-width: 400px){
}